/* =========================================================
   Footer 2026 — design tokens (defaulty = personal).
   Override per-kontekst tylko w `.footer-2026-wrap--business`.
   ========================================================= */
.footer-2026-wrap {
    /* CTA box (kremowy panel z hasłem) */
    --footer-2026-cta-bg-start: rgba(239, 228, 210, 0.96);
    --footer-2026-cta-bg-end:   #E0D5C3;
    --footer-2026-cta-border:   #E8E1D4;
    --footer-2026-cta-text:     var(--Shades-Dark-Side-Antracite, #222);

    /* Dark panel (właściwy footer) */
    --footer-2026-bg: var(--Shades-Dark-Side-Antracite, #222);

    /* Ikony w CTA */
    --footer-2026-icon-zen-bg: var(--Shades-Dark-Side-White, #FFF);
    --footer-2026-icon-qr-bg:  var(--Shades-Dark-Side-Rich-Black, #000);
    --footer-2026-icon-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);

    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 180px;
    padding-top: 70px; /* rezerwacja na overhang ikon (top: -70px na cta-box) */
    position: relative;
    overflow-x: clip; /* clip w poziomie — bolt/brushe nie rozpychają strony; clip pozwala dropdownom escape'ować w pion */
}

/* Brush dekoracje — dwa inline SVG z tym samym viewBoxem 1774×933,
   pozycjonowane identycznie. Różnią się tylko z-indexem względem dark panela:
   - --back  z-index 0 → POD .footer-2026
   - --front z-index 2 → NAD .footer-2026
   Animacja na obu działa równolegle (stroke-dashoffset draw + pop na shapes). */
.footer-2026__brush {
    position: absolute;
    pointer-events: none;
    user-select: none;
}

.footer-2026__brush--left {
    left: calc(50% - 605px);
    top: -72px;
    aspect-ratio: 778 / 330;
    z-index: 1;
    -webkit-mask-image: linear-gradient(to left, #000, #000);
            mask-image: linear-gradient(to left, #000, #000);
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: right center;
            mask-position: right center;
    -webkit-mask-size: 0% 100%;
            mask-size: 0% 100%;
    transition: -webkit-mask-size 1.6s cubic-bezier(0.22, 1, 0.36, 1),
                        mask-size 1.6s cubic-bezier(0.22, 1, 0.36, 1);
}

.footer-2026__brush--left.is-revealed {
    -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%;
}

@media (prefers-reduced-motion: reduce) {
    .footer-2026__brush--left {
        transition: none;
        -webkit-mask-size: 100% 100%;
                mask-size: 100% 100%;
    }
}

/* Brush mobile — domyślnie ukryty na desktop, widoczny tylko ≤767px.
   Animacja mask (left → right) — analogicznie do brush--left który leci right → left. */
.footer-2026__brush--mobile {
    display: none;
    -webkit-mask-image: linear-gradient(to right, #000, #000);
            mask-image: linear-gradient(to right, #000, #000);
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: left center;
            mask-position: left center;
    -webkit-mask-size: 0% 100%;
            mask-size: 0% 100%;
    transition: -webkit-mask-size 1.6s cubic-bezier(0.22, 1, 0.36, 1),
                        mask-size 1.6s cubic-bezier(0.22, 1, 0.36, 1);
}

.footer-2026__brush--mobile.is-revealed {
    -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%;
}

@media (prefers-reduced-motion: reduce) {
    .footer-2026__brush--mobile {
        transition: none;
        -webkit-mask-size: 100% 100%;
                mask-size: 100% 100%;
    }
}

.footer-2026__bolt {
    position: absolute;
    top: 90px;
    left: calc(50% + 306px);
    width: 208.791px;
    aspect-ratio: 1 / 1;
    opacity: 0.9;
    background: url('icons/bolt_white%201.png');
    z-index: 2;
    pointer-events: none;
    transform-origin: 50% 50%;
    will-change: transform, opacity;
    /* stan przed reveal — spada z prawej-góry, poza prawą+górną krawędzią ekranu */
    opacity: 0;
    transform: translate3d(12vw, -100vh, 0) scale(0.9);
}

/* Spada z nieba z viewport top, overshoot + settle. Po nim leci pulse loop. */
.footer-2026__bolt.is-revealed {
    animation:
        footer-2026-bolt-in    1.3s cubic-bezier(0.5, 0, 0.3, 1) both,
        footer-2026-bolt-pulse 5s   ease-in-out 1.4s infinite;
}

@keyframes footer-2026-bolt-in {
    0% {
        opacity: 0;
        transform: translate3d(12vw, -100vh, 0) scale(0.9);
    }
    15% {
        opacity: 0.9;
    }
    100% {
        opacity: 0.9;
        transform: translate3d(0, 0, 0) scale(1);
    }
}

/* Gentle float at rest — bez flash/brightness, tylko subtelny ruch. */
@keyframes footer-2026-bolt-pulse {
    0%, 100% {
        transform: translate3d(0, 0, 0) scale(1);
    }
    50% {
        transform: translate3d(0, -4px, 0) scale(1.01);
    }
}

@media (prefers-reduced-motion: reduce) {
    .footer-2026__bolt {
        animation: none;
        opacity: 0.9;
        transform: none;
    }
}

.footer-2026__brush--right {
    right: 0;
    top: -71px;
    width: 383px;
    aspect-ratio: 383 / 378;
    z-index: 0;
    -webkit-mask-image: linear-gradient(to left, #000, #000);
            mask-image: linear-gradient(to left, #000, #000);
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: right center;
            mask-position: right center;
    -webkit-mask-size: 0% 100%;
            mask-size: 0% 100%;
    transition: -webkit-mask-size 1.6s cubic-bezier(0.22, 1, 0.36, 1),
                        mask-size 1.6s cubic-bezier(0.22, 1, 0.36, 1);
}

.footer-2026__brush--right.is-revealed {
    -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%;
}

@media (prefers-reduced-motion: reduce) {
    .footer-2026__brush--right {
        transition: none;
        -webkit-mask-size: 100% 100%;
                mask-size: 100% 100%;
    }
}

.footer-2026__brush svg {
    display: block;
    width: 100%;
    height: auto;
}

.footer-2026__brush svg {
    display: block;
    width: 100%;
    height: 100%;
    overflow: visible;
}

/* Lewa część kompozycji (--back) — POD dark panelem. */
.footer-2026__brush--back {
    top: -68px;
    right: 194px;
    width: 1360px;
    aspect-ratio: 1360 / 714;
    z-index: 0;
}

/* Prawa część (--side, --front) — NAD dark panelem. */
.footer-2026__brush--side {
    /* top: 205px;
       right: -270px; */
    width: 481px;
    aspect-ratio: 481 / 730;
    z-index: 2;
}

.footer-2026__brush--front {
    top: 205px;
    right: -270px;
    width: 536px;
    aspect-ratio: 536 / 537;
    z-index: 2;
}

/* Warstwowanie — CTA box nad dark panelem (overlap z negatywnym marginem). */
.footer-2026__cta-box {
    z-index: 1;
}
/* Bez z-index: 1 na .footer-2026, żeby lang-switcher dropdown (z-index: 9999 wewnątrz)
   mógł wyjść nad CTA box (inaczej dropdown jest "uwięziony" w stacking context dark panela). */

@media (prefers-reduced-motion: reduce) {
    .footer-2026__brush,
    .footer-2026__brush [data-brush-stroke],
    .footer-2026__brush [data-brush-shape] {
        animation: none;
        stroke-dashoffset: 0;
        opacity: 1;
        transform: none;
    }
}

/* =========================================================
   Business — nadpisz tylko zmienne które mają się różnić.
   ========================================================= */
.footer-2026-wrap--business {
    --footer-2026-bg: linear-gradient(241deg, #FFF 1.31%, #F1EEE9 40.78%, #C5BFB5 100%);
}

/* Business kontekst — kolory tekstów na jasnym tle. */
.footer-2026-wrap--business .footer-2026__column-title,
.footer-2026-wrap--business .footer-2026__column-list--lg .footer-2026__menu-item,
.footer-2026-wrap--business div.footer-2026__menu-item {
    color: #000;
    font-weight: 600;
}

/* About column items — hover na zielony muted. */
@media (hover: hover) and (pointer: fine) {
    .footer-2026-wrap--business .footer-2026__column-list--lg a.footer-2026__menu-item:hover {
        color: #20BB3B;
    }
    .footer-2026-wrap--business .footer-2026__column-list--gray a.footer-2026__menu-item:hover,
    .footer-2026-wrap--business .footer-2026__column-list--gray-sub a.footer-2026__menu-item:hover {
        color: #20BB3B;
    }
    .footer-2026-wrap--business .footer-2026__column-list--gray a.footer-2026__menu-item:hover .footer-2026__menu-icon,
    .footer-2026-wrap--business .footer-2026__column-list--gray-sub a.footer-2026__menu-item:hover .footer-2026__menu-icon {
        color: #20BB3B;
    }
}
.footer-2026-wrap--business .footer-2026__column-list--gray .footer-2026__menu-item,
.footer-2026-wrap--business .footer-2026__column-list--gray-sub .footer-2026__menu-item {
    color: #222;
}
.footer-2026-wrap--business .footer-2026__column-list--gray .footer-2026__menu-icon,
.footer-2026-wrap--business .footer-2026__column-list--gray-sub .footer-2026__menu-icon {
    color: #B3AA9D;
}

/* Białe SVG logo na jasnym tle → invert na czarne. */
.footer-2026-wrap--business .footer-2026__logo img,
.footer-2026-wrap--business .footer-2026__logo svg {
    filter: invert(1);
}

/* Business CTA box — ciemny gradient zamiast kremowego. */
.footer-2026-wrap--business .footer-2026__cta-box {
    border-radius: 16px;
    border: 1px solid rgba(114, 114, 114, 0.30);
    background: linear-gradient(141deg, rgba(62, 60, 60, 0.97) 11.58%, rgba(34, 34, 34, 0.95) 44.9%, #000 66.15%);
}

/* Wszystkie teksty w business CTA box → białe (oprócz .footer-green, które dalej muted green). */
.footer-2026-wrap--business .footer-2026__cta-title,
.footer-2026-wrap--business .footer-2026__cta-text,
.footer-2026-wrap--business .footer-2026__cta-text strong {
    color: #FFF !important;
}

/* Strzałki w About column (--lg) → szarobeżowe default, zielone na hover (jak ikonki). */
.footer-2026-wrap--business .footer-2026__column-list--lg .footer-2026__menu-arrow {
    color: #B3AA9D;
}
@media (hover: hover) and (pointer: fine) {
    .footer-2026-wrap--business .footer-2026__column-list--lg a.footer-2026__menu-item:hover .footer-2026__menu-arrow {
        color: #20BB3B;
    }
}

/* Badge'y w dark panelu (App Store / Google Play) — taki sam czarny look jak CTA badges:
   black BG + ::after overlay przykrywający biały outer stroke z white SVG. */
.footer-2026-wrap--business .footer-2026__badge {
    position: relative;
    background-color: #000;
    border-radius: 10px;
    overflow: hidden;
}
.footer-2026-wrap--business .footer-2026__badge::after {
    content: '';
    position: absolute;
    inset: 0;
    border: 2px solid #000;
    border-radius: inherit;
    pointer-events: none;
}
.footer-2026-wrap--business .footer-2026__badge[href*="apps.apple.com"]::after {
    border-right: 24px solid #000;
}
/* Reset opacity/filter z default badge'y — białe SVG na czarnym BG renderuje się natywnie. */
.footer-2026-wrap--business .footer-2026__badge img,
.footer-2026-wrap--business .footer-2026__badge svg {
    opacity: 1;
    filter: none;
}
@media (hover: hover) and (pointer: fine) {
    .footer-2026-wrap--business .footer-2026__badge:hover img,
    .footer-2026-wrap--business .footer-2026__badge:hover svg {
        opacity: 1;
        filter: none;
    }
}

/* Mobile CTA badges w business — odwrócone: białe BG, czarne napisy/ikonki (invert białego SVG). */
.footer-2026-wrap--business .footer-2026__cta-badge {
    background-color: #FFF;
}
.footer-2026-wrap--business .footer-2026__cta-badge::after {
    border-color: #FFF;
}
.footer-2026-wrap--business .footer-2026__cta-badge img,
.footer-2026-wrap--business .footer-2026__cta-badge svg {
    filter: invert(1);
}

/* Socials (LinkedIn, X, Facebook, Instagram) w business → ciemne #222 zamiast zielonych. */
.footer-2026-wrap--business .footer-2026__social {
    color: #222;
}

/* Legal links (Terms / Privacy / Cookies) + legal text-blocks w business → #6F685E. */
.footer-2026-wrap--business .footer-2026__legal-link,
.footer-2026-wrap--business .footer-2026__legal-text-block {
    color: #6F685E;
}

/* Default — ikonki w pierwszej sekcji (About + Get the ZEN.COM app) zielone (#22E243).
   Bez tej reguły SVG (po auto-swap → currentColor) dziedziczy biały z dark panela. */
.footer-2026__column-list--lg .footer-2026__menu-icon,
.footer-2026__columns:first-of-type .footer-2026__column:nth-child(2) .footer-2026__menu-icon {
    color: #22E243;
}

.footer-2026-wrap--business .footer-2026__column-list--lg .footer-2026__menu-icon,
.footer-2026-wrap--business .footer-2026__columns:first-of-type .footer-2026__column:nth-child(2) .footer-2026__menu-icon {
    color: #20BB3B;
}

/* Pierwsza sekcja kolumn — tylko 1. kolumna (About) zachowuje default gap 32px,
   pozostałe (Get app, Pay with, Business CTA) mają mniejszy gap 20px. */
.footer-2026__columns:first-of-type .footer-2026__column:not(:first-child) {
    gap: 20px;
}

/* Druga sekcja kolumn (dynamiczne menu — Shop Smarter, Travel Better itd.) —
   gap 24px między H3 a listą items. */
.footer-2026__columns:not(:first-of-type) .footer-2026__column {
    gap: 24px;
}

/* =========================================================
   Components
   ========================================================= */
.footer-2026__cta-box {
    position: relative;
    width: 100%;
    max-width: 746.436px;
    /* min-height usunięte — box rośnie naturalnie z contentem (2 ikonki overhang + multi-line title + description z bold + badge na mobile). */
    border-radius: 16px;
    border-top:    2px solid var(--footer-2026-cta-border);
    border-right:  1px solid var(--footer-2026-cta-border);
    border-bottom: 1px solid var(--footer-2026-cta-border);
    border-left:   1px solid var(--footer-2026-cta-border);
    background: linear-gradient(0deg, var(--footer-2026-cta-bg-start) 0%, var(--footer-2026-cta-bg-end) 100%);
    opacity: 0.98;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 40px 46px;
    box-sizing: border-box;
    z-index: 2;
}

@media (min-width: 768px) {
    .footer-2026__cta-box {
        min-height: 250px;
    }
}

.footer-2026 {
    display: flex;
    width: 100%;
    margin-top: -114px;
    padding: 114px 20px 0;
    flex-direction: column;
    align-items: center;
    border-radius: 32px 32px 0 0;
    background: var(--footer-2026-bg);
    box-sizing: border-box;
    position: relative;
}

.footer-2026__cta-icons {
    margin-top: -87px;
    display: flex;
    gap: 16px;
}

.footer-2026__cta-icon {
    width: 141px;
    height: 141px;
    aspect-ratio: 1 / 1;
    border-radius: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: var(--footer-2026-icon-shadow);
}

/* QR teraz na lewym (białym) boxie, Zen na prawym (czarnym) z invert(1). */
.footer-2026__cta-icon--qr {
    background: var(--footer-2026-icon-zen-bg); /* białe BG */
    filter: drop-shadow(0 -2px 21.4px rgba(0, 0, 0, 0.03));
    width: 156px;
    height: 156px;
    aspect-ratio: 1 / 1;
}

.footer-2026__cta-icon--zen {
    background: #222;
    width: 156px;
    height: 156px;
    aspect-ratio: 1 / 1;
}

/* Business kontekst — gradient border na zen-icon (kółko z logo) */
.footer-2026-wrap--business .footer-2026__cta-icon--zen {
    border: 1px solid transparent;
    background:
        linear-gradient(#222, #222) padding-box,
        linear-gradient(180deg, #444 0%, rgba(68, 68, 68, 0) 100%) border-box;
}

.footer-2026__qrcode {
    display: block;
    width: 110px;
    height: 110px;
    object-fit: contain;
}

.footer-2026__cta-title {
    max-width: 635.936px;
    margin: 32px auto 32px;
    color: var(--footer-2026-cta-text);
    text-align: center;
    text-box: trim-both cap alphabetic;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "Nunito", sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 48px; /* 150% */
}

/* "{green_start}...{green_end}" — muted green wszędzie gdzie token jest użyty (cta-title, description, itd.). */
.footer-green {
    color: var(--Muted-Green, #20BB3B);
}

/* CTA badges (czarne, App Store / Google Play) — tylko mobile. */
.footer-2026__cta-badges {
    display: none;
}
.footer-2026__cta-badge {
    display: inline-flex;
    height: 56px;
    align-items: center;
    justify-content: center;
}
.footer-2026__cta-badge {
    position: relative;
    background-color: #000;
    border-radius: 10px;
    overflow: hidden;
}

/* Biały stroke z white SVG (outer ramka ~1.5-2px) → przykryty czarnym ::after overlay. */
.footer-2026__cta-badge::after {
    content: '';
    position: absolute;
    inset: 0;
    border: 2px solid #000;
    border-radius: inherit;
    pointer-events: none;
}
.footer-2026__cta-badge[href*="apps.apple.com"]::after {
    border-right: 26px solid #000;
}
.footer-2026-wrap--business .footer-2026__cta-badge[href*="apps.apple.com"]::after {
    border-right-color: #FFF;
}

.footer-2026__cta-badge img,
.footer-2026__cta-badge svg {
    display: block;
    height: 100%;
    width: auto;
}

.footer-2026__cta-text {
    max-width: 634.711px;
    margin: 0 auto 0 !important;
    color: var(--footer-2026-cta-text) !important;
    text-align: center;
    text-box: trim-both cap alphabetic;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "Nunito", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
}

.footer-2026__cta-text strong {
    font-weight: 700;
    color: var(--footer-2026-cta-text) !important;
}

/* =========================================================
   CTA actions — zielony CTA (filter `zenfooter_cta_button`)
   + przycisk kopiowania (filter `zenfooter_cta_copy`).
   ========================================================= */
.footer-2026__cta-actions {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    margin-top: 32px;
}

.footer-2026__cta-btn {
    display: inline-flex;
    height: 56px;
    padding: 20px 32px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 64px;
    background: #22E243;
    color: #000;
    text-align: center;
    font-family: Nunito, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0.48px;
    text-transform: uppercase;
    text-decoration: none;
    transition: background-color .2s ease, color .2s ease;
}
.footer-2026__cta-btn:hover,
.footer-2026__cta-btn:focus-visible {
    background: #000;
    color: #FFF;
    text-decoration: none;
    outline: none;
}

.footer-2026__cta-copy-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0;
    background: transparent;
    border: 0;
    color: var(--footer-2026-cta-text);
    font-family: Nunito, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    cursor: pointer;
}
.footer-2026__cta-copy-btn:hover {
    text-decoration: underline;
}

.footer-2026__cta-copied {
    margin: 0 !important;
    color: var(--footer-2026-cta-text);
    font-family: Nunito, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    opacity: 0;
    transition: opacity .2s ease;
}
.footer-2026__cta-copied.is-visible {
    opacity: 1;
}

/* Hook: `zenfooter_cta_show_badges_mobile = false` — ukryj badge'y na mobile. */
@media (max-width: 800px) {
    .footer-2026__cta-box--no-mobile-badges .footer-2026__cta-badges {
        display: none !important;
    }
}

/* =========================================================
   Top bar — language picker (lewo) + ZEN.COM logo (prawo)
   ========================================================= */
.footer-2026__top {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
    width: 100%;
}

.footer-2026__top-inner {
    position: relative;
    display: flex;
    width: 100%;
    max-width: 1317px; /* match z .footer-2026__columns-inner — żeby lang-switcher dropdown nie był ~1.5px w prawo */
    min-height: 76px;
    margin: 0 auto;
    padding: 6px 0;
    justify-content: space-between;
    align-items: center;
}

.footer-2026__top-inner::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    opacity: 0.15;
    background: var(--Dark-Grey, #86868B);
    pointer-events: none;
}

.footer-2026__top-right {
    display: flex;
    width: 211px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    gap: -35px;
    flex-shrink: 0;
    align-self: stretch;
}

/* Mobile bar variant — widoczny tylko na mobile (≤767px), na desktop hidden. */
.footer-2026__top-right--mobile-bar {
    display: none;
}

.footer-2026__logo {
    display: flex;
    max-width: 186px;
    height: 43px;
    align-items: center;
    justify-content: flex-end;
    gap: 9px;
    aspect-ratio: 186 / 43;
}

.footer-2026__logo img,
.footer-2026__logo svg {
    display: block;
    width: 151px;
    height: 34.1px;
    object-fit: contain;
}

/* =========================================================
   Columns section (linki + ikony)
   ========================================================= */
.footer-2026__columns {
    width: 100%;
    display: flex;
    justify-content: center;
}

.footer-2026__columns-inner {
    position: relative;
    display: flex;
    width: 100%;
    max-width: 1317px;
    padding: 48px 0;
    align-items: flex-start;
    gap: 32px;
    box-sizing: border-box;
}

.footer-2026__columns-inner::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    opacity: 0.15;
    background: var(--Dark-Grey, #86868B);
    pointer-events: none;
}


.footer-2026__column {
    display: flex;
    width: 304px;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    flex-shrink: 0;
}

.footer-2026__column-title {
    margin: 0;
    color: var(--Shades-Bright-Side-White, #FFF);
    font-family: "Nunito", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.footer-2026__column-title--with-icon {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.footer-2026__column-title-icon {
    flex-shrink: 0;
    display: inline-flex;
    width: 16px;
    height: 16px;
    color: #20BB3B;
}

.footer-2026__column-title-icon svg {
    display: block;
    width: 100%;
    height: 100%;
}

.footer-2026__column-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    width: 100%;
}

.footer-2026__column-list--lg {
    gap: 32px;
}

.footer-2026__menu-item {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    color: var(--Shades-Bright-Side-White, #FFF);
    font-family: "Nunito", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    text-transform: uppercase; /* default: items z zieloną ikonką */
    transition: color 0.15s ease;
}

/* Gray + gray-sub items — tekst #888 (regular), nie text-transform. */
.footer-2026__column-list--gray .footer-2026__menu-item,
.footer-2026__column-list--gray-sub .footer-2026__menu-item {
    text-transform: none;
    color: #888;
}

/* Gray-sub list — items gap 24px. "Pay with ZEN.COM" jest teraz w osobnym H3 (jak w 2. rzędzie),
   więc gap między nim a 1. itemem wynika z column gap (20px). */
.footer-2026__column-list--gray-sub {
    gap: 24px;
}

@media (hover: hover) and (pointer: fine) {
    a.footer-2026__menu-item:hover {
        color: #20BB3B;
    }
}

.footer-2026__menu-icon {
    flex-shrink: 0;
    display: inline-flex;
    width: 16px;
    height: 16px;
    transition: filter 0.15s ease;
}
.footer-2026__menu-icon svg {
    display: block;
    width: 100%;
    height: 100%;
}

/* Ikony w szarych kolumnach — currentColor cascade (auto-swap w zenfooter_icon helper),
   exact #20BB3B na hover bez filter approximation. */
.footer-2026__column-list--gray .footer-2026__menu-icon,
.footer-2026__column-list--gray-sub .footer-2026__menu-icon {
    color: #888;
}

@media (hover: hover) and (pointer: fine) {
    .footer-2026__column-list--gray a.footer-2026__menu-item:hover .footer-2026__menu-icon,
    .footer-2026__column-list--gray-sub a.footer-2026__menu-item:hover .footer-2026__menu-icon {
        color: #20BB3B;
    }
}

.footer-2026__menu-arrow {
    flex-shrink: 0;
    width: 12px;
    height: 12px;
    color: currentColor;
    opacity: 0.6;
}

.footer-2026__menu-arrow--mobile { display: none; }

/* Label variants — gdy item w configu ma `label_mobile`, renderujemy 2 spany
   i podmieniamy w breakpoincie 767px. Brak `label_mobile` → tylko desktop tekst. */
.footer-2026__label--mobile { display: none; }

.footer-2026__badges {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.footer-2026__badge {
    display: flex;
    width: 203px;
    height: 60px;
    flex-shrink: 0;
}

.footer-2026__badge img,
.footer-2026__badge svg {
    display: block;
    height: 60px;
    object-fit: fill;
    flex-shrink: 0;
    opacity: 0.5; /* białe SVG + opacity na ciemnym tle → wizualnie ~#888 */
    transition: opacity 0.15s ease, filter 0.15s ease;
}

/* Hover: filter chain 1:1 z homepage-2026/get-app.css:325 — kolor matchuje pozostałe akcent-zielone w designie. */
@media (hover: hover) and (pointer: fine) {
    .footer-2026__badge:hover img,
    .footer-2026__badge:hover svg {
        opacity: 1;
        filter: brightness(0) saturate(100%) invert(55%) sepia(89%) saturate(500%) hue-rotate(90deg) brightness(0.85);
    }
}

@media (hover: hover) and (pointer: fine) {
    a.footer-2026__menu-item:hover .footer-2026__menu-arrow {
        opacity: 1;
    }
}

/* CTA "FOR BUSINESS" — kolumna 4 */
.footer-2026__cta-business {
    display: flex;
    max-width: 100%;
    padding: 16px 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-radius: 64px;
    border: 1.5px solid var(--Accent-Green, #22E243);
    color: var(--Accent-Green, #22E243);
    text-decoration: none;
    text-box: trim-both cap alphabetic;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "Nunito", sans-serif;
    font-size: 14px;
    font-weight: 800;
    line-height: 18px;
    letter-spacing: 0.07px;
    transition: background-color 0.15s ease, color 0.15s ease;
}

@media (hover: hover) and (pointer: fine) {
    .footer-2026__cta-business:hover {
        background-color: var(--Accent-Green, #22E243);
        color: var(--Shades-Dark-Side-Antracite, #222);
    }
}

.footer-2026-wrap--business .footer-2026__cta-business {
    border-color: #20BB3B;
    color: #20BB3B;
}

@media (hover: hover) and (pointer: fine) {
    .footer-2026-wrap--business .footer-2026__cta-business:hover {
        background-color: #20BB3B;
        color: #222;
    }
}

.footer-2026__cta-business-icon {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
}

.footer-2026__cta-business-arrow {
    flex-shrink: 0;
    width: 12px;
    height: 12px;
}

/* CTA "NEED A PERSONAL ACCOUNT?" — wariant business */
.footer-2026__column:has(.footer-2026__cta-personal-box) {
    justify-content: space-between;
}

.footer-2026__cta-personal-box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
    align-self: stretch;
    padding: 22px 24px 24px 24px;
    border-radius: 16px;
    border: 1px solid #FFF;
    background: #F0EEE7;
}

.footer-2026__cta-personal-title {
    margin: 0;
    color: #000;
    font-family: "Nunito", sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
    text-transform: uppercase;
}

.footer-2026__cta-personal-btn {
    display: flex;
    align-self: stretch;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 16px 24px;
    border-radius: 64px;
    border: 1px solid rgba(111, 104, 94, 0.40);
    background: #FFF;
    color: #222;
    text-decoration: none;
    text-box: trim-both cap alphabetic;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "Nunito", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 800;
    line-height: 18px;
    letter-spacing: 0.07px;
    transition: background 0.15s ease;
}

.footer-2026__cta-personal-icon,
.footer-2026__cta-personal-arrow {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
}

.footer-2026__cta-personal-arrow path {
    transition: stroke 0.15s ease;
}

@media (hover: hover) and (pointer: fine) {
    .footer-2026__cta-personal-btn:hover {
        background: #20BB3B;
        border-color: #20BB3B;
        color: #000;
    }
    .footer-2026__cta-personal-btn:hover .footer-2026__cta-personal-arrow path {
        stroke: #000;
    }
}

/* =========================================================
   Bottom bar — socials (lewo) + legal links (prawo)
   ========================================================= */
.footer-2026__bottom-bar {
    width: 100%;
    display: flex;
    justify-content: center;
}

.footer-2026__bottom-bar-inner {
    position: relative;
    display: flex;
    width: 100%;
    max-width: 1313.25px;
    padding: 48px 0;
    justify-content: space-between;
    align-items: flex-start;
    align-self: stretch;
    box-sizing: border-box;
}

.footer-2026__bottom-bar-inner::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 1px;
    opacity: 0.15;
    background: var(--Dark-Grey, #86868B);
    pointer-events: none;
}

.footer-2026__socials {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    width: 230px;
    justify-content: space-between;
    align-items: center;
}

/* Domyślnie: mobile-only socials ukryte (renderowane w top-right) */
.footer-2026__socials--mobile {
    display: none;
}

.footer-2026__social {
    display: inline-flex;
    width: 24px;
    height: 24.007px;
    flex-shrink: 0;
    color: #20BB3B;
    transition: opacity 0.15s ease;
}

@media (hover: hover) and (pointer: fine) {
    .footer-2026__social:hover {
        opacity: 0.7;
    }
}

.footer-2026__social svg {
    display: block;
    width: 100%;
    height: 100%;
}

/* Legal links — z array configu (legal-links.php), foreach w markupie.
   Stary widget area (eighth-footer-widget-area) NIE jest już używany w footerze 2026. */
.footer-2026__legal-links {
    list-style: none;
    margin: 0 0 0 auto;
    padding: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 111px;
}

.footer-2026__legal-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--Shades-Dark-Side-Soft-Grey, #888);
    font-family: "Nunito", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.7px;
    text-decoration: none;
    transition: color 0.15s ease;
}

.footer-2026__legal-link-icon {
    display: inline-flex;
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

.footer-2026__legal-link-icon svg {
    display: block;
    width: 100%;
    height: 100%;
}

@media (hover: hover) and (pointer: fine) {
    .footer-2026__legal-link:hover {
        color: #22E243;
    }

    .footer-2026-wrap--business .footer-2026__legal-link:hover {
        color: #20BB3B;
    }
}

/* Legacy widget styles — zostawione na wypadek gdyby ktoś jeszcze przepuścił sidebar. */
.footer-2026__bottom-bar-inner .footer-copy__links {
    list-style: none;
    margin: 0 0 0 auto; /* auto: pchamy widget na prawo, niezależnie od justify-content rodzica */
    padding: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 32px;
}

.footer-2026__bottom-bar-inner .widget_icl_lang_sel_widget {
    display: none !important;
}

.footer-2026__bottom-bar-inner .widget_nav_menu .menu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
}

.footer-2026__bottom-bar-inner .widget_nav_menu .menu-item,
.footer-2026__bottom-bar-inner .footer-copy__links .widget_nav_menu #menu-menu-footer-underline .menu-item,
.footer-2026__bottom-bar-inner .footer-copy__links .widget_nav_menu .menu .menu-item {
    margin-right: 0; /* override globalnego @media (min-width:768px) margin-right:35px ze starego footera */
}

.footer-2026__bottom-bar-inner .widget_nav_menu .menu-item + .menu-item {
    margin-left: 32px; /* odstęp tylko od 2. itema w lewo */
}

.footer-2026__bottom-bar-inner .widget_nav_menu .menu-item a {
    color: var(--Shades-Bright-Side-White, #FFF);
    font-family: "Nunito", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    text-decoration: none;
    transition: color 0.15s ease;
}

@media (hover: hover) and (pointer: fine) {
    .footer-2026__bottom-bar-inner .widget_nav_menu .menu-item a:hover {
        color: #20BB3B;
    }
}

/* =========================================================
   Legal text (Money Transfers / Currency Converter / Licence)
   ========================================================= */
.footer-2026__legal-text {
    width: 100%;
    display: flex;
    justify-content: center;
}

.footer-2026__legal-text-inner {
    width: 100%;
    max-width: 1313.25px;
    padding-bottom: 48px;
    box-sizing: border-box;
}

.footer-2026__legal-text-block {
    margin: 0 0 40px;
    color: var(--Shades-Dark-Side-Soft-Grey, #888);
    text-align: justify;
    text-box: trim-both cap alphabetic;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "Nunito", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}

.footer-2026__legal-text-block:last-child {
    margin-bottom: 0;
}

/* =========================================================
   Responsywność
   ========================================================= */

/* ≤1447px → 4 kolumny, ale gap 64 → 32 (4×304 + 3×32 = 1312 mieści się w 1317) */
@media (max-width: 1447px) {
    .footer-2026__columns-inner {
        gap: 32px;
    }
    .footer-2026__legal-links {
        gap: 48px;
    }
}

/* ≤1351px → 4 kolumny → 2 kolumny (przy gap 32, 4×304 + 3×32 + 40 padding = 1352 minimum dla 4) */
@media (max-width: 1351px) {
    .footer-2026__columns-inner {
        flex-wrap: wrap;
        gap: 32px 32px;
        padding: 32px 24px;
    }
    .footer-2026__column {
        width: calc(50% - 16px);
    }
    .footer-2026__top-inner,
    .footer-2026__bottom-bar-inner,
    .footer-2026__legal-text-inner {
        padding-left: 24px;
        padding-right: 24px;
    }
    .footer-2026__legal-links {
        gap: 32px;
    }
}

/* ≤767px → 1 kolumna + akordeon na dynamicznym menu */
@media (max-width: 767px) {
    .footer-2026-wrap {
        margin-top: 96px;
    }

    /* Mobile dostanie inne dekoracje — desktop brushe (left/right) i bolt schowane. */
    .footer-2026__brush--left,
    .footer-2026__brush--right,
    .footer-2026__bolt {
        display: none;
    }

    /* Mobile brush — centrowany względem ekranu (jak desktop brushe z calc(50% - X)) */
    .footer-2026__brush--mobile {
        display: block;
        left: calc(50% - 360px);
        top: -3px;
        z-index: 0;
    }
    .footer-2026__brush--mobile svg {
        display: block;
        width: 100%;
        height: auto;
    }

    .footer-2026 {
        min-height: auto;
        margin-top: -200px;
        padding: 200px 40px 0;
        border-radius: 0;
    }

    /* QR ukryty na mobile — zostaje tylko ZEN, 104×104 (override desktop 156). */
    .footer-2026__cta-icon--qr {
        display: none;
    }
    .footer-2026__cta-icon,
    .footer-2026__cta-icon--zen {
        width: 104px;
        height: 104px;
    }

    .footer-2026__cta-box {
        min-height: 352px;
        max-width: calc(100% - 40px); /* 20px po lewej i prawej */
        padding: 70px 22px 22px 22px;
        gap: 24px;
        border-top: 1px solid var(--footer-2026-cta-border);
        /* `flex: 1 0 0` + `height: fit-content` zachowywały się jak max-height —
           flex-basis 0 + brak miejsca do flex-grow utykało wysokość na min-height. */
    }

    .footer-2026__cta-icon {
        width: 96px;
        height: 96px;
        border-radius: 18px;
    }

    .footer-2026__cta-icon--zen img {
        width: 62.849px;
        height: 62.849px;
    }

    .footer-2026__cta-icons {
        margin-top: -118px;
        gap: 12px;
    }

    .footer-2026__cta-title {
        font-size: 24px;
        font-weight: 700;
        line-height: 32px; /* 133.333% */
        margin: 0 auto 16px;
    }

    .footer-2026__cta-text {
        font-size: 16px;
        line-height: 24px;
    }

    @media (max-width: 500px) {
        .footer-2026__cta-text {
            max-width: 288px;
        }
    }

    /* Mobile: pokaż badge'y pod tekstem CTA (JS hide'uje niezgodną platformę) */
    .footer-2026__cta-badges {
        display: flex;
        justify-content: center;
        gap: 12px;
        margin: 8px auto 0;
        flex-wrap: wrap;
    }

    /* Top bar: stack lang picker + logo */
    .footer-2026__top-inner {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        min-height: auto;
        padding: 24px 0;
    }

    /* Kolumny: 1 na rząd, równomierne 24px między każdym dropdownem */
    .footer-2026__columns-inner {
        flex-direction: column;
        gap: 24px;
        margin-bottom: 24px;
        padding: 0 0 24px 0;
    }
    /* Sekcja 2 (dynamiczne menu) — wizualnie pierwsza na mobile, bez aftera i marginu */
    .footer-2026__columns:nth-of-type(2) .footer-2026__columns-inner {
        padding-top: 48px;
        margin-bottom: 0;
    }
    .footer-2026__columns:nth-of-type(2) .footer-2026__columns-inner::after {
        display: none;
    }
    .footer-2026__column {
        width: 100%;
    }
    .footer-2026__cta-business {
        margin-bottom: 16px;
    }
    .footer-2026__column:has(.footer-2026__cta-business) .footer-2026__column-title {
        width: 100%;
        text-align: center;
    }

    .footer-2026__columns:nth-of-type(2) .footer-2026__column-title--with-icon {
        cursor: pointer;
        user-select: none;
        display: flex;
        align-items: center;
        align-self: stretch;
        width: 100%;
        margin: 0;
    }
    .footer-2026__columns:nth-of-type(2) .footer-2026__column-title--with-icon::after {
        content: '';
        flex-shrink: 0;
        width: 32px;
        height: 32px;
        margin-left: auto; /* push chevron na prawo; ikona + tytul zostają obok siebie po lewej */
        background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"><path d="M9.74519 12.996L16.0003 19.2871L22.5671 12.7173" stroke="%2369E245" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"/></svg>');
        background-repeat: no-repeat;
        background-position: center;
        transition: transform 0.2s ease;
    }
    /* Business — strzałka w kolorze #20BB3B */
    .footer-2026-wrap--business .footer-2026__columns:nth-of-type(2) .footer-2026__column-title--with-icon::after {
        background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"><path d="M9.74519 12.996L16.0003 19.2871L22.5671 12.7173" stroke="%2320BB3B" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    }
    .footer-2026__columns:nth-of-type(2) .footer-2026__column.is-open .footer-2026__column-title--with-icon {
        color: #20BB3B;
    }
    .footer-2026__columns:nth-of-type(2) .footer-2026__column.is-open .footer-2026__column-title--with-icon::after {
        transform: rotate(180deg);
    }
    .footer-2026__columns:nth-of-type(2) .footer-2026__column .footer-2026__column-list {
        display: none;
    }
    .footer-2026__columns:nth-of-type(2) .footer-2026__column.is-open .footer-2026__column-list {
        display: flex;
    }

    /* ======================================================
       Reorder na mobile — top, dynamic menu, Pay with,
       About, Business CTA, bottom bar, legal text
       ====================================================== */
    .footer-2026__top                          { order: 1; }
    .footer-2026__columns:nth-of-type(2)       { order: 2; }   /* dynamiczne menu */
    .footer-2026__columns:first-of-type        { order: 3; }   /* sekcja 1 (Pay with, About, Business CTA) */
    .footer-2026__top-right--mobile-bar        { order: 4; }   /* logo + socials nad bottom-bar (mobile only) */
    .footer-2026__bottom-bar                   { order: 5; margin-top: 24px; }
    .footer-2026__legal-text                   { order: 6; }

    /* W sekcji 1: ukrywamy Get app (kol. 2), reorder Pay with → About → Business */
    .footer-2026__columns:first-of-type .footer-2026__column:nth-child(1) {
        order: 2;  /* About → 2. */
        padding-top: 16px;
        padding-bottom: 40px;
        border-bottom: 1px solid rgba(134, 134, 139, 0.15);
    }
    .footer-2026__columns:first-of-type .footer-2026__column:nth-child(2) { display: none; }  /* Get app — hidden (badges nie na mobile) */
    .footer-2026__columns:first-of-type .footer-2026__column:nth-child(3) {
        order: 1;  /* Pay with → 1. (przed About) */
        padding-bottom: 40px;
        border-bottom: 1px solid rgba(134, 134, 139, 0.15);
    }
    .footer-2026__columns:first-of-type .footer-2026__column:nth-child(4) { order: 3; }  /* Business CTA → ostatnia */

    /* About column (--lg): ikony szare, strzałka zielona pchana na prawo */
    .footer-2026__column-list--lg .footer-2026__menu-icon {
        filter: grayscale(1) brightness(0.9);
    }
    .footer-2026__column-list--lg li {
        width: 100%;
    }
    .footer-2026__column-list--lg .footer-2026__menu-item {
        display: flex;
        align-items: center;
    }
    .footer-2026__menu-arrow--desktop { display: none; }
    .footer-2026__menu-arrow--mobile  { display: inline-block; }

    .footer-2026__label--desktop { display: none; }
    .footer-2026__label--mobile  { display: inline; }

    .footer-2026__column-list--lg .footer-2026__menu-arrow {
        margin-left: auto;
        color: #20BB3B;
        opacity: 1;
        width: 32px;
        height: 32px;
    }
    .footer-2026__column-list--lg a.footer-2026__menu-item:hover .footer-2026__menu-icon {
        filter: none;
        color: #20BB3B;
    }
    .footer-2026-wrap--business .footer-2026__column-list--lg a.footer-2026__menu-item:hover .footer-2026__menu-icon {
        filter: none;
        color: #20BB3B;
    }

    /* Pay with ZEN.COM column → akordeon (H3 column-title = toggle, UL = sub-items). */
    .footer-2026__columns:first-of-type .footer-2026__column:has(.footer-2026__column-list--gray-sub) .footer-2026__column-title {
        cursor: pointer;
        user-select: none;
        width: 100%;
        display: flex;
        align-items: center;
    }
    .footer-2026__columns:first-of-type .footer-2026__column:has(.footer-2026__column-list--gray-sub) .footer-2026__column-title::after {
        content: '';
        flex-shrink: 0;
        width: 32px;
        height: 32px;
        margin-left: auto;
        background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"><path d="M9.74519 12.996L16.0003 19.2871L22.5671 12.7173" stroke="%2320BB3B" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"/></svg>');
        background-repeat: no-repeat;
        background-position: center;
        transition: transform 0.2s ease;
    }
    /* Business — strzałka w kolorze #20BB3B */
    .footer-2026-wrap--business .footer-2026__columns:first-of-type .footer-2026__column:has(.footer-2026__column-list--gray-sub) .footer-2026__column-title::after {
        background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"><path d="M9.74519 12.996L16.0003 19.2871L22.5671 12.7173" stroke="%2320BB3B" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    }
    .footer-2026__columns:first-of-type .footer-2026__column.is-open .footer-2026__column-title::after {
        transform: rotate(180deg);
    }
    .footer-2026__columns:first-of-type .footer-2026__column.is-open .footer-2026__column-title {
        color: #20BB3B;
    }
    .footer-2026__columns:first-of-type .footer-2026__column-list--gray-sub {
        display: none;
    }
    .footer-2026__columns:first-of-type .footer-2026__column.is-open .footer-2026__column-list--gray-sub {
        display: flex;
    }

    .footer-2026__top-left {
        width: 100%;
    }

    /* Górny top-right (logo + socials) — ukryty na mobile, replaced by --mobile-bar nad bottom-barem */
    .footer-2026__top .footer-2026__top-right {
        display: none;
    }

    /* Mobile bar variant — logo + socials nad bottom-barem (klon top-right) */
    .footer-2026__top-right--mobile-bar {
        display: flex;
        padding: 16px 0;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        align-self: stretch;
        width: 100%;
    }
    .footer-2026__socials--mobile {
        display: flex;
        width: 100%;
        max-width: 181px;
        justify-content: space-between;
        align-items: center;
    }

    .footer-2026__logo {
        max-width: 113px;
        height: 24px;
        aspect-ratio: auto;
    }
    .footer-2026__logo img,
    .footer-2026__logo svg {
        width: 100%;
        height: 24px;
        object-fit: contain;
    }

    /* Desktop socials w bottom-barze ukryte (mobile pokazuje top-right) */
    .footer-2026__bottom-bar-inner > .footer-2026__socials {
        display: none;
    }

    /* Bottom bar: socials + legal stackują, bez paddingu lewo/prawo. */
    .footer-2026__bottom-bar-inner {
        flex-direction: column;
        gap: 24px;
        margin-bottom: 32px;
        padding: 40px 0 0;
    }
    .footer-2026__bottom-bar-inner::after {
        top: 0;
        /* bottom: 0; */
    }
    .footer-2026__bottom-bar-inner .footer-copy__links {
        margin-left: 0;
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: 16px;
    }
    .footer-2026__bottom-bar-inner .widget_nav_menu .menu {
        flex-wrap: wrap;
        gap: 8px 16px;
    }
    .footer-2026__bottom-bar-inner .widget_nav_menu .menu-item + .menu-item {
        margin-left: 16px;
    }

    /* Legal text padding — bez padding lewo/prawo. */
    .footer-2026__legal-text-inner {
        padding: 0 0 32px;
    }

    /* Bez margin-left: auto + auto gap (space-between) — items rozłożone na całej szerokości. */
    .footer-2026__legal-links {
        width: 100%;
        margin: 0;
        gap: 0;
        justify-content: space-between;
    }
}