/* ==========================================================================
   Nagłówek Infinity v2 — WGRAĆ:
   wp-content/themes/<motyw-potomny>/assets/infinity-header.css
   ========================================================================== */

#qodef-page-header,
#qodef-top-area,
#qodef-page-mobile-header,
.qodef-header-sticky { display: none !important; }

.inf-header-root, .inf-header-root * { box-sizing: border-box; }
.inf-header-root [hidden] { display: none !important; }
.inf-header-root a { text-decoration: none !important; }
/* Ikony — Font Awesome 6 Free. Motyw narzuca font-family globalnie,
   więc krój ikon i grubość trzeba wymusić, inaczej glify się nie renderują. */
.inf-header-root i.inf-icon {
    flex: 0 0 auto; display: inline-block; line-height: 1; vertical-align: middle;
    font-family: 'Font Awesome 6 Free' !important; font-weight: 900 !important;
    font-style: normal !important; letter-spacing: 0 !important; text-transform: none !important;
    -webkit-font-smoothing: antialiased;
}
.inf-topbar i.inf-icon { color: #D6B77A !important; }
.inf-mega-head i.inf-icon, .inf-mega-list i.inf-icon { color: #B88A44 !important; }

/* --- 1. Pasek korzyści ---------------------------------------------------- */
.inf-topbar { background: #1D1D1B; color: #FAF8F4; }
.inf-topbar-inner {
    max-width: 1440px; margin: 0 auto; padding: 9px 40px;
    display: flex; align-items: center; justify-content: space-between; gap: 20px;
}
.inf-topbar-item {
    display: flex; align-items: center; gap: 8px;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 11.5px !important; letter-spacing: 0.06em; color: #FAF8F4 !important; font-weight: 400;
}
.inf-topbar-accent {
    color: #FAF8F4 !important; text-transform: uppercase; font-weight: 600;
    text-decoration: underline; text-decoration-color: #D6B77A; text-underline-offset: 3px;
}
.inf-topbar-mobile-only { display: none; }

/* --- 2. Szukajka / logo / ikony ------------------------------------------- */
.inf-header { background: #FAF8F4; position: relative; z-index: 41; }
.inf-header-inner {
    max-width: 1440px; margin: 0 auto; padding: 6px 40px 0;
    display: grid; grid-template-columns: minmax(200px, 1fr) auto minmax(200px, 1fr); align-items: center; gap: 24px;
    min-height: 110px;
}

/* Szukajka w linii (desktop) — Ajax Search Lite (ten sam widget co w starym headerze) */
.inf-search-inline { display: flex; align-items: center; max-width: 300px; width: 100%; min-width: 0; }
.inf-search-inline .asl_w_container { width: 100%; min-width: 0; flex: 1 1 auto; }
.inf-search-inline .asl_w.asl_m {
    display: flex !important; align-items: center; gap: 10px; width: 100% !important;
    border-bottom: 1px solid #DED5C9; padding-bottom: 9px; background: none !important;
}
.inf-search-inline .probox {
    display: flex !important; align-items: center; gap: 10px; background: transparent !important;
    border: none !important; width: 100% !important; min-width: 0; box-shadow: none !important;
}
.inf-search-inline .proinput { flex: 1 1 auto; min-width: 0; order: 2; }
.inf-search-inline .proinput form { width: 100%; }
.inf-search-inline input.orig {
    display: block !important; width: 100% !important; min-width: 0 !important;
    border: none !important; background: transparent !important; padding: 0 !important;
    font-family: 'Montserrat', sans-serif !important; font-size: 13px !important; color: #1D1D1B !important;
    height: auto !important; box-shadow: none !important; margin: 0 !important;
}
.inf-search-inline input.orig:focus { outline: none !important; }
.inf-search-inline input.orig::placeholder { color: #6E6962 !important; opacity: 1; }
.inf-search-inline .promagnifier {
    order: 1; background: none !important; border: none !important; padding: 0 !important;
    display: flex !important; align-items: center; cursor: pointer;
}
.inf-search-inline .promagnifier svg path,
.inf-search-inline .promagnifier svg polygon { fill: #6E6962 !important; }
.inf-search-inline .promagnifier:hover svg path,
.inf-search-inline .promagnifier:hover svg polygon { fill: #B88A44 !important; }
.inf-search-inline .prosettings { display: none !important; }
.inf-search-inline .proclose svg polygon { fill: #6E6962 !important; }
/* Panel wyników — nad resztą strony, w naszej palecie */
.asl_w.asl_r, #ajaxsearchliteres1, #ajaxsearchliteres2 {
    background: #FFFFFF !important; border: 1px solid #DED5C9 !important; box-shadow: 0 16px 32px rgba(29,29,27,0.1) !important;
    font-family: 'Montserrat', sans-serif !important; z-index: 70 !important;
}
.asl_w.asl_r .asl_res_url { color: #1D1D1B !important; font-size: 12.5px !important; text-decoration: none !important; }
.asl_w.asl_r .item:hover { background: #F7F2EB !important; }
.asl_w.asl_r .asl_desc { color: #6E6962 !important; font-size: 11.5px !important; }

/* Logo — wypełnia wysokość paska */
.inf-logo { display: flex; align-items: center; justify-content: center; align-self: stretch; }
/* Logo wypełnia pasek — bez powiększania samego paska i bez przedziałka nad menu */
.inf-logo img { display: block; height: 104px; max-height: 100%; width: auto; max-width: 100%; object-fit: contain; }

/* Ikony */
.inf-actions { display: flex; align-items: center; justify-content: flex-end; gap: 26px; }
.inf-action {
    display: flex; align-items: center; gap: 8px; position: relative;
    color: #1D1D1B !important; background: none !important; border: none !important; padding: 0 !important; cursor: pointer;
    transition: color .2s ease;
}
.inf-action:hover { color: #B88A44 !important; }
.inf-action-label { font-family: 'Montserrat', sans-serif !important; font-size: 12.5px !important; letter-spacing: 0.02em; }
.inf-cart-count {
    position: absolute; top: -8px; right: -9px; background: #B88A44; color: #FFFFFF;
    width: 16px; height: 16px; border-radius: 50%;
    font-family: 'Montserrat', sans-serif !important; font-size: 10px; font-weight: 500; line-height: 1;
    display: flex; align-items: center; justify-content: center;
}
.inf-cart-count.is-empty { display: none; }
.inf-search-toggle { display: none; }

/* Szukajka mobilna */
.inf-search-mobile { max-width: 1440px; margin: 0 auto; padding: 0 18px 14px; display: flex; gap: 10px; align-items: stretch; }
/* Szukajka mobilna — ASL, jeśli wtyczka jest aktywna */
.inf-search-mobile { max-width: 1440px; margin: 0 auto; padding: 12px 18px 16px; background: #FAF8F4; border-top: 1px solid #DED5C9; }
.inf-search-mobile-asl { width: 100%; }
.inf-search-mobile-asl .asl_w_container { width: 100% !important; }
.inf-search-mobile-asl .asl_w.asl_m {
    display: flex !important; align-items: center !important; gap: 10px !important; width: 100% !important;
    background: #FFFFFF !important; border: 1px solid #DED5C9 !important; padding: 11px 14px !important;
    border-radius: 0 !important; box-shadow: none !important;
}
.inf-search-mobile-asl .probox {
    display: flex !important; align-items: center !important; gap: 10px !important; width: 100% !important;
    background: transparent !important; border: none !important; box-shadow: none !important; padding: 0 !important;
    max-width: none !important; min-width: 0 !important; height: auto !important;
}
.inf-search-mobile-asl .proinput { flex: 1 1 auto !important; min-width: 0 !important; order: 2; }
.inf-search-mobile-asl .proinput form { width: 100% !important; }
.inf-search-mobile-asl input.orig {
    display: block !important; width: 100% !important; min-width: 0 !important; height: auto !important;
    border: none !important; background: transparent !important; padding: 0 !important; margin: 0 !important;
    font-family: 'Montserrat', sans-serif !important; font-size: 13.5px !important; color: #1D1D1B !important;
    box-shadow: none !important; -webkit-appearance: none !important;
}
.inf-search-mobile-asl input.orig::placeholder { color: #6E6962 !important; opacity: 1 !important; }
.inf-search-mobile-asl input.autocomplete { display: none !important; }
.inf-search-mobile-asl .promagnifier {
    order: 1 !important; flex: 0 0 auto !important; width: auto !important; height: auto !important;
    background: none !important; border: none !important; border-radius: 0 !important; padding: 0 !important;
    display: flex !important; align-items: center !important; cursor: pointer;
}
.inf-search-mobile-asl .promagnifier svg { width: 16px !important; height: 16px !important; }
.inf-search-mobile-asl .promagnifier svg path,
.inf-search-mobile-asl .promagnifier svg polygon { fill: #6E6962 !important; }
.inf-search-mobile-asl .prosettings,
.inf-search-mobile-asl .proclose { display: none !important; }
.inf-search-mobile-asl .proloading { right: 12px !important; }
.inf-search-mobile input[type="search"] {
    flex: 1 1 auto; border: 1px solid #DED5C9 !important; background: #FFFFFF !important; padding: 12px 14px !important;
    font-family: 'Montserrat', sans-serif !important; font-size: 13.5px !important; color: #1D1D1B !important;
    border-radius: 0 !important; height: auto !important; box-sizing: border-box !important; margin: 0 !important;
}
.inf-search-mobile button {
    background: #1D1D1B !important; color: #FAF8F4 !important; border: 1px solid #1D1D1B !important;
    padding: 0 24px !important; font-family: 'Montserrat', sans-serif !important; font-size: 11.5px !important;
    letter-spacing: 0.1em !important; text-transform: uppercase !important; font-weight: 500 !important;
    border-radius: 0 !important; cursor: pointer; display: inline-flex !important; align-items: center !important;
    justify-content: center !important; line-height: normal !important; height: auto !important; flex: 0 0 auto;
}
.inf-search-mobile button:hover { background: #B88A44 !important; border-color: #B88A44 !important; }

/* --- 3. Wiersz menu ------------------------------------------------------- */
.inf-navbar { border-top: 1px solid #DED5C9; border-bottom: 1px solid #DED5C9; position: relative; background: #FAF8F4; margin-top: 0; }
.inf-header { padding-bottom: 0; }
.inf-navbar-inner { max-width: 1440px; margin: 0 auto; padding: 0 40px; }
.inf-header-root ul.inf-menu {
    list-style: none !important; margin: 0 !important; padding: 0 !important;
    display: flex; align-items: center; justify-content: center; gap: 44px; flex-wrap: wrap;
}
/* Hover otwiera dopiero po wejściu na sam link — li nie łapie całego pasma */
.inf-header-root ul.inf-menu > li { position: relative; margin: 0 !important; padding: 0 !important; }
.inf-header-root ul.inf-menu > li > a {
    display: flex !important; align-items: center; gap: 6px; padding: 15px 2px;
    font-family: 'Montserrat', sans-serif !important; font-size: 12.5px !important;
    letter-spacing: 0.08em !important; text-transform: uppercase !important; font-weight: 500 !important;
    color: #1D1D1B !important; line-height: 1.4 !important; white-space: nowrap; transition: color .2s ease;
}
.inf-header-root ul.inf-menu > li > a:hover,
.inf-header-root ul.inf-menu > li.current-menu-item > a,
.inf-header-root ul.inf-menu > li.current-menu-parent > a,
.inf-header-root ul.inf-menu > li.is-open > a { color: #B88A44 !important; }
.inf-header-root ul.inf-menu > li.is-open > a { border-bottom: 1.5px solid #B88A44; }

/* Chevron — obraca się przy otwarciu */
.inf-header-root ul.inf-menu > li > a .inf-icon--chevron { transition: transform .2s ease; }
.inf-header-root ul.inf-menu > li.is-open > a .inf-icon--chevron,
.inf-header-root ul.inf-menu > li:hover > a .inf-icon--chevron { transform: rotate(180deg); }
/* Strzałka motywu nie ma tu wstępu */
.inf-header-root .qodef-menu-item-arrow { display: none !important; }

/* Zwykłe submenu (pozycje bez megamenu) */
.inf-header-root ul.inf-menu .sub-menu {
    list-style: none; margin: 0; padding: 10px 0;
    position: absolute; top: 100%; left: 50%; transform: translateX(-50%);
    min-width: 230px; background: #FFFFFF; border: 1px solid #DED5C9;
    opacity: 0; visibility: hidden; transition: opacity .2s ease; z-index: 50;
}
.inf-header-root ul.inf-menu > li:hover > .sub-menu { opacity: 1; visibility: visible; }
.inf-header-root ul.inf-menu .sub-menu li { position: relative; }
.inf-header-root ul.inf-menu .sub-menu .sub-menu { top: -10px; left: 100%; transform: none; }
.inf-header-root ul.inf-menu .sub-menu > li:hover > .sub-menu { opacity: 1; visibility: visible; }
.inf-header-root ul.inf-menu .sub-menu a,
.inf-header-root ul.inf-menu .sub-menu a:visited {
    display: block; padding: 9px 20px;
    font-family: 'Montserrat', sans-serif !important; font-size: 12.5px !important;
    letter-spacing: 0.02em !important; text-transform: none !important; font-weight: 400 !important;
    color: #1D1D1B !important; text-decoration: none !important;
}
.inf-header-root ul.inf-menu .sub-menu a:hover { color: #B88A44 !important; background: #F7F2EB; }
/* Ukryte panele nie mogą przechwytywać kursora — inaczej „puste” obszary
   pod menu wyglądają jak wielkie hitboxy rozwijania. */
.inf-header-root ul.inf-menu .sub-menu { pointer-events: none; }
.inf-header-root ul.inf-menu > li:hover > .sub-menu,
.inf-header-root ul.inf-menu .sub-menu > li:hover > .sub-menu { pointer-events: auto; }
.inf-mega[hidden] { pointer-events: none; }

/* Submenu z dużą liczbą pozycji (np. Marki) — panel wielokolumnowy na całą szerokość */
.inf-header-root ul.inf-menu > li.inf-submenu-wide { position: static; }
.inf-header-root ul.inf-menu > li.inf-submenu-wide > .sub-menu {
    left: 0; right: 0; transform: none;
    width: 100%; min-width: 0; max-width: none;
    box-sizing: border-box; padding: 26px 40px;
    columns: 5; column-gap: 30px;
    max-height: min(60vh, 520px); overflow-y: auto; overflow-x: hidden;
    box-shadow: 0 16px 32px rgba(29, 29, 27, 0.08);
}
.inf-header-root ul.inf-menu > li.inf-submenu-wide > .sub-menu > li { break-inside: avoid; }
.inf-header-root ul.inf-menu > li.inf-submenu-wide > .sub-menu > li > a {
    padding: 7px 10px; margin: 0; font-size: 12px !important;
    letter-spacing: 0.04em !important; text-transform: uppercase !important;
}
.inf-header-root ul.inf-menu > li.inf-submenu-wide > .sub-menu > li > a:hover { background: #F7F2EB; }
/* Trzeci poziom w panelu wielokolumnowym: multi-column przycina position:absolute,
   więc rozwijamy podkategorie w miejscu, nie jako flyout. */
.inf-header-root ul.inf-menu > li.inf-submenu-wide .sub-menu .sub-menu {
    position: static; opacity: 1; visibility: visible; transform: none;
    display: block; min-width: 0; border: none; background: transparent;
    padding: 0 0 6px 14px; margin: 0;
}
.inf-header-root ul.inf-menu > li.inf-submenu-wide .sub-menu .sub-menu a {
    padding: 5px 6px; font-size: 11.5px !important; color: #6E6962 !important;
}
.inf-header-root ul.inf-menu > li.inf-submenu-wide .sub-menu > li.menu-item-has-children > a { font-weight: 600 !important; }

/* Pozycja z megamenu nie pokazuje zwykłego submenu */
.inf-header-root ul.inf-menu > li.inf-has-mega > .sub-menu { display: none !important; }

/* --- Megamenu ------------------------------------------------------------ */
.inf-mega {
    position: absolute; top: 100%; left: 0; right: 0;
    background: #FFFFFF; border-bottom: 1px solid #DED5C9;
    box-shadow: 0 16px 32px rgba(29, 29, 27, 0.08); z-index: 60;
}
.inf-mega-inner {
    max-width: 1440px; margin: 0 auto; padding: 28px 40px;
    display: grid; grid-template-columns: 280px 1fr; gap: 32px;
}
.inf-mega-cols { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 30px; }

/* Baner promo — klikalna grafika */
.inf-mega-promo { display: block; overflow: hidden; background: #F3EDE4; }
.inf-mega-promo img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.inf-mega-promo:hover img { transform: scale(1.03); }
.inf-mega-promo-title {
    font-family: 'Montserrat', sans-serif !important; font-size: 15px; font-weight: 600;
    line-height: 1.45; color: #1D1D1B !important; margin-bottom: 6px;
}
.inf-mega-promo-sub {
    font-family: 'Cormorant Garamond', serif !important; font-style: italic;
    font-size: 15px; color: #6E6962 !important; margin-bottom: 18px;
}
.inf-mega-promo-cta {
    margin-top: auto; border: 1px solid #B88A44; color: #B88A44 !important;
    font-family: 'Montserrat', sans-serif !important; font-size: 10.5px;
    letter-spacing: 0.1em; text-transform: uppercase; padding: 10px 17px; transition: all .2s ease;
}
.inf-mega-promo:hover .inf-mega-promo-cta { background: #B88A44; color: #FFFFFF !important; }

/* Kolumny kategorii */
.inf-mega-head {
    display: flex; align-items: center; gap: 8px; margin-bottom: 14px;
    font-family: 'Montserrat', sans-serif !important; font-size: 12px !important;
    letter-spacing: 0.08em; text-transform: uppercase; font-weight: 600; color: #1D1D1B !important;
}
.inf-mega-head:hover { color: #B88A44 !important; }
.inf-cat-thumb { display: block; object-fit: contain; border-radius: 50%; }
.inf-header-root ul.inf-mega-list a .inf-icon { opacity: 0; transition: opacity .15s ease; font-size: 9px !important; }
.inf-header-root ul.inf-mega-list { list-style: none !important; margin: 0 !important; padding: 0 !important; display: flex; flex-direction: column; gap: 2px; }
.inf-header-root ul.inf-mega-list li { margin: 0 !important; }
.inf-header-root ul.inf-mega-list a {
    display: flex; align-items: center; justify-content: space-between; gap: 10px;
    padding: 7px 10px; margin: 0 -10px;
    font-family: 'Montserrat', sans-serif !important; font-size: 12.5px !important;
    color: #4A4642 !important; transition: all .15s ease;
}
.inf-header-root ul.inf-mega-list a .inf-icon { opacity: 0; transition: opacity .15s ease; }
.inf-header-root ul.inf-mega-list a:hover { background: #F7F2EB; color: #1D1D1B !important; }
.inf-header-root ul.inf-mega-list a:hover .inf-icon { opacity: 1; }

/* --- Megamenu „Według problemu” ---------------------------------------- */
.inf-pmega { grid-template-columns: 250px 1fr !important; gap: 0 !important; min-height: 330px; }
.inf-header-root ul.inf-pmega-tabs {
    list-style: none !important; margin: 0 !important; padding: 0 28px 0 0 !important;
    border-right: 1px solid #EDE6DC; display: flex; flex-direction: column; gap: 1px;
}
.inf-header-root ul.inf-pmega-tabs li { margin: 0 !important; }
.inf-header-root a.inf-pmega-tab {
    display: flex; align-items: center; gap: 10px; padding: 10px 12px;
    font-family: 'Montserrat', sans-serif !important; font-size: 12px !important;
    letter-spacing: 0.08em; text-transform: uppercase; font-weight: 600;
    color: #1D1D1B !important; transition: background .15s ease, color .15s ease;
}
.inf-header-root a.inf-pmega-tab > span { flex: 1 1 auto; }
.inf-header-root a.inf-pmega-tab .inf-icon--arrow { opacity: 0; transition: opacity .15s ease; }
.inf-header-root a.inf-pmega-tab.is-active,
.inf-header-root a.inf-pmega-tab:hover { background: #F7F2EB; color: #B88A44 !important; }
.inf-header-root a.inf-pmega-tab.is-active .inf-icon--arrow { opacity: 1; }
.inf-pmega-tabs i.inf-icon { color: #B88A44 !important; width: 18px; text-align: center; }

.inf-pmega-panes { padding: 4px 0 0 36px; }
.inf-header-root a.inf-pmega-all {
    display: inline-flex; align-items: center; gap: 10px; margin-bottom: 20px;
    font-family: 'Cormorant Garamond', serif !important; font-size: 24px !important;
    color: #1D1D1B !important; line-height: 1.2;
}
.inf-header-root a.inf-pmega-all:hover { color: #B88A44 !important; }
.inf-pmega-groups { display: flex; flex-wrap: wrap; gap: 20px 48px; align-items: flex-start; }
.inf-pmega-glabel {
    font-family: 'Montserrat', sans-serif !important; font-size: 10.5px; font-weight: 600;
    letter-spacing: 0.12em; text-transform: uppercase; color: #6E6962;
    padding-bottom: 8px; margin-bottom: 8px; border-bottom: 1px solid #EDE6DC;
}
.inf-header-root ul.inf-pmega-list {
    list-style: none !important; margin: 0 !important; padding: 0 !important;
    column-count: var(--inf-cols, 1); column-gap: 36px;
}
.inf-header-root ul.inf-pmega-list li { margin: 0 !important; break-inside: avoid; }
.inf-header-root ul.inf-pmega-list a {
    display: block; padding: 6px 10px; margin: 0 -10px; min-width: 190px;
    font-family: 'Montserrat', sans-serif !important; font-size: 12.5px !important;
    color: #4A4642 !important; transition: background .15s ease, color .15s ease;
}
.inf-header-root ul.inf-pmega-list a:hover { background: #F7F2EB; color: #1D1D1B !important; }

@media (max-width: 1200px) {
    .inf-pmega { grid-template-columns: 210px 1fr !important; }
    .inf-pmega-panes { padding-left: 24px; }
    .inf-header-root ul.inf-pmega-list a { min-width: 160px; }
}

/* --- Burger + drawer ----------------------------------------------------- */
.inf-burger { display: none; flex-direction: column; justify-content: center; gap: 5px; width: 34px; height: 34px; padding: 0; background: none !important; border: none !important; cursor: pointer; }
.inf-burger span { display: block; height: 1.5px; width: 22px; background: #1D1D1B; }

.inf-drawer-overlay { position: fixed; inset: 0; background: rgba(29,29,27,0.4); z-index: 90; }
.inf-drawer {
    position: fixed; top: 0; left: 0; bottom: 0; width: 100%; max-width: 420px;
    background: #FFFFFF; z-index: 95; overflow-y: auto; padding: 0 0 40px;
    box-shadow: 4px 0 24px rgba(29,29,27,0.12);
}
.inf-drawer-top {
    display: flex; align-items: center; gap: 14px; padding: 16px 20px;
    border-bottom: 1px solid #EDE6DC; position: sticky; top: 0; background: #FFFFFF; z-index: 2;
}
.inf-drawer-logo { flex: 0 0 auto; display: flex; }
.inf-drawer-logo img { height: 30px; width: auto; display: block; }
.inf-drawer-search { flex: 1 1 auto; display: flex; align-items: center; gap: 8px; border: 1px solid #DED5C9; padding: 8px 12px; min-width: 0; }
.inf-drawer-search input { flex: 1 1 auto; min-width: 0; border: none; background: transparent; font-family: 'Montserrat', sans-serif !important; font-size: 12.5px !important; color: #1D1D1B !important; padding: 0; }
.inf-drawer-search input:focus { outline: none; }
.inf-drawer-search input::placeholder { color: #6E6962; }
.inf-drawer-search button { flex: 0 0 auto; background: none !important; border: none !important; padding: 0 !important; display: flex; cursor: pointer; }
.inf-drawer-close { flex: 0 0 auto; background: none !important; border: none !important; color: #1D1D1B !important; cursor: pointer; padding: 4px !important; display: flex; }

.inf-header-root ul.inf-drawer-menu { list-style: none !important; margin: 0 !important; padding: 6px 0 !important; }
.inf-header-root ul.inf-drawer-menu-foot { padding-top: 0 !important; margin-top: 6px !important; border-top: 1px solid #EDE6DC; }
.inf-header-root ul.inf-drawer-menu li { margin: 0 !important; position: relative; }
.inf-header-root ul.inf-drawer-menu > li > a,
.inf-header-root ul.inf-drawer-menu .sub-menu > li > a {
    display: flex !important; align-items: center; justify-content: space-between; gap: 10px;
    padding: 15px 20px; border-bottom: none;
    font-family: 'Montserrat', sans-serif !important; font-size: 13px !important;
    letter-spacing: 0.07em !important; text-transform: uppercase !important; font-weight: 600 !important;
    color: #1D1D1B !important;
}
.inf-header-root ul.inf-drawer-menu > li { border-bottom: 1px solid #EDE6DC; }
.inf-header-root ul.inf-drawer-menu > li:last-child { border-bottom: none; }
.inf-header-root ul.inf-drawer-menu a:hover { color: #B88A44 !important; }
.inf-header-root ul.inf-drawer-menu > li.menu-item-has-children > a::after,
.inf-header-root ul.inf-drawer-menu .sub-menu > li.menu-item-has-children > a::after {
    content: ''; flex: 0 0 auto; width: 7px; height: 7px; margin-right: 2px;
    border-right: 1.4px solid #B88A44; border-bottom: 1.4px solid #B88A44;
    transform: rotate(-45deg); transition: transform .2s ease;
}
.inf-header-root ul.inf-drawer-menu > li.inf-open > a::after,
.inf-header-root ul.inf-drawer-menu .sub-menu > li.inf-open > a::after { transform: rotate(45deg); }
.inf-header-root ul.inf-drawer-menu .sub-menu {
    list-style: none; margin: 0; padding: 0;
}
.inf-header-root ul.inf-drawer-menu > li > .sub-menu > li > a {
    padding-left: 34px; font-size: 12.5px !important; letter-spacing: 0.04em !important; font-weight: 500 !important;
    text-transform: none !important; background: #FAF8F4;
}
.inf-header-root ul.inf-drawer-menu > li > .sub-menu > li > .sub-menu > li > a {
    padding-left: 50px; font-size: 12px !important; font-weight: 400 !important; color: #4A4642 !important; background: #FAF8F4;
}
.inf-header-root ul.inf-drawer-menu > li > .sub-menu > li { border-bottom: 1px solid #EDE6DC; }
.inf-header-root ul.inf-drawer-menu > li > .sub-menu > li:last-child { border-bottom: none; }

/* --- Responsywność ------------------------------------------------------- */
@media (max-width: 1200px) {
    .inf-header-inner, .inf-navbar-inner, .inf-topbar-inner, .inf-mega-inner { padding-left: 24px; padding-right: 24px; }
    .inf-header-root ul.inf-menu { gap: 26px; }
    .inf-header-root ul.inf-menu > li > a { font-size: 11.5px !important; letter-spacing: 0.05em !important; }
    .inf-mega-inner { grid-template-columns: 230px 1fr; }
    .inf-header-root ul.inf-menu > li.inf-submenu-wide > .sub-menu { columns: 4; padding: 22px 24px; }
}

@media (max-width: 1024px) {
    .inf-navbar { display: none; }
    .inf-burger { display: flex; }
    .inf-header-inner { grid-template-columns: auto 1fr auto; padding: 8px 18px; gap: 14px; min-height: 78px; }
    .inf-search-inline { display: none; }
    .inf-search-toggle { display: flex; }
    .inf-actions { gap: 16px; }
    .inf-action-label { display: none; }
    .inf-logo img { height: 66px; }
    .inf-topbar-inner {
        flex-direction: column; align-items: stretch; justify-content: flex-start;
        overflow-x: visible; flex-wrap: nowrap; padding: 9px 18px; gap: 6px;
    }
    .inf-topbar-item { white-space: normal; font-size: 11px !important; justify-content: center; }
}

@media (max-width: 640px) {
    .inf-topbar { display: none; }
    .inf-logo img { height: 58px; }
}

/* 2.0.1 — baner w megamenu w całości (przy 5 kolumnach kolumna jest wyższa niż baner,
   więc object-fit: cover ucinał grafikę po bokach). */
.inf-mega-inner { align-items: start; }
.inf-mega-promo { align-self: start; }
.inf-mega-promo img { height: auto; object-fit: contain; }