html,
body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden !important;
}

body.seo-home {
    width: 100%;
    max-width: 100vw;
    overflow-x: hidden !important;
}

body.seo-home *,
body.seo-home *::before,
body.seo-home *::after {
    box-sizing: border-box;
}

body.seo-home img,
body.seo-home svg {
    max-width: 100%;
}

html {
                scroll-behavior: smooth;
                background: #101210;
            }

            body.seo-home {
                width: 100% !important;
                max-width: none !important;
                min-height: 100vh;
                margin: 0 !important;
                padding: 0 !important;
                overflow-x: hidden;
                background: #101210 !important;
                color: #fff;
                font-family: Arial, Helvetica, sans-serif;
            }

            body.seo-home *,
            body.seo-home *::before,
            body.seo-home *::after {
                box-sizing: border-box;
            }

            body.seo-home h1,
            body.seo-home h2,
            body.seo-home h3,
            body.seo-home p {
                text-shadow: none !important;
            }

            .seo-home a {
                text-decoration: none;
            }

            .seo-home-shell {
                width: min(1500px, calc(100% - 48px));
                margin-inline: auto;
            }

            .seo-home-header {
                position: relative;
                z-index: 20;
                width: 100%;
                padding:
                    calc(14px + env(safe-area-inset-top))
                    0
                    14px;
                border-bottom: 1px solid #242424;
                background: #090909;
            }

            .seo-home-notice {
                width: 100%;
                min-height: 42px;
                padding:
                    10px
                    max(16px, env(safe-area-inset-right))
                    10px
                    max(16px, env(safe-area-inset-left));
                display: flex;
                align-items: center;
                justify-content: center;
                gap: 9px;
                border-bottom: 1px solid #d39b00;
                background: #f4c430;
                color: #151515;
                font-size: 13px;
                font-weight: 850;
                line-height: 1.4;
                text-align: center;
                box-sizing: border-box;
            }

            .seo-home-notice i {
                width: 17px;
                height: 17px;
                margin: 0 !important;
                display: inline-grid !important;
                place-items: center;
                flex: 0 0 17px;
                color: #151515 !important;
                font-size: 14px;
                line-height: 1 !important;
            }

            .seo-home-nav {
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 24px;
                min-height: 58px;
            }

            .seo-home-logo {
                display: inline-flex;
                align-items: center;
                gap: 11px;
                color: #fff;
                font-size: 22px;
                font-weight: 900;
                line-height: 1;
            }

            .seo-home-logo img {
                width: 43px;
                height: 43px;
                display: block;
                flex: 0 0 auto;
                object-fit: contain;
            }

            .seo-home-logo span {
                color: #39ff14;
            }

            .seo-home-nav-actions {
                display: flex;
                align-items: center;
                gap: 10px;
            }

            .seo-home-button {
                display: inline-flex !important;
                align-items: center !important;
                justify-content: center !important;
                gap: 9px;
                min-height: 46px;
                padding: 11px 19px;
                border: 1px solid #424242;
                border-radius: 8px;
                background: #1b1b1b;
                color: #fff;
                font-family: Arial, Helvetica, sans-serif;
                font-size: 15px;
                font-weight: 800;
                line-height: 1.2;
                white-space: nowrap;
                transition:
                    transform 0.2s,
                    border-color 0.2s,
                    background 0.2s;
            }

            .seo-home-button > i {
                display: inline-flex !important;
                align-items: center !important;
                justify-content: center !important;
                flex: 0 0 auto !important;
                width: 1em !important;
                height: 1em !important;
                margin: 0 !important;
                padding: 0 !important;
                position: static !important;
                color: currentColor !important;
                font-family: "Font Awesome 6 Free" !important;
                font-size: 16px !important;
                font-style: normal !important;
                font-weight: 900 !important;
                line-height: 1 !important;
                opacity: 1 !important;
                visibility: visible !important;
                transform: none !important;
            }

            .seo-home-button > i::before {
                display: block !important;
                line-height: 1 !important;
            }

            .seo-home-button:hover {
                transform: translateY(-2px);
                border-color: #39ff14;
                background: #232323;
            }

            .seo-home-button:focus-visible {
                outline: 3px solid rgba(57, 255, 20, 0.3);
                outline-offset: 3px;
            }

            .seo-home-button-primary {
                border-color: #39ff14;
                background: #39ff14;
                color: #070707;
            }

            .seo-home-button-primary:hover {
                background: #67ff4d;
                color: #070707;
            }


            .seo-home-button-primary > i {
                color: #070707 !important;
            }

            .seo-home-hero {
                display: grid;
                grid-template-columns:
                    minmax(420px, 0.72fr)
                    minmax(680px, 1.28fr);
                align-items: center;
                gap: clamp(42px, 4.5vw, 72px);
                min-height: 690px;
                padding: 64px 0 78px;
            }

            .seo-home-hero > div {
                min-width: 0;
            }

            .seo-home h1 {
                max-width: 690px;
                margin: 0;
                color: #fff;
                font-size: clamp(43px, 4.2vw, 64px);
                line-height: 1.06;
                letter-spacing: -1.8px;
                text-wrap: balance;
            }

            .seo-home h1 strong {
                color: #39ff14;
            }

            .seo-home-hero-copy {
                max-width: 675px;
                margin: 24px 0 0;
                color: #b7b7b7;
                font-size: 18px;
                line-height: 1.7;
            }

            .seo-home-hero-actions {
                display: flex;
                flex-wrap: wrap;
                gap: 12px;
                margin-top: 30px;
            }

            .seo-home-note {
                margin-top: 14px;
                color: #858585;
                font-size: 13px;
                line-height: 1.5;
            }

            .seo-home-preview {
                position: relative;
                min-width: 0;
                padding: 10px;
                border: 1px solid #3a3a3a;
                border-radius: 18px;
                background: #191919;
                box-shadow: 0 24px 72px rgba(0, 0, 0, 0.5);
            }

            .seo-home-preview::before {
                content: '';
                position: absolute;
                inset: 4% 5%;
                z-index: -1;
                border-radius: inherit;
                background: rgba(57, 255, 20, 0.24);
                filter: blur(44px);
            }

            .seo-home-preview-media {
                width: 100%;
                overflow: hidden;
                border-radius: 11px;
                background: #0d0d0d;
            }

            .seo-home-preview-media img {
                width: 100% !important;
                height: auto !important;
                min-height: 0 !important;
                max-height: none !important;
                display: block !important;
                object-fit: contain !important;
                object-position: center top !important;
                border: 0 !important;
                border-radius: 0 !important;
                background: #0d0d0d;
            }

            .seo-home-preview-label {
                position: static;
                display: block;
                width: fit-content;
                max-width: calc(100% - 8px);
                margin: 10px 4px 2px;
                padding: 7px 10px;
                border: 1px solid #454545;
                border-radius: 7px;
                background: #101010;
                color: #fff;
                font-size: 12px;
                font-weight: 800;
                line-height: 1.3;
            }

            .seo-home-section {
                width: 100%;
                padding: 86px 0;
                border-top: 1px solid #282828;
                background: #111;
            }

            .seo-home-section:nth-of-type(odd) {
                background: #121212;
            }

            .seo-home-section-heading {
                max-width: 790px;
                margin: 0 auto 42px;
                text-align: center;
            }

            .seo-home-section-heading h2 {
                margin: 0;
                color: #fff;
                font-size: clamp(30px, 3.4vw, 44px);
                line-height: 1.16;
                letter-spacing: -0.7px;
                text-wrap: balance;
            }

            .seo-home-section-heading p {
                margin: 16px 0 0;
                color: #a0a0a0;
                font-size: 16px;
                line-height: 1.7;
            }

            .seo-home-feature-grid {
                display: grid;
                grid-template-columns: repeat(4, minmax(0, 1fr));
                grid-auto-rows: 1fr;
                gap: 18px;
            }

            .seo-home-card {
                height: 100%;
                min-height: 225px;
                padding: 25px;
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                border: 1px solid #333;
                border-radius: 13px;
                background: #1a1a1a;
                box-shadow: 0 10px 28px rgba(0, 0, 0, 0.24);
                transition:
                    transform 0.2s,
                    border-color 0.2s;
            }

            .seo-home-card:hover {
                transform: translateY(-3px);
                border-color: #4a4a4a;
            }

            .seo-home-card-icon {
                width: 48px;
                height: 48px;
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                flex: 0 0 48px;
                margin: 0 0 19px 0 !important;
                padding: 0 !important;
                border: 1px solid currentColor;
                border-radius: 11px;
                font-size: 21px;
                line-height: 1;
            }

            .seo-home-card-icon > i {
                display: inline-flex !important;
                align-items: center !important;
                justify-content: center !important;
                width: 1em !important;
                height: 1em !important;
                margin: 0 !important;
                padding: 0 !important;
                position: static !important;
                color: inherit !important;
                font-family: "Font Awesome 6 Free" !important;
                font-size: 21px !important;
                font-style: normal !important;
                font-weight: 900 !important;
                line-height: 1 !important;
                opacity: 1 !important;
                visibility: visible !important;
                transform: none !important;
            }

            .seo-home-card-icon > i::before {
                display: block !important;
                line-height: 1 !important;
            }

            .seo-home-card:nth-child(1) .seo-home-card-icon {
                color: #4dabf7;
                background: rgba(77, 171, 247, 0.12);
            }

            .seo-home-card:nth-child(2) .seo-home-card-icon {
                color: #e879f9;
                background: rgba(232, 121, 249, 0.12);
            }

            .seo-home-card:nth-child(3) .seo-home-card-icon {
                color: #ffd43b;
                background: rgba(255, 212, 59, 0.12);
            }

            .seo-home-card:nth-child(4) .seo-home-card-icon {
                color: #ff922b;
                background: rgba(255, 146, 43, 0.12);
            }

            .seo-home-card h3 {
                margin: 0;
                color: #fff;
                font-size: 18px;
                line-height: 1.3;
            }

            .seo-home-card p {
                margin: 12px 0 0;
                color: #a2a2a2;
                font-size: 14px;
                line-height: 1.7;
            }

            .seo-home-how {
                display: grid;
                grid-template-columns: repeat(3, minmax(0, 1fr));
                grid-auto-rows: 1fr;
                gap: 20px;
                counter-reset: seo-step;
            }

            .seo-home-step {
                position: relative;
                height: 100%;
                min-height: 190px;
                padding: 28px 28px 28px 30px;
                border: 1px solid #2f2f2f;
                border-left: 3px solid #39ff14;
                border-radius: 0 12px 12px 0;
                background: #1a1a1a;
                counter-increment: seo-step;
            }

            .seo-home-step::before {
                content: '0' counter(seo-step);
                display: block;
                margin-bottom: 15px;
                color: #39ff14;
                font-size: 13px;
                font-weight: 900;
                letter-spacing: 1px;
            }

            .seo-home-step h3 {
                margin: 0;
                color: #fff;
                font-size: 19px;
                line-height: 1.3;
            }

            .seo-home-step p {
                margin: 11px 0 0;
                color: #a0a0a0;
                line-height: 1.7;
            }

            .seo-home-wide {
                display: grid;
                grid-template-columns:
                    minmax(680px, 1.34fr)
                    minmax(360px, 0.66fr);
                align-items: center;
                gap: clamp(42px, 4.5vw, 70px);
            }

            .seo-home-wide-media {
                width: 100%;
                overflow: hidden;
                border: 1px solid #363636;
                border-radius: 15px;
                background: #171717;
                box-shadow: 0 20px 62px rgba(0, 0, 0, 0.42);
            }

            .seo-home-wide-media img {
                width: 100% !important;
                height: auto !important;
                min-height: 0 !important;
                max-height: none !important;
                display: block !important;
                object-fit: contain !important;
                object-position: center top !important;
                border: 0 !important;
                border-radius: 0 !important;
                background: #171717;
            }

            .seo-home-wide > div:last-child {
                min-width: 0;
            }

            .seo-home-wide h2 {
                margin: 0;
                color: #fff;
                font-size: clamp(30px, 3.4vw, 44px);
                line-height: 1.16;
                letter-spacing: -0.7px;
            }

            .seo-home-wide p {
                margin: 18px 0 0;
                color: #aaa;
                font-size: 16px;
                line-height: 1.75;
            }

            .seo-home-list {
                display: grid;
                gap: 13px;
                margin: 24px 0 0;
                padding: 0;
                list-style: none;
            }

            .seo-home-list li {
                display: flex;
                align-items: center;
                gap: 12px;
                min-height: 24px;
                color: #dedede;
                line-height: 1.55;
            }

            .seo-home-list i {
                width: 18px !important;
                height: 18px !important;
                margin: 0 !important;
                padding: 0 !important;
                display: inline-flex !important;
                align-items: center !important;
                justify-content: center !important;
                position: static !important;
                color: #39ff14 !important;
                font-family: "Font Awesome 6 Free" !important;
                font-style: normal !important;
                font-weight: 900 !important;
                line-height: 1 !important;
                text-align: center;
                flex: 0 0 18px;
                opacity: 1 !important;
                visibility: visible !important;
                transform: none !important;
            }

            .seo-home-cta {
                max-width: 1180px;
                margin-inline: auto;
                padding: 52px 30px;
                border: 1px solid #39ff14;
                border-radius: 16px;
                background:
                    linear-gradient(
                        135deg,
                        rgba(57, 255, 20, 0.12),
                        rgba(57, 255, 20, 0.025)
                    ),
                    #171917;
                text-align: center;
            }

            .seo-home-cta h2 {
                margin: 0;
                color: #fff;
                font-size: clamp(29px, 3.5vw, 43px);
                line-height: 1.2;
                letter-spacing: -0.6px;
                text-wrap: balance;
            }

            .seo-home-cta p {
                max-width: 690px;
                margin: 15px auto 27px;
                color: #aaa;
                font-size: 16px;
                line-height: 1.7;
            }

            .seo-home footer {
                margin-top: 0 !important;
                border-top: 1px solid #2b2b2b;
                background: #090909;
            }

            .seo-home .footer-socials a {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                text-decoration: none !important;
                line-height: 1;
            }

            @media (max-width: 1120px) {
                .seo-home-shell {
                    width: min(100% - 36px, 1040px);
                }

                .seo-home-hero {
                    grid-template-columns: 1fr;
                    min-height: 0;
                    padding: 58px 0 72px;
                }

                .seo-home-hero > div:first-child {
                    width: 100%;
                    text-align: center;
                }

                .seo-home h1 {
                    max-width: 820px;
                    margin-right: auto !important;
                    margin-left: auto !important;
                    text-align: center;
                }

                .seo-home .seo-home-hero-copy {
                    max-width: 675px;
                    margin-right: auto !important;
                    margin-left: auto !important;
                    text-align: center !important;
                }

                .seo-home .seo-home-hero-actions {
                    justify-content: center !important;
                }

                .seo-home .seo-home-note {
                    margin-right: auto !important;
                    margin-left: auto !important;
                    text-align: center !important;
                }

                .seo-home-preview {
                    width: 100%;
                    max-width: none;
                }

                .seo-home-feature-grid {
                    grid-template-columns: repeat(2, minmax(0, 1fr));
                }

                .seo-home-wide {
                    grid-template-columns: 1fr;
                }

                .seo-home-wide-media {
                    max-width: none;
                }
            }

            @media (max-width: 760px) {
                .seo-home-shell {
                    width: min(100% - 22px, 680px);
                }

                .seo-home-header {
                    padding-top: calc(10px + env(safe-area-inset-top));
                    padding-bottom: 10px;
                }

                .seo-home-nav {
                    min-height: 52px;
                    gap: 12px;
                }

                .seo-home-logo {
                    gap: 8px;
                    font-size: 18px;
                }

                .seo-home-logo img {
                    width: 36px;
                    height: 36px;
                }

                .seo-home-nav-actions {
                    gap: 7px;
                }

                .seo-home-nav-actions .seo-home-button {
                    min-height: 39px;
                    padding: 8px 11px;
                    font-size: 12px;
                }

                .seo-home-register-label {
                    display: inline;
                }

                .seo-home-hero {
                    gap: 34px;
                    padding: 43px 0 58px;
                }

                .seo-home h1 {
                    font-size: clamp(39px, 12vw, 54px);
                    letter-spacing: -1.2px;
                }

                .seo-home-hero-copy {
                    max-width: 580px;
                    margin: 20px auto 0;
                    font-size: 16px;
                    text-align: center;
                }

                .seo-home-hero-actions {
                    width: min(100%, 420px);
                    margin: 24px auto 0;
                    display: grid;
                    grid-template-columns: 1fr;
                    justify-items: center;
                }

                .seo-home-hero-actions .seo-home-button {
                    width: 100%;
                    text-align: center;
                }

                .seo-home-note {
                    max-width: 520px;
                    margin: 14px auto 0;
                    text-align: center;
                }

                .seo-home-preview {
                    padding: 7px;
                    border-radius: 13px;
                }

                .seo-home-preview-media,
                .seo-home-wide-media {
                    border-radius: 9px;
                }

                .seo-home-preview-label {
                    width: auto;
                    max-width: none;
                    margin: 8px 2px 1px;
                    font-size: 11px;
                    text-align: center;
                }

                .seo-home-section {
                    padding: 58px 0;
                }

                .seo-home-section-heading {
                    margin-bottom: 30px;
                }

                .seo-home-feature-grid,
                .seo-home-how {
                    grid-template-columns: 1fr;
                }

                .seo-home-card,
                .seo-home-step {
                    min-height: 0;
                }

                .seo-home-wide {
                    gap: 32px;
                }

                .seo-home-cta {
                    padding: 38px 20px;
                }
            }

            
@media (max-width: 430px) {
    .seo-home-notice {
        padding-top: 9px;
        padding-bottom: 9px;
        gap: 7px;
        font-size: 11px;
    }

    .seo-home-shell {
        width: min(100% - 14px, 680px);
    }

    .seo-home-logo {
        gap: 6px;
        font-size: 16px;
    }

    .seo-home-logo img {
        width: 32px;
        height: 32px;
    }

    .seo-home-nav-actions {
        gap: 5px;
    }

    .seo-home-nav-actions .seo-home-button {
        min-height: 35px;
        padding: 7px 9px;
        font-size: 11px;
    }

    .seo-home-main-links a {
        font-size: 9px;
        letter-spacing: -0.1px;
    }
}

@media (prefers-reduced-motion: reduce) {
                html {
                    scroll-behavior: auto;
                }

                .seo-home-button,
                .seo-home-card {
                    transition: none;
                }
            }


/* Dodatki po wydzieleniu publicznej strony z index.php */
.seo-home-header {
    position: sticky;
    top: 0;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    background: rgba(9, 9, 9, 0.93);
}

.seo-home-nav {
    position: relative;
}

.seo-home-main-links {
    min-width: 0;
    margin-inline: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(8px, 1.4vw, 22px);
}

.seo-home-main-links a {
    position: relative;
    min-width: 0;
    padding: 10px 2px;
    color: #b5b5b5;
    font-size: clamp(11px, 1vw, 13px);
    font-weight: 800;
    line-height: 1.15;
    text-align: center;
    white-space: nowrap;
}

.seo-home-main-links a::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 5px;
    left: 0;
    height: 2px;
    border-radius: 99px;
    background: #39ff14;
    transform: scaleX(0);
    transition: transform 0.2s ease;
}

.seo-home-main-links a:hover,
.seo-home-main-links a:focus-visible {
    color: #fff;
}

.seo-home-main-links a:hover::after,
.seo-home-main-links a:focus-visible::after {
    transform: scaleX(1);
}

.seo-home-main-links a:focus-visible,
.seo-home-inline-link:focus-visible {
    outline: 2px solid #39ff14;
    outline-offset: 4px;
}

.seo-home-hero {
    position: relative;
}

.seo-home-hero::after {
    content: '';
    position: absolute;
    top: 7%;
    left: -15%;
    z-index: -1;
    width: 460px;
    height: 460px;
    border-radius: 50%;
    background: rgba(57, 255, 20, 0.045);
    filter: blur(18px);
    pointer-events: none;
}

.seo-home-community-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.seo-home-community-card {
    min-height: 190px;
    padding: 28px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    gap: 20px;
    border: 1px solid #333;
    border-radius: 14px;
    background:
        linear-gradient(145deg, rgba(57, 255, 20, 0.055), transparent 58%),
        #191919;
}

.seo-home-community-icon {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(57, 255, 20, 0.38);
    border-radius: 13px;
    background: rgba(57, 255, 20, 0.09);
    color: #39ff14;
    font-size: 21px;
}

.seo-home-community-icon i {
    margin: 0 !important;
    color: inherit !important;
}

.seo-home-community-card h3 {
    margin: 1px 0 0;
    color: #fff;
    font-size: 20px;
}

.seo-home-community-card p {
    margin: 11px 0 0;
    color: #a5a5a5;
    font-size: 15px;
    line-height: 1.7;
}

.seo-home-inline-link {
    width: fit-content;
    margin-top: 25px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #39ff14;
    font-size: 14px;
    font-weight: 900;
}

.seo-home-inline-link i {
    margin: 0 !important;
    color: inherit !important;
    transition: transform 0.2s ease;
}

.seo-home-inline-link:hover i {
    transform: translateX(4px);
}

@media (max-width: 980px) {
    .seo-home-header {
        padding-bottom: 9px;
    }

    .seo-home-nav {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: 8px 12px;
    }

    .seo-home-logo {
        justify-self: start;
    }

    .seo-home-nav-actions {
        grid-column: 1 / -1;
        justify-self: center;
        justify-content: center;
        margin-left: 0;
    }

    .seo-home-main-links {
        grid-column: 1 / -1;
        width: 100%;
        margin: 0;
        padding-top: 8px;
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 4px;
        border-top: 1px solid #222;
    }

    .seo-home-main-links a {
        padding: 8px 3px;
        border: 1px solid #262626;
        border-radius: 6px;
        background: #151515;
        font-size: 11px;
        white-space: normal;
    }

    .seo-home-main-links a::after {
        display: none;
    }

    .seo-home-main-links a:hover,
    .seo-home-main-links a:focus-visible {
        border-color: #39ff14;
        background: #1c1c1c;
        color: #fff;
    }
}

@media (max-width: 760px) {
    .seo-home-nav {
        gap: 7px 8px;
    }

    .seo-home-main-links {
        gap: 3px;
        padding-top: 7px;
    }

    .seo-home-main-links a {
        min-height: 34px;
        padding: 6px 2px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 10px;
        line-height: 1.1;
    }

    .seo-home-community-grid {
        grid-template-columns: 1fr;
    }

    .seo-home-community-card {
        min-height: 0;
        padding: 22px 19px;
        grid-template-columns: 1fr;
        text-align: center;
    }

    .seo-home-community-icon {
        margin-inline: auto;
    }

    .seo-home-inline-link {
        width: 100%;
        justify-content: center;
    }
}

.seo-home-main-links {
    display: none !important;
}

.seo-home-header .seo-home-nav {
    grid-template-columns: minmax(0, 1fr) auto !important;
}

@media (max-width: 760px) {
    .seo-home-header {
        padding-top: calc(10px + env(safe-area-inset-top)) !important;
        padding-bottom: 10px !important;
    }

    .seo-home-header .seo-home-nav {
        width: calc(100% - 20px) !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        align-items: center !important;
        gap: 8px !important;
    }

    .seo-home-logo {
        min-width: 0 !important;
        gap: 7px !important;
    }

    .seo-home-logo img {
        width: 38px !important;
        height: 38px !important;
        flex: 0 0 38px !important;
    }

    .seo-home-logo > div {
        min-width: 0 !important;
        font-size: 18px !important;
        white-space: nowrap !important;
    }

    .seo-home-nav-actions {
        grid-column: auto !important;
        justify-self: end !important;
        justify-content: flex-end !important;
        width: auto !important;
        margin: 0 !important;
        gap: 6px !important;
    }

    .seo-home-nav-actions .seo-home-button {
        width: auto !important;
        min-width: 0 !important;
        padding: 9px 10px !important;
        font-size: 11px !important;
        line-height: 1.1 !important;
        white-space: nowrap !important;
    }
}

@media (max-width: 390px) {
    .seo-home-header .seo-home-nav {
        width: calc(100% - 14px) !important;
        gap: 5px !important;
    }

    .seo-home-logo img {
        width: 34px !important;
        height: 34px !important;
        flex-basis: 34px !important;
    }

    .seo-home-logo > div {
        font-size: 16px !important;
    }

    .seo-home-nav-actions {
        gap: 4px !important;
    }

    .seo-home-nav-actions .seo-home-button {
        padding: 8px 7px !important;
        font-size: 10px !important;
    }
}


/* =========================================================
   PUBLIC HOME V13 — izolowany układ hero
========================================================= */
body.seo-home .seo-home-hero-content {
    width: 100%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

body.seo-home .seo-home-hero-content > h1 {
    width: 100%;
    max-width: 690px;
    margin: 0 auto;
    text-align: center;
}

body.seo-home .seo-home-hero-content > .seo-home-hero-copy {
    width: 100%;
    max-width: 675px;
    margin: 24px auto 0;
    text-align: center;
}

body.seo-home .seo-home-hero-content > .seo-home-hero-actions {
    width: 100%;
    margin: 30px auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
    text-align: center;
}

body.seo-home .seo-home-hero-content > .seo-home-note {
    width: 100%;
    max-width: 675px;
    margin: 14px auto 0;
    text-align: center;
}

@media (max-width: 760px) {
    body.seo-home .seo-home-hero-content > .seo-home-hero-actions {
        width: min(100%, 420px);
        display: grid;
        grid-template-columns: 1fr;
        gap: 11px;
        margin-top: 24px;
    }

    body.seo-home .seo-home-hero-content >
    .seo-home-hero-actions .seo-home-button {
        width: 100%;
        justify-content: center;
    }

    body.seo-home .seo-home-hero-content > .seo-home-note {
        max-width: 420px;
    }
}