/* MASTERBAR UI 0.5.99 – CSS potrzebny do pierwszego renderu nagłówka. */
/*
 * MASTERBAR UI 0.2.0 – Nagłówek sklepu
 */

.masterbar-header{
    position: relative;
    z-index: 50;
    width: 100%;
    color: var(--masterbar-header-text);
    background: var(--masterbar-header-bg);
    border-bottom: 1px solid var(--masterbar-border);
}

.masterbar-header *,
.masterbar-header *::before,
.masterbar-header *::after{
    box-sizing: border-box;
}

.masterbar-header-container{
    width: min(calc(100% - 32px), var(--masterbar-content-width));
    margin-inline: auto;
}

.masterbar-topbar{
    background: var(--masterbar-topbar-bg);
    color: var(--masterbar-topbar-text);
}

.masterbar-topbar p{
    margin: 0;
    padding: 7px 0;
    color: inherit;
    font-size: 13px;
    line-height: 1.35;
    text-align: center;
}

.masterbar-mainbar{
    background: var(--masterbar-header-bg);
}

.masterbar-mainbar-inner{
    display: grid;
    grid-template-columns: minmax(160px, 230px) minmax(280px, 1fr) auto;
    gap: 28px;
    align-items: center;
    min-height: 82px;
}

.masterbar-brand{
    min-width: 0;
}

.masterbar-brand .custom-logo-link{
    display: inline-flex;
    align-items: center;
}

.masterbar-brand .custom-logo{
    display: block;
    width: auto;
    max-width: 210px;
    max-height: 54px;
}

.masterbar-site-name{
    color: var(--masterbar-header-text);
    font-family: var(--masterbar-font-heading);
    font-size: 24px;
    font-weight: 700;
    line-height: 1.1;
    text-decoration: none;
}

.masterbar-search{
    display: grid;
    grid-template-columns: 1fr 48px;
    min-width: 0;
    height: 46px;
    margin: 0;
    border: 1px solid var(--masterbar-search-border);
    border-radius: calc(var(--masterbar-radius) + 2px);
    background: var(--masterbar-search-bg);
    overflow: hidden;
}

.masterbar-search:focus-within{
    border-color: var(--masterbar-primary);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--masterbar-primary) 14%, transparent);
}

.masterbar-search input[type="search"]{
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0 16px;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--masterbar-text);
    font: inherit;
    box-shadow: none;
}

.masterbar-search button{
    display: grid;
    place-items: center;
    width: 48px;
    height: 46px;
    margin: -1px -1px -1px 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: var(--masterbar-search-button);
    color: var(--masterbar-search-icon);
    cursor: pointer;
}

.masterbar-search button:hover,
.masterbar-search button:focus{
    filter: brightness(1.08);
}

.masterbar-search svg,
.masterbar-action svg,
.masterbar-menu-toggle svg{
    width: 22px;
    height: 22px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.masterbar-actions{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 18px;
}

.masterbar-action{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--masterbar-header-text);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    text-decoration: none;
    white-space: nowrap;
}

.masterbar-action:hover,
.masterbar-action:focus{
    color: var(--masterbar-primary);
}

.masterbar-action-icon{
    position: relative;
    display: inline-flex;
}

.masterbar-cart-count{
    position: absolute;
    top: -9px;
    right: -10px;
    display: grid;
    place-items: center;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border: 2px solid var(--masterbar-header-bg);
    border-radius: 99px;
    background: var(--masterbar-primary);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
}

.masterbar-cart-count.is-empty{
    display: none;
}

.masterbar-menu-toggle{
    display: none;
    place-items: center;
    width: 42px;
    height: 42px;
    padding: 0;
    border: 1px solid var(--masterbar-border);
    background: var(--masterbar-header-bg);
    color: var(--masterbar-header-text);
}

.masterbar-nav{
    background: var(--masterbar-nav-bg);
    border-top: 1px solid var(--masterbar-border);
}

.masterbar-menu,
.masterbar-menu ul{
    margin: 0;
    padding: 0;
    list-style: none;
}

.masterbar-menu{
    display: flex;
    align-items: center;
    gap: 26px;
    min-height: 48px;
}

.masterbar-menu > li{
    position: relative;
}

.masterbar-menu a{
    display: flex;
    align-items: center;
    min-height: 48px;
    color: var(--masterbar-nav-text);
    font-size: 14px;
    font-weight: 550;
    line-height: 1.2;
    text-decoration: none;
}

.masterbar-menu a:hover,
.masterbar-menu a:focus,
.masterbar-menu .current-menu-item > a,
.masterbar-menu .current-menu-ancestor > a{
    color: var(--masterbar-nav-hover);
}

.masterbar-menu .sub-menu,
.masterbar-menu .children{
    position: absolute;
    top: 100%;
    left: -16px;
    display: none;
    min-width: 230px;
    padding: 10px 0;
    border: 1px solid var(--masterbar-border);
    border-radius: var(--masterbar-radius);
    background: var(--masterbar-nav-bg);
    box-shadow: 0 16px 35px rgba(15, 23, 42, .10);
}

.masterbar-menu li:hover > .sub-menu,
.masterbar-menu li:focus-within > .sub-menu,
.masterbar-menu li:hover > .children,
.masterbar-menu li:focus-within > .children{
    display: block;
}

.masterbar-menu .sub-menu a,
.masterbar-menu .children a{
    min-height: 0;
    padding: 10px 16px;
}

.masterbar-menu .sub-menu .sub-menu,
.masterbar-menu .children .children{
    top: -11px;
    left: 100%;
}

/* Astra czasem rezerwuje własne odstępy wokół buildera nagłówka. */
#masthead .ast-container,
#masthead .site-header-primary-section-left,
#masthead .site-header-primary-section-right{
    max-width: none;
}

/* Mobile */
@media (max-width: 920px){
    .masterbar-mainbar-inner{
        grid-template-columns: 1fr auto;
        gap: 14px;
        min-height: 70px;
        padding-block: 10px;
    }

    .masterbar-brand{
        grid-column: 1;
    }

    .masterbar-actions{
        grid-column: 2;
        gap: 12px;
    }

    .masterbar-search{
        grid-column: 1 / -1;
        grid-row: 2;
        height: 44px;
    }

    .masterbar-search button{
        height: 44px;
    }

    .masterbar-action-label{
        display: none;
    }

    .masterbar-menu-toggle{
        display: grid;
    }

    .masterbar-nav{
        display: none;
    }

    .masterbar-nav.is-open{
        display: block;
    }

    .masterbar-menu{
        display: block;
        padding: 8px 0 14px;
    }

    .masterbar-menu > li{
        border-bottom: 1px solid var(--masterbar-border);
    }

    .masterbar-menu a{
        min-height: 44px;
    }

    .masterbar-menu .sub-menu,
.masterbar-menu .children{
        position: static;
        display: block;
        min-width: 0;
        padding: 0 0 8px 16px;
        border: 0;
        border-radius: 0;
        box-shadow: none;
    }
}

@media (max-width: 520px){
    .masterbar-header-container{
        width: min(calc(100% - 20px), var(--masterbar-content-width));
    }

    .masterbar-mainbar-inner{
        gap: 10px;
    }

    .masterbar-brand .custom-logo{
        max-width: 150px;
        max-height: 44px;
    }

    .masterbar-site-name{
        font-size: 20px;
    }

    .masterbar-actions{
        gap: 8px;
    }

    .masterbar-action-icon svg,
.masterbar-menu-toggle svg{
        width: 21px;
        height: 21px;
    }
}


/* ==========================================================
   0.4.0 – sticky/compact header + menu kategorii
   ========================================================== */

.masterbar-desktop-categories-toggle{
    display: none;
    place-items: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 1px solid var(--masterbar-border);
    border-radius: 8px;
    background: #fff;
    color: var(--masterbar-header-text);
    cursor: pointer;
}

.masterbar-desktop-categories-toggle:hover,
.masterbar-desktop-categories-toggle:focus{
    border-color: var(--masterbar-primary);
    color: var(--masterbar-primary);
}

































.masterbar-category-child-title{
    display: inline-block;
    margin-bottom: 9px;
    color: var(--masterbar-text);
    font-size: 14px;
    font-weight: 750;
    text-decoration: none;
}







.masterbar-category-child-title:hover{
    color: var(--masterbar-primary);
}

/* Po przewinięciu: zostaje kompaktowy sticky nagłówek z hamburgerem. */
@media (min-width: 921px){
    body.masterbar-is-scrolled .masterbar-header{
        position: sticky;
        top: 0;
        z-index: 60;
        box-shadow: 0 5px 18px rgba(15, 23, 42, .08);
    }

    body.admin-bar.masterbar-is-scrolled .masterbar-header{
        top: 32px;
    }

    body.masterbar-is-scrolled .masterbar-topbar,
body.masterbar-is-scrolled .masterbar-nav{
        display: none;
    }

    body.masterbar-is-scrolled .masterbar-mainbar-inner{
        grid-template-columns: 44px minmax(140px, 200px) minmax(280px, 1fr) auto;
        min-height: 62px;
        gap: 18px;
    }

    body.masterbar-is-scrolled .masterbar-desktop-categories-toggle{
        display: grid;
    }

    body.masterbar-is-scrolled .masterbar-brand .custom-logo{
        max-height: 40px;
    }

    body.masterbar-is-scrolled .masterbar-site-name{
        font-size: 20px;
    }

    

    
}

@media (max-width: 920px){
    .masterbar-desktop-categories-toggle{
        display: none !important;
    }
}

@media (max-width: 782px){
    body.admin-bar.masterbar-is-scrolled .masterbar-header{
        top: 46px;
    }
}


/* ==========================================================
   0.4.1 – mobile: sticky header + hamburger + drawer kategorii
   ========================================================== */

@media (max-width: 920px){

    /* Hamburger musi być zawsze czytelny */
    .masterbar-menu-toggle{
        display: grid !important;
        flex: 0 0 42px;
        width: 42px;
        height: 42px;
        border: 1px solid #d7dbe1 !important;
        border-radius: 8px;
        background: #ffffff !important;
        color: #172033 !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    .masterbar-menu-toggle svg{
        display: block !important;
        width: 22px;
        height: 22px;
        color: #172033 !important;
        stroke: #172033 !important;
        opacity: 1 !important;
    }

    .masterbar-menu-toggle:hover,
.masterbar-menu-toggle:focus{
        border-color: var(--masterbar-primary) !important;
        color: var(--masterbar-primary) !important;
    }

    .masterbar-menu-toggle:hover svg,
.masterbar-menu-toggle:focus svg{
        stroke: currentColor !important;
    }

    /* Na mobile nie pokazujemy już starego rozwijanego menu pod nagłówkiem */
    .masterbar-nav{
        display: none !important;
    }

    /* Nagłówek po przewinięciu zostaje przyklejony */
    body.masterbar-is-scrolled .masterbar-header{
        position: sticky;
        top: 0;
        z-index: 60;
        box-shadow: 0 5px 18px rgba(15, 23, 42, .10);
    }

    body.admin-bar.masterbar-is-scrolled .masterbar-header{
        top: 46px;
    }

    /* Po scrollu chowamy górny pasek, żeby nagłówek był niski */
    body.masterbar-is-scrolled .masterbar-topbar{
        display: none;
    }

    body.masterbar-is-scrolled .masterbar-mainbar-inner{
        min-height: 62px;
        padding-block: 8px;
    }

    body.masterbar-is-scrolled .masterbar-brand .custom-logo{
        max-height: 38px;
    }

    body.masterbar-is-scrolled .masterbar-site-name{
        font-size: 19px;
    }

    /* Drawer kategorii działa również na mobile */
    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    .masterbar-category-child-title{
        margin-bottom: 6px;
        font-size: 14px;
    }

    

    

    /* Blokujemy scroll strony pod otwartym menu */
    body.masterbar-menu-open{
        overflow: hidden;
    }
}

@media (max-width: 520px){
    .masterbar-mainbar-inner{
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .masterbar-search{
        grid-column: 1 / -1;
    }

    .masterbar-actions{
        gap: 7px;
    }

    .masterbar-menu-toggle{
        width: 40px;
        height: 40px;
    }
}


/* ==========================================================
   0.4.5 – stabilny sticky header + pewny hamburger mobile
   ========================================================== */

/* Zawsze rysujemy hamburger CSS-em, niezależnie od SVG/motywu. */
@media (max-width: 920px){
    .masterbar-menu-toggle{
        position: relative !important;
        background-color: #ffffff !important;
        background-image:
            linear-gradient(#172033, #172033),
            linear-gradient(#172033, #172033),
            linear-gradient(#172033, #172033) !important;
        background-repeat: no-repeat !important;
        background-size: 20px 2px, 20px 2px, 20px 2px !important;
        background-position: center calc(50% - 6px), center, center calc(50% + 6px) !important;
    }

    .masterbar-menu-toggle svg{
        opacity: 0 !important;
    }
}

/* Kompaktowy nagłówek na desktopie nie powoduje oscylacji wysokości. */
@media (min-width: 921px){
    body.masterbar-is-scrolled .masterbar-topbar,
body.masterbar-is-scrolled .masterbar-nav{
        display: none !important;
    }
}


/* ==========================================================
   MASTERBAR UI 0.4.5
   Mobile hamburger + touch menu fixes
   ========================================================== */
@media (max-width: 920px){
    .masterbar-menu-toggle{
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 38px !important;
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        padding: 0 !important;
        border: 1px solid #d8dee8 !important;
        border-radius: 8px !important;
        background: #fff !important;
        cursor: pointer !important;
        position: relative !important;
        z-index: 100003 !important;
        -webkit-tap-highlight-color: transparent;
        touch-action: manipulation;
    }

    .masterbar-menu-toggle::before,
.masterbar-menu-toggle::after,
.masterbar-menu-toggle span{
        content: "" !important;
        display: block !important;
        position: absolute !important;
        left: 9px !important;
        width: 18px !important;
        height: 2px !important;
        border-radius: 2px !important;
        background: #172033 !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: none !important;
    }

    .masterbar-menu-toggle::before{ top: 11px !important; }
    .masterbar-menu-toggle span{ top: 17px !important; }
    .masterbar-menu-toggle::after{ top: 23px !important; }

    .masterbar-menu-toggle svg,
.masterbar-menu-toggle img{
        display: none !important;
    }

    .masterbar-mega-menu.is-open,
body.masterbar-menu-open .masterbar-mega-menu{
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }

    body.masterbar-menu-open{
        overflow: hidden !important;
    }
}


/* ==========================================================
   MASTERBAR UI 0.4.5 – hamburger desktop + mobile
   ========================================================== */

.masterbar-desktop-categories-toggle,
.masterbar-menu-toggle{
    position: relative;
}

.masterbar-hamburger-lines{
    position: absolute !important;
    inset: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    pointer-events: none !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.masterbar-hamburger-lines i{
    display: block !important;
    width: 19px !important;
    height: 2px !important;
    min-height: 2px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 2px !important;
    background: #172033 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.masterbar-desktop-categories-toggle > svg,
.masterbar-menu-toggle > svg{
    display: none !important;
}

@media (min-width: 921px){
    body.masterbar-is-scrolled .masterbar-desktop-categories-toggle{
        display: grid !important;
        background: #fff !important;
        color: #172033 !important;
    }
}

@media (max-width: 920px){
    .masterbar-menu-toggle{
        background-image: none !important;
    }

    .masterbar-menu-toggle::before,
.masterbar-menu-toggle::after{
        content: none !important;
        display: none !important;
    }

    .masterbar-menu-toggle > span:not(.masterbar-hamburger-lines):not(.screen-reader-text){
        display: none !important;
    }
}


/* ==========================================================
   MASTERBAR UI 0.4.5
   HOTFIX MOBILE:
   - ukryta warstwa menu nie może blokować kliknięć strony
   - hamburger ma zawsze 3 widoczne kreski
   ========================================================== */

@media (max-width: 920px){

    /* KLUCZOWA POPRAWKA:
       hidden ma naprawdę ukrywać overlay. W 0.4.4 reguła display:block
       mogła zostawiać niewidzialną warstwę nad produktami. */
    

    

    

    

    

    

    /* Hamburger rysowany bezpośrednio jako trzy tła.
       Dzięki temu nie zależy od SVG ani dodatkowych spanów. */
    .masterbar-menu-toggle{
        display: inline-flex !important;
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        padding: 0 !important;
        border: 1px solid #d8dee8 !important;
        border-radius: 8px !important;
        background-color: #ffffff !important;
        background-image:
            linear-gradient(#172033, #172033),
            linear-gradient(#172033, #172033),
            linear-gradient(#172033, #172033) !important;
        background-repeat: no-repeat !important;
        background-size: 19px 2px, 19px 2px, 19px 2px !important;
        background-position:
            center calc(50% - 6px),
            center center,
            center calc(50% + 6px) !important;
        color: #172033 !important;
        opacity: 1 !important;
        visibility: visible !important;
        z-index: 100004 !important;
        cursor: pointer !important;
        touch-action: manipulation;
    }

    .masterbar-menu-toggle > svg,
.masterbar-menu-toggle .masterbar-hamburger-lines,
.masterbar-menu-toggle::before,
.masterbar-menu-toggle::after{
        display: none !important;
        content: none !important;
    }
}

/* ==========================================================
   MASTERBAR UI 0.4.6
   Mobilne menu kategorii: osobny ekran dla każdego poziomu
   ========================================================== */

.masterbar-mobile-category-navigator{
    display: none;
}

@media (max-width: 920px){
    

    /* Stare drzewo kategorii pozostaje tylko dla desktopu. */
    

    .masterbar-mobile-category-navigator{
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
        min-height: 100%;
        overflow: hidden;
        background: #fff;
    }

    

    

    

    .masterbar-mobile-category-back{
        display: inline-flex;
        align-items: center;
        gap: 6px;
        min-height: 30px;
        margin: 0 0 2px;
        padding: 0;
        border: 0;
        background: transparent;
        color: var(--masterbar-muted);
        font-size: 13px;
        font-weight: 650;
        cursor: pointer;
    }

    .masterbar-mobile-category-back:hover,
.masterbar-mobile-category-back:focus{
        color: var(--masterbar-primary);
        background: transparent;
    }

    .masterbar-mobile-category-back-icon{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 18px;
        font-size: 26px;
        font-weight: 400;
        line-height: 1;
        transform: translateY(-1px);
    }

    .masterbar-mobile-category-heading{
        color: var(--masterbar-text);
        font-size: 16px;
        font-weight: 750;
        line-height: 1.25;
    }

    

    .masterbar-mobile-category-scroll{
        flex: 1 1 auto;
        min-height: 0;
        overflow-y: auto;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 24px;
    }

    .masterbar-mobile-category-all{
        display: flex;
        align-items: center;
        min-height: 48px;
        padding: 0 18px;
        border-bottom: 1px solid #eef0f3;
        background: #f7f8fa;
        color: var(--masterbar-primary);
        font-size: 14px;
        font-weight: 700;
        text-decoration: none;
    }

    .masterbar-mobile-category-list{
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .masterbar-mobile-category-list > li{
        margin: 0;
        border-bottom: 1px solid #eef0f3;
    }

    .masterbar-mobile-category-next,
.masterbar-mobile-category-link{
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        width: 100%;
        min-height: 52px;
        margin: 0;
        padding: 0 18px;
        border: 0;
        border-radius: 0;
        background: #fff;
        color: var(--masterbar-text);
        font-size: 15px;
        font-weight: 650;
        line-height: 1.25;
        text-align: left;
        text-decoration: none;
        cursor: pointer;
    }

    .masterbar-mobile-category-next:hover,
.masterbar-mobile-category-next:focus,
.masterbar-mobile-category-link:hover,
.masterbar-mobile-category-link:focus{
        background: #f7f8fa;
        color: var(--masterbar-primary);
    }

    .masterbar-mobile-category-next-icon{
        flex: 0 0 auto;
        color: var(--masterbar-muted);
        font-size: 27px;
        font-weight: 300;
        line-height: 1;
    }
}

@media (min-width: 921px){
    .masterbar-mobile-category-navigator{
        display: none !important;
    }
}

/* ==========================================================
   MASTERBAR UI 0.4.7
   Mobile: X po otwarciu + osobna zakładka Menu dla stron
   ========================================================== */



@media (max-width: 920px){
    /* Hamburger zamienia się w X, więc ten sam przycisk służy do zamknięcia. */
    body.masterbar-menu-open .masterbar-menu-toggle{
        background-color: #ffffff !important;
        background-image:
            linear-gradient(45deg, transparent calc(50% - 1px), #172033 calc(50% - 1px), #172033 calc(50% + 1px), transparent calc(50% + 1px)),
            linear-gradient(-45deg, transparent calc(50% - 1px), #172033 calc(50% - 1px), #172033 calc(50% + 1px), transparent calc(50% + 1px)) !important;
        background-size: 22px 22px, 22px 22px !important;
        background-position: center, center !important;
        background-repeat: no-repeat !important;
    }

    

    

    

    

    

    

    

    

    .masterbar-mobile-pages-heading{
        padding: 18px 18px 12px;
        border-bottom: 1px solid #eef0f3;
        color: var(--masterbar-text);
        font-size: 16px;
        font-weight: 750;
    }

    .masterbar-mobile-pages-list,
.masterbar-mobile-pages-list ul{
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .masterbar-mobile-pages-list > li{
        margin: 0;
        border-bottom: 1px solid #eef0f3;
    }

    .masterbar-mobile-pages-list a{
        display: flex;
        align-items: center;
        min-height: 52px;
        padding: 0 18px;
        color: var(--masterbar-text);
        background: #fff;
        font-size: 15px;
        font-weight: 650;
        text-decoration: none;
    }

    .masterbar-mobile-pages-list a:hover,
.masterbar-mobile-pages-list a:focus,
.masterbar-mobile-pages-list .current-menu-item > a{
        background: #f7f8fa;
        color: var(--masterbar-primary);
    }

    .masterbar-mobile-pages-list .sub-menu{
        border-top: 1px solid #f0f2f5;
        background: #fafbfc;
    }

    .masterbar-mobile-pages-list .sub-menu a{
        min-height: 46px;
        padding-left: 34px;
        background: #fafbfc;
        font-size: 14px;
        font-weight: 600;
    }
}



/* ==========================================================
   MASTERBAR UI 0.4.8
   Desktop na górze strony: menu podkategorii po najechaniu.
   Mobile: czytelniejszy przycisk Wróć.
   ========================================================== */

@media (min-width: 921px){
    

    

    

    

    

    

    .masterbar-top-category-grid{
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 26px 34px;
    }

    .masterbar-top-category-group{
        min-width: 0;
    }

    .masterbar-top-category-group-title{
        display: inline-block;
        margin-bottom: 9px;
        color: var(--masterbar-text);
        font-size: 15px;
        font-weight: 750;
        line-height: 1.3;
        text-decoration: none;
    }

    .masterbar-top-category-group ul{
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .masterbar-top-category-group li + li{
        margin-top: 7px;
    }

    .masterbar-top-category-group li a{
        color: var(--masterbar-muted);
        font-size: 14px;
        line-height: 1.35;
        text-decoration: none;
    }

    .masterbar-top-category-group-title:hover,
.masterbar-top-category-group-title:focus,
.masterbar-top-category-group li a:hover,
.masterbar-top-category-group li a:focus{
        color: var(--masterbar-primary);
    }

    .masterbar-menu > li.is-category-hover > a{
        color: var(--masterbar-nav-hover);
    }

    
}

@media (max-width: 920px){
    

    

    .masterbar-mobile-category-back{
        margin: 0 18px 16px !important;
        padding: 7px 12px !important;
        border: 1px solid var(--masterbar-primary) !important;
        border-radius: 8px !important;
        background: var(--masterbar-primary) !important;
        color: #fff !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        box-shadow: 0 2px 7px rgba(15, 23, 42, .10);
    }

    .masterbar-mobile-category-back:hover,
.masterbar-mobile-category-back:focus{
        filter: brightness(1.06);
        color: #fff !important;
    }

    .masterbar-mobile-category-back-icon{
        color: inherit !important;
        font-size: 27px !important;
        line-height: .7 !important;
    }

    .masterbar-mobile-category-heading{
        margin: 0 18px 16px !important;
    }
}

/* ==========================================================
   MASTERBAR UI 0.4.9 – desktop: konto + czysty pasek kategorii
   ========================================================== */
@media (min-width: 921px){
    .masterbar-desktop-category-menu{
        display: flex;
        align-items: center;
        gap: 26px;
        flex-wrap: nowrap;
        overflow: hidden;
        white-space: nowrap;
    }

    .masterbar-account-menu{
        position: relative;
    }

    

    

    

    .masterbar-account-question{
        display: block;
    }

    

    

    

    .masterbar-account-login{
        background: var(--masterbar-primary) !important;
        color: #fff !important;
        text-align: center;
        font-weight: 700;
    }

    .masterbar-account-question{
        margin: 11px 0 5px;
        color: var(--masterbar-muted);
        text-align: center;
        font-size: 12px;
    }

    .masterbar-account-register{
        border: 1px solid var(--masterbar-border);
        text-align: center;
        font-weight: 700;
    }

    .masterbar-account-logout{
        margin-top: 6px;
        border-top: 1px solid var(--masterbar-border);
    }
}


/* ==========================================================
   MASTERBAR UI 0.4.10 – poprawka panelu konta na mobile
   Panel rozwijany „Moje konto” jest funkcją desktopową.
   Na telefonie nie może zajmować miejsca ani nachodzić na logo.
   ========================================================== */


/* ==========================================================
   MASTERBAR UI 0.4.11 – panel konta mobile + bezpieczne hitboxy
   ========================================================== */



@media (min-width: 921px){
    

    

    .masterbar-account-links{
        margin-top: 10px;
        padding-top: 8px;
        border-top: 1px solid var(--masterbar-border);
    }

    .masterbar-account-links a{
        display: flex !important;
        align-items: center;
        gap: 10px;
    }

    .masterbar-account-links a > span:first-child{
        display: inline-flex;
        flex: 0 0 21px;
        width: 21px;
        height: 21px;
        color: var(--masterbar-text);
    }

    .masterbar-account-links svg{
        width: 21px;
        height: 21px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.7;
        stroke-linecap: round;
        stroke-linejoin: round;
    }
}

@media (max-width: 920px){
    /* Każda ikona nagłówka ma osobne, pełne pole dotykowe. */
    .masterbar-mainbar-inner{
        grid-template-columns: minmax(0, 1fr) auto !important;
        gap: 8px !important;
    }

    .masterbar-brand{
        min-width: 0 !important;
        overflow: hidden;
    }

    .masterbar-actions{
        display: grid !important;
        grid-template-columns: 44px 44px 44px !important;
        align-items: center !important;
        justify-content: end !important;
        gap: 4px !important;
        width: 140px !important;
        min-width: 140px !important;
        position: relative;
        z-index: 65;
    }

    .masterbar-account-menu{
        position: static !important;
        width: 44px !important;
        height: 44px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .masterbar-account-trigger,
.masterbar-cart-link{
        display: grid !important;
        place-items: center !important;
        width: 44px !important;
        min-width: 44px !important;
        height: 44px !important;
        min-height: 44px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 8px !important;
        background: transparent !important;
        position: relative !important;
        z-index: 2 !important;
        cursor: pointer !important;
        touch-action: manipulation;
        -webkit-tap-highlight-color: transparent;
    }

    .masterbar-account-trigger .masterbar-action-icon,
.masterbar-cart-link .masterbar-action-icon{
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        width: 26px !important;
        height: 26px !important;
        pointer-events: none;
    }

    .masterbar-account-trigger svg,
.masterbar-cart-link svg{
        width: 25px !important;
        height: 25px !important;
    }

    .masterbar-cart-count{
        top: -7px !important;
        right: -8px !important;
    }

    .masterbar-menu-toggle{
        width: 44px !important;
        min-width: 44px !important;
        height: 44px !important;
        min-height: 44px !important;
        margin: 0 !important;
        z-index: 2 !important;
    }

    .masterbar-action-label{
        display: none !important;
    }

    

    /* Panel konta wysuwany z prawej – osobny od hamburgera. */
    

    

    

    

    

    

    

    

    

    

    

    

    .masterbar-account-auth{
        padding: 22px 18px 18px;
        border-bottom: 1px solid var(--masterbar-border);
    }

    .masterbar-account-auth .masterbar-account-login,
.masterbar-account-auth .masterbar-account-register{
        display: flex !important;
        align-items: center;
        justify-content: center;
        min-height: 44px;
        padding: 10px 16px !important;
        border-radius: 8px;
        text-decoration: none;
        font-size: 15px;
        font-weight: 750;
    }

    .masterbar-account-auth .masterbar-account-login{
        border: 1px solid var(--masterbar-primary) !important;
        background: var(--masterbar-primary) !important;
        color: #fff !important;
    }

    .masterbar-account-auth .masterbar-account-register{
        border: 1px solid var(--masterbar-border) !important;
        background: #f4f5f7 !important;
        color: var(--masterbar-text) !important;
    }

    .masterbar-account-auth .masterbar-account-question{
        display: flex !important;
        align-items: center;
        gap: 12px;
        margin: 14px 0 10px !important;
        color: var(--masterbar-muted);
        font-size: 13px;
        text-align: center;
    }

    .masterbar-account-auth .masterbar-account-question::before,
.masterbar-account-auth .masterbar-account-question::after{
        content: "";
        flex: 1 1 auto;
        height: 1px;
        background: var(--masterbar-border);
    }

    

    

    

    .masterbar-account-row-icon{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 24px;
        width: 24px;
        height: 24px;
    }

    .masterbar-account-row-icon svg{
        width: 23px;
        height: 23px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.65;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

    

    body.masterbar-account-open{
        overflow: hidden !important;
    }
}

@media (max-width: 520px){
    .masterbar-brand .custom-logo{
        max-width: 128px !important;
        max-height: 42px !important;
    }

    .masterbar-site-name{
        display: inline-block;
        max-width: 128px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 19px !important;
    }
}


/* ==========================================================
   MASTERBAR UI 0.4.12 – mobile touch / warstwy / pierwszy tap
   ========================================================== */
@media (max-width: 920px){
    /* Nagłówek zawsze znajduje się nad treścią strony także PRZED przewinięciem.
       0.4.11 miał bardzo wysoki z-index tylko na hamburgerze, przez co niewidoczna
       warstwa mogła przechwytywać dotyk logo/konta/koszyka. */
    .masterbar-header,
body.masterbar-is-scrolled .masterbar-header,
body.admin-bar.masterbar-is-scrolled .masterbar-header{
        z-index: 100100 !important;
    }

    .masterbar-mainbar,
.masterbar-mainbar-inner,
.masterbar-brand,
.masterbar-actions,
.masterbar-search{
        position: relative;
    }

    .masterbar-mainbar{ z-index: 20; }
    .masterbar-mainbar-inner{ z-index: 21; }
    .masterbar-brand{ z-index: 22; pointer-events: auto !important; }
    .masterbar-brand a,
.masterbar-brand .custom-logo-link,
.masterbar-cart-link,
.masterbar-account-trigger{
        pointer-events: auto !important;
        touch-action: manipulation;
        -webkit-tap-highlight-color: transparent;
    }

    .masterbar-brand a,
.masterbar-brand .custom-logo-link{
        position: relative;
        z-index: 5;
    }

    /* Zamknięte warstwy nigdy nie mogą przechwycić kliknięcia. */
    

    

    /* Kategorie: overlay/drawer są nad stroną, a X (ten sam hamburger) nad drawerem. */
    
    
    body.masterbar-menu-open .masterbar-menu-toggle{
        position: relative !important;
        z-index: 100210 !important;
        pointer-events: auto !important;
    }

    /* Konto: jego panel ma własny X i musi być najwyżej. */
    
    
    
    

    /* Kiedy panel konta jest otwarty, zwykły hamburger nie może leżeć nad nim. */
    body.masterbar-account-open .masterbar-menu-toggle,
body.masterbar-account-open .masterbar-account-trigger,
body.masterbar-account-open .masterbar-cart-link{
        pointer-events: none !important;
    }
}


/* ==========================================================
   MASTERBAR UI 0.4.13 – osobny przycisk X wewnątrz menu mobile
   ========================================================== */


@media (max-width: 920px){
    /* Zamknięcie nie zależy już od hamburgera znajdującego się pod drawerem. */
    

    

    

    /* Zostawiamy miejsce na X, żeby nie nachodził na zakładkę „Menu”. */
    

    /* Hamburger w nagłówku nie musi być dostępny, gdy drawer przykrywa stronę. */
    body.masterbar-menu-open .masterbar-menu-toggle{
        pointer-events: none !important;
    }
}

/* ==========================================================
   0.4.16 – osobne menu informacyjne desktop
   ========================================================== */

.masterbar-desktop-nav-inner{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    min-width: 0;
}

.masterbar-desktop-category-menu{
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
}

.masterbar-desktop-pages-menu{
    flex: 0 0 auto;
    margin-left: auto;
}

.masterbar-desktop-pages-list{
    justify-content: flex-end;
    gap: 22px;
}

.masterbar-desktop-pages-list a{
    font-weight: 650;
}

@media (max-width: 1120px) and (min-width: 921px){
    .masterbar-desktop-nav-inner{
        gap: 18px;
    }

    .masterbar-desktop-category-menu{
        gap: 18px;
    }

    .masterbar-desktop-pages-list{
        gap: 16px;
    }

    .masterbar-menu a{
        font-size: 13px;
    }
}

@media (max-width: 920px){
    .masterbar-desktop-pages-menu{
        display: none;
    }
}

/* 0.5.46 – na sklepie, archiwach kategorii i stronie produktu nie dublujemy kategorii w poziomym pasku. */
@media (min-width: 921px){
    .masterbar-nav--compact-menu .masterbar-desktop-category-menu{
        display: none;
    }

    .masterbar-nav--compact-menu .masterbar-desktop-nav-inner{
        justify-content: flex-end;
    }
}


/* ==========================================================
   0.4.17 – prawe menu desktop jako kompaktowe mega menu
   ========================================================== */
@media (min-width: 921px){
    .masterbar-desktop-pages-menu{ position: relative; z-index: 120; }
    .masterbar-desktop-pages-list{ display: block; margin: 0; padding: 0; list-style: none; }
    .masterbar-desktop-pages-list > li{ position: relative; margin: 0; }
    .masterbar-desktop-pages-list > li > a{
        display: inline-flex; align-items: center; gap: 8px; min-height: 42px;
        padding: 0 14px; border-radius: 8px; font-weight: 700; text-decoration: none;
        white-space: nowrap; cursor: pointer;
    }
    .masterbar-desktop-pages-list > li.menu-item-has-children > a::before{
        content: "☰"; font-size: 15px; line-height: 1;
    }
    .masterbar-desktop-pages-list > li.menu-item-has-children > a::after{
        content: "⌄"; font-size: 15px; line-height: 1; margin-left: 2px;
    }
    .masterbar-desktop-pages-list .sub-menu{
        position: absolute; top: calc(100% + 7px); right: 0; left: auto;
        display: none; width: 280px; margin: 0; padding: 10px;
        list-style: none; background: #fff; border: 1px solid rgba(15,35,60,.12);
        border-radius: 12px; box-shadow: 0 14px 38px rgba(15,35,60,.16);
    }
    .masterbar-desktop-pages-list > li.is-open > .sub-menu,
.masterbar-desktop-pages-list > li:hover > .sub-menu,
.masterbar-desktop-pages-list > li:focus-within > .sub-menu{ display: block; }
    .masterbar-desktop-pages-list .sub-menu li{ margin: 0; }
    .masterbar-desktop-pages-list .sub-menu a{
        display: block; padding: 11px 12px; border-radius: 8px;
        font-weight: 600; text-decoration: none; white-space: normal;
    }
    .masterbar-desktop-pages-list .sub-menu a:hover,
.masterbar-desktop-pages-list .sub-menu a:focus{ background: #f4f7fa; }
}

/* ==========================================================
   MASTERBAR UI 0.4.21
   Bezpieczny sticky drawer na desktopie
   - baza: stabilna 0.4.17
   - po scrollu hamburger używa tego samego widoku Kategorie/Menu co mobile
   - zamknięty overlay/drawer nigdy nie przechwytuje kliknięć
   ========================================================== */

@media (min-width: 921px){
    /* Twarda blokada niewidzialnych warstw. */
    

    

    

    /* Nowy drawer dotyczy tylko kompaktowego nagłówka po scrollu. */
    

    

    

    

    

    /* Stare desktopowe drzewo chowamy tylko w sticky drawerze. */
    

    

    

    

    

    

    body.masterbar-is-scrolled .masterbar-mobile-category-navigator{
        position: relative !important;
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 100% !important;
        overflow: hidden !important;
        background: #fff !important;
    }

    

    

    

    

    body.masterbar-is-scrolled .masterbar-mobile-category-back{
        display: inline-flex !important;
        align-items: center !important;
        gap: 6px !important;
        min-height: 30px !important;
        margin: 0 0 4px !important;
        padding: 5px 10px !important;
        border: 0 !important;
        border-radius: 7px !important;
        background: var(--masterbar-primary) !important;
        color: #fff !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        cursor: pointer !important;
    }

    body.masterbar-is-scrolled .masterbar-mobile-category-heading{
        color: var(--masterbar-text) !important;
        font-size: 16px !important;
        font-weight: 750 !important;
        line-height: 1.25 !important;
    }

    body.masterbar-is-scrolled .masterbar-mobile-category-scroll{
        flex: 1 1 auto !important;
        min-height: 0 !important;
        overflow-y: auto !important;
        overscroll-behavior: contain !important;
        padding-bottom: 24px !important;
    }

    body.masterbar-is-scrolled .masterbar-mobile-category-all{
        display: flex !important;
        align-items: center !important;
        min-height: 48px !important;
        padding: 0 18px !important;
        border-bottom: 1px solid #eef0f3 !important;
        background: #f7f8fa !important;
        color: var(--masterbar-primary) !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        text-decoration: none !important;
    }

    body.masterbar-is-scrolled .masterbar-mobile-category-list{
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }

    body.masterbar-is-scrolled .masterbar-mobile-category-list > li{
        margin: 0 !important;
        border-bottom: 1px solid #eef0f3 !important;
    }

    body.masterbar-is-scrolled .masterbar-mobile-category-next,
body.masterbar-is-scrolled .masterbar-mobile-category-link{
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 16px !important;
        width: 100% !important;
        min-height: 52px !important;
        margin: 0 !important;
        padding: 0 18px !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: #fff !important;
        color: var(--masterbar-text) !important;
        font-size: 15px !important;
        font-weight: 650 !important;
        text-align: left !important;
        text-decoration: none !important;
        cursor: pointer !important;
    }

    

    
}

/* ==========================================================
   MASTERBAR UI 0.4.27 – menu hamburgera desktop
   - desktop po scrollu korzysta z lokalizacji MASTERBAR – menu desktop
   - wygląd listy jest spójny z nawigacją kategorii
   - mobile nadal korzysta z MASTERBAR – menu główne
   ========================================================== */
.masterbar-pages-menu-desktop{ display: none; }

@media (min-width: 921px){
    body.masterbar-is-scrolled .masterbar-pages-menu-mobile{ display: none !important; }
    body.masterbar-is-scrolled .masterbar-pages-menu-desktop{
        display: block !important;
        height: 100% !important;
        overflow-y: auto !important;
        overscroll-behavior: contain !important;
        background: #fff !important;
    }
    body.masterbar-is-scrolled .masterbar-mobile-pages-heading{
        display: flex !important;
        align-items: center !important;
        min-height: 58px !important;
        margin: 0 !important;
        padding: 14px 18px !important;
        border-bottom: 1px solid #eef0f3 !important;
        color: var(--masterbar-text) !important;
        background: #fff !important;
        font-size: 16px !important;
        font-weight: 750 !important;
    }
    body.masterbar-is-scrolled .masterbar-mobile-pages-list,
body.masterbar-is-scrolled .masterbar-mobile-pages-list ul{
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }
    body.masterbar-is-scrolled .masterbar-mobile-pages-list > li{
        margin: 0 !important;
        padding: 0 !important;
        border-bottom: 1px solid #eef0f3 !important;
        list-style: none !important;
    }
    body.masterbar-is-scrolled .masterbar-mobile-pages-list a{
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        min-height: 52px !important;
        margin: 0 !important;
        padding: 0 18px !important;
        background: #fff !important;
        color: var(--masterbar-text) !important;
        font-size: 15px !important;
        font-weight: 650 !important;
        line-height: 1.3 !important;
        text-decoration: none !important;
    }
    body.masterbar-is-scrolled .masterbar-mobile-pages-list a:hover,
body.masterbar-is-scrolled .masterbar-mobile-pages-list a:focus,
body.masterbar-is-scrolled .masterbar-mobile-pages-list .current-menu-item > a{
        background: #f7f8fa !important;
        color: var(--masterbar-primary) !important;
    }
    body.masterbar-is-scrolled .masterbar-mobile-pages-list .sub-menu{
        margin: 0 !important;
        padding: 0 !important;
        border-top: 1px solid #f0f2f5 !important;
        background: #fafbfc !important;
    }
    body.masterbar-is-scrolled .masterbar-mobile-pages-list .sub-menu li{
        margin: 0 !important;
        border-bottom: 1px solid #f0f2f5 !important;
    }
    body.masterbar-is-scrolled .masterbar-mobile-pages-list .sub-menu a{
        min-height: 46px !important;
        padding-left: 34px !important;
        background: #fafbfc !important;
        font-size: 14px !important;
        font-weight: 600 !important;
    }
    body.masterbar-is-scrolled .masterbar-menu-empty{
        padding: 18px !important;
        color: #667085 !important;
        font-size: 14px !important;
        list-style: none !important;
    }
}


/* ==========================================================
   MASTERBAR UI 0.4.29 — PORZĄDEK ETYKIET W DRAWERZE
   - zakładki Kategorie / Menu są jedynymi nagłówkami poziomu głównego
   - bez powtórzenia "Kategorie" i "Menu" pod zakładkami
   ========================================================== */
@media (min-width: 769px){
    

    body.masterbar-is-scrolled .masterbar-pages-menu-desktop > .masterbar-mobile-pages-heading{
        display: none !important;
    }
}


/* ==========================================================
   MASTERBAR UI 0.5.7 – inteligentne chowanie nagłówka na mobile
   ========================================================== */
@media (max-width: 920px){
    body.masterbar-is-scrolled .masterbar-header{
        transition: transform .22s ease, box-shadow .22s ease;
        will-change: transform;
    }

    body.masterbar-is-scrolled.masterbar-header-hidden .masterbar-header{
        transform: translateY(calc(-100% - 2px));
        box-shadow: none;
        pointer-events: none;
    }

    body.masterbar-menu-open .masterbar-header,
body.masterbar-account-open .masterbar-header{
        transform: translateY(0) !important;
        pointer-events: auto !important;
    }
}

/* ==========================================================
   MASTERBAR UI 0.5.8 – FIX PANELU KONTA NA MOBILE
   Smart Header używa transform na .masterbar-header. Transform na rodzicu
   zmienia układ position:fixed potomków w Safari/iOS i potrafi przyciąć
   drawer konta do wysokości nagłówka. Przy otwartym koncie wyłączamy
   transform całkowicie, dzięki czemu drawer znów liczy się do viewportu.
   ========================================================== */
@media (max-width: 920px){
    body.masterbar-account-open .masterbar-header{
        transform: none !important;
        will-change: auto !important;
    }

    

    

    
}


/* ==========================================================
   MASTERBAR UI 0.5.10 – MOBILE FULL DRAWER + NATURAL SCROLL
   ========================================================== */
@media (max-width: 920px){
    body.masterbar-menu-open .masterbar-header{
        transform: none !important;
        will-change: auto !important;
    }

    

    

    

    

    

    

    

    body.masterbar-menu-open .masterbar-mobile-category-navigator{
        position: relative !important;
        height: auto !important;
        min-height: 0 !important;
        overflow: visible !important;
    }

    

    

    

    

    body.masterbar-menu-open .masterbar-mobile-category-scroll{
        flex: 0 0 auto !important;
        min-height: 0 !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        overscroll-behavior: auto !important;
        -webkit-overflow-scrolling: auto !important;
        padding-bottom: 28px !important;
    }

    
}

/* ==========================================================
   MASTERBAR UI 0.5.11 – iOS: jeden natywny scroll wewnątrz draweru
   + zachowanie ostatniego poziomu kategorii obsługiwane w header.js
   ========================================================== */
@media (max-width: 920px){
    

    

    

    

    body.masterbar-menu-open .masterbar-mobile-category-navigator{
        position: relative !important;
        flex: 1 1 auto !important;
        height: 100% !important;
        min-height: 0 !important;
        overflow: hidden !important;
        touch-action: pan-y;
    }

    

    

    body.masterbar-menu-open .masterbar-mobile-category-scroll{
        flex: 1 1 auto !important;
        min-height: 0 !important;
        height: auto !important;
        max-height: none !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        overscroll-behavior-y: contain !important;
        touch-action: pan-y !important;
        padding-bottom: max(28px, env(safe-area-inset-bottom)) !important;
    }

    body.masterbar-menu-open .masterbar-mobile-category-next,
body.masterbar-menu-open .masterbar-mobile-category-link,
body.masterbar-menu-open .masterbar-mobile-category-all,
body.masterbar-menu-open .masterbar-mobile-category-back{
        touch-action: pan-y !important;
    }

    
}

/* ==========================================================
   MASTERBAR UI 0.5.15 – mobile header balance
   Hamburger po lewej, logo dokładnie na środku ekranu,
   konto + koszyk po prawej. Wyszukiwarka w osobnym rzędzie.
   ========================================================== */
@media (max-width: 920px){
    .masterbar-mainbar-inner{
        position: relative !important;
        display: grid !important;
        grid-template-columns: 92px minmax(0, 1fr) 92px !important;
        grid-template-rows: 54px auto !important;
        align-items: center !important;
        gap: 8px 0 !important;
        min-height: 0 !important;
        padding-block: 8px 10px !important;
    }
    .masterbar-brand{
        grid-column: 2 !important;
        grid-row: 1 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-width: 0 !important;
        overflow: visible !important;
        z-index: 23 !important;
    }
    .masterbar-brand .custom-logo-link{
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        max-width: 100% !important;
    }
    .masterbar-brand .custom-logo{
        width: auto !important;
        max-width: min(155px, 38vw) !important;
        max-height: 46px !important;
        object-fit: contain !important;
    }
    .masterbar-actions{
        grid-column: 1 / -1 !important;
        grid-row: 1 !important;
        display: grid !important;
        grid-template-columns: 44px 1fr 44px 44px !important;
        align-items: center !important;
        width: 100% !important;
        min-width: 0 !important;
        gap: 2px !important;
        pointer-events: none !important;
        z-index: 24 !important;
    }
    .masterbar-actions > *{ pointer-events: auto !important; }
    .masterbar-menu-toggle{
        grid-column: 1 !important;
        grid-row: 1 !important;
        justify-self: start !important;
        margin: 0 !important;
    }
    .masterbar-account-menu{
        grid-column: 3 !important;
        grid-row: 1 !important;
        justify-self: end !important;
    }
    .masterbar-cart-link{
        grid-column: 4 !important;
        grid-row: 1 !important;
        justify-self: end !important;
    }
    .masterbar-search{
        grid-column: 1 / -1 !important;
        grid-row: 2 !important;
        width: 100% !important;
        margin-top: 2px !important;
    }
    body.masterbar-is-scrolled .masterbar-mainbar-inner{
        grid-template-columns: 92px minmax(0, 1fr) 92px !important;
        grid-template-rows: 48px auto !important;
        padding-block: 6px 8px !important;
    }
    body.masterbar-is-scrolled .masterbar-brand .custom-logo{ max-height: 40px !important; }
}
@media (max-width: 390px){
    .masterbar-mainbar-inner,
body.masterbar-is-scrolled .masterbar-mainbar-inner{
        grid-template-columns: 86px minmax(0, 1fr) 86px !important;
    }
    .masterbar-brand .custom-logo{ max-width: min(138px, 36vw) !important; }
}


/* ==========================================================
   MASTERBAR UI 0.5.21 – Ulubione w nagłówku
   ========================================================== */
.masterbar-favorites-link .masterbar-action-icon{
    position: relative;
}

.masterbar-favorites-count{
    position: absolute;
    top: -9px;
    right: -10px;
    display: grid;
    place-items: center;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border: 2px solid var(--masterbar-header-bg);
    border-radius: 99px;
    background: #d92d4b;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
}

.masterbar-favorites-count.is-empty{
    display: none;
}

.masterbar-favorites-link:hover svg,
.masterbar-favorites-link:focus svg{
    color: #d92d4b;
}

@media (max-width: 920px){
    .masterbar-mainbar-inner,
body.masterbar-is-scrolled .masterbar-mainbar-inner{
        grid-template-columns: 132px minmax(0, 1fr) 132px !important;
    }

    .masterbar-actions{
        grid-template-columns: 44px 1fr 44px 44px 44px !important;
    }

    .masterbar-favorites-link{
        grid-column: 3 !important;
        grid-row: 1 !important;
        justify-self: end !important;
    }

    .masterbar-account-menu{
        grid-column: 4 !important;
        grid-row: 1 !important;
    }

    .masterbar-cart-link{
        grid-column: 5 !important;
        grid-row: 1 !important;
    }

    .masterbar-favorites-link,
.masterbar-account-trigger,
.masterbar-cart-link{
        display: grid !important;
        place-items: center !important;
        width: 44px !important;
        min-width: 44px !important;
        height: 44px !important;
        min-height: 44px !important;
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 8px !important;
        background: transparent !important;
    }

    .masterbar-favorites-link .masterbar-action-icon{
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        width: 26px !important;
        height: 26px !important;
    }

    .masterbar-favorites-link svg{
        width: 25px !important;
        height: 25px !important;
    }

    .masterbar-favorites-count{
        top: -7px !important;
        right: -8px !important;
    }
}

@media (max-width: 390px){
    .masterbar-mainbar-inner,
body.masterbar-is-scrolled .masterbar-mainbar-inner{
        grid-template-columns: 124px minmax(0, 1fr) 124px !important;
    }
    .masterbar-brand .custom-logo{
        max-width: min(126px, 32vw) !important;
    }
}

/* 0.5.21 – Sewing brand polish (preserved from Sewing branch) */
@media (min-width:921px){
.masterbar-mainbar-inner{grid-template-columns:minmax(220px,270px) minmax(360px,1fr) auto;gap:34px;min-height:96px}
.masterbar-brand .custom-logo{max-width:250px;max-height:70px}
.masterbar-search{height:48px;border-radius:10px;box-shadow:0 1px 2px rgba(15,23,42,.03)}
.masterbar-search button{height:48px}.masterbar-actions{gap:22px}}
.masterbar-mainbar{box-shadow:0 1px 0 rgba(15,23,42,.035)}
.masterbar-topbar p{font-weight:600;letter-spacing:.01em}
.masterbar-brand .custom-logo-link{transition:opacity .18s ease,transform .18s ease}
.masterbar-brand .custom-logo-link:hover{opacity:.92;transform:translateY(-1px)}
@media (max-width:920px){.masterbar-brand .custom-logo{max-width:150px;max-height:48px}}


/* ==========================================================
   0.5.29 – integracja z MASTERBAR Catalog Sidebar
   Na desktopowym katalogu nawigację kategorii przejmuje sidebar.
   Drawer/hamburger pozostaje bez zmian na mobile i poza katalogiem.
   ========================================================== */
@media (min-width: 922px){
    body.masterbar-catalog-sidebar-integration .masterbar-desktop-categories-toggle,
body.masterbar-catalog-sidebar-integration .masterbar-menu-toggle{
        display: none !important;
    }

    

    body.masterbar-catalog-sidebar-integration.masterbar-menu-open{
        overflow: auto !important;
        padding-right: 0 !important;
    }
}


/* 0.5.30 – katalog + osobny MASTERBAR Catalog Sidebar:
   nie pokazuj starego desktopowego mega-menu kategorii. */



/* ==========================================================
   0.5.31 – desktop catalog sticky header search alignment
   Po wyłączeniu hamburgera katalogowego wyszukiwarka ma pozostać
   wycentrowana i nie może nachodzić na logo/nazwę sklepu.
   ========================================================== */
@media (min-width: 922px){
    body.masterbar-catalog-sidebar-integration.masterbar-is-scrolled .masterbar-mainbar-inner{
        grid-template-columns: minmax(190px, 1fr) minmax(460px, 760px) minmax(300px, 1fr) !important;
        gap: 24px !important;
        align-items: center !important;
    }

    body.masterbar-catalog-sidebar-integration.masterbar-is-scrolled .masterbar-brand{
        grid-column: 1 !important;
        min-width: 0 !important;
        justify-self: start !important;
        overflow: hidden !important;
    }

    body.masterbar-catalog-sidebar-integration.masterbar-is-scrolled .masterbar-site-name{
        display: block !important;
        max-width: 100% !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    body.masterbar-catalog-sidebar-integration.masterbar-is-scrolled .masterbar-brand .custom-logo-link{
        max-width: 100% !important;
    }

    body.masterbar-catalog-sidebar-integration.masterbar-is-scrolled .masterbar-brand .custom-logo{
        max-width: 190px !important;
        max-height: 40px !important;
        object-fit: contain !important;
    }

    body.masterbar-catalog-sidebar-integration.masterbar-is-scrolled .masterbar-search{
        grid-column: 2 !important;
        width: 100% !important;
        max-width: 760px !important;
        min-width: 0 !important;
        margin-inline: auto !important;
        justify-self: center !important;
    }

    body.masterbar-catalog-sidebar-integration.masterbar-is-scrolled .masterbar-actions{
        grid-column: 3 !important;
        justify-self: end !important;
        min-width: max-content !important;
    }
}

@media (min-width: 922px) and (max-width: 1180px){
    body.masterbar-catalog-sidebar-integration.masterbar-is-scrolled .masterbar-mainbar-inner{
        grid-template-columns: minmax(150px, 190px) minmax(360px, 1fr) auto !important;
        gap: 16px !important;
    }
    body.masterbar-catalog-sidebar-integration.masterbar-is-scrolled .masterbar-action-label{
        display: none !important;
    }
}


/* ==========================================================
   0.5.32 – finalny układ sticky headera na katalogu desktop
   Logo ma własną stałą kolumnę, wyszukiwarka elastyczny środek,
   akcje osobną prawą kolumnę. Brak nakładania i łamania logo.
   ========================================================== */
@media (min-width: 922px){
    body.masterbar-catalog-sidebar-integration.masterbar-is-scrolled .masterbar-mainbar-inner{
        display: grid !important;
        grid-template-columns: 220px minmax(360px, 1fr) max-content !important;
        column-gap: 28px !important;
        align-items: center !important;
        min-height: 62px !important;
    }

    body.masterbar-catalog-sidebar-integration.masterbar-is-scrolled .masterbar-desktop-categories-toggle,
body.masterbar-catalog-sidebar-integration.masterbar-is-scrolled .masterbar-menu-toggle{
        display: none !important;
    }

    body.masterbar-catalog-sidebar-integration.masterbar-is-scrolled .masterbar-brand{
        grid-column: 1 !important;
        width: 220px !important;
        min-width: 220px !important;
        max-width: 220px !important;
        overflow: visible !important;
        justify-self: start !important;
    }

    body.masterbar-catalog-sidebar-integration.masterbar-is-scrolled .masterbar-site-name{
        display: block !important;
        width: max-content !important;
        max-width: 220px !important;
        white-space: nowrap !important;
        overflow: visible !important;
        text-overflow: clip !important;
        font-size: 20px !important;
        line-height: 1.1 !important;
    }

    body.masterbar-catalog-sidebar-integration.masterbar-is-scrolled .masterbar-brand .custom-logo-link{
        display: inline-flex !important;
        width: auto !important;
        max-width: 220px !important;
        align-items: center !important;
    }

    body.masterbar-catalog-sidebar-integration.masterbar-is-scrolled .masterbar-brand .custom-logo{
        width: auto !important;
        max-width: 210px !important;
        max-height: 40px !important;
        object-fit: contain !important;
    }

    body.masterbar-catalog-sidebar-integration.masterbar-is-scrolled .masterbar-search{
        grid-column: 2 !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 0 !important;
        justify-self: stretch !important;
    }

    body.masterbar-catalog-sidebar-integration.masterbar-is-scrolled .masterbar-actions{
        grid-column: 3 !important;
        justify-self: end !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        white-space: nowrap !important;
    }
}

@media (min-width: 922px) and (max-width: 1280px){
    body.masterbar-catalog-sidebar-integration.masterbar-is-scrolled .masterbar-mainbar-inner{
        grid-template-columns: 190px minmax(300px, 1fr) max-content !important;
        column-gap: 18px !important;
    }

    body.masterbar-catalog-sidebar-integration.masterbar-is-scrolled .masterbar-brand{
        width: 190px !important;
        min-width: 190px !important;
        max-width: 190px !important;
    }

    body.masterbar-catalog-sidebar-integration.masterbar-is-scrolled .masterbar-site-name{
        max-width: 190px !important;
        font-size: 19px !important;
    }

    body.masterbar-catalog-sidebar-integration.masterbar-is-scrolled .masterbar-action-label{
        display: none !important;
    }

    body.masterbar-catalog-sidebar-integration.masterbar-is-scrolled .masterbar-actions{
        gap: 12px !important;
    }
}


/* ==========================================================
   MASTERBAR UI 0.5.45 – integracja MASTERBAR Menu 0.1.4
   Gdy aktywna jest osobna wtyczka Menu, prawy przycisk nie ma
   własnego dropdownu w motywie. Otwiera wspólny duży drawer.
   ========================================================== */
@media (min-width: 921px){
    .masterbar-unified-pages-trigger > .sub-menu{ display: none !important; }
    .masterbar-unified-pages-trigger > a{ cursor: pointer; }
}


/* ==========================================================
   MASTERBAR UI 0.5.47 – jedna nawigacja kategorii desktop
   - pasek kategorii jest widoczny również w sklepie i na produkcie
   - usunięte dublujące prawe „Menu”
   - po scrollu zostaje kompaktowy przycisk kategorii
   ========================================================== */
@media (min-width: 921px){
    .masterbar-nav--compact-menu .masterbar-desktop-category-menu{ display: flex !important; }
    .masterbar-nav--compact-menu .masterbar-desktop-nav-inner{ justify-content: space-between !important; }
    .masterbar-desktop-pages-menu{ display: none !important; }
}

/* ==========================================================
   MASTERBAR UI 0.5.48 – desktop bez starego hamburger draweru
   - desktop: wycofany stary przycisk, który po scrollu otwierał
     mobilny/boczny drawer i kolidował z MASTERBAR Menu
   - sticky desktop zachowuje logo, wyszukiwarkę i akcje bez
     rezerwowania pustej kolumny na hamburger
   - mobile <= 920 px pozostaje bez zmian
   ========================================================== */
@media (min-width: 921px){
    .masterbar-desktop-categories-toggle,
body.masterbar-is-scrolled .masterbar-desktop-categories-toggle{
        display: none !important;
    }

    body.masterbar-is-scrolled .masterbar-mainbar-inner,
body.masterbar-catalog-sidebar-integration.masterbar-is-scrolled .masterbar-mainbar-inner{
        grid-template-columns: minmax(140px, 200px) minmax(280px, 1fr) auto !important;
    }

    /* Nie pozwalamy legacy UI wymuszać bocznego układu draweru tylko dlatego,
       że nagłówek jest w stanie scrolled. Sam panel może nadal być użyty przez
       MASTERBAR Menu jako pełne menu desktopowe. */
    

    
}

/* ==========================================================
   MASTERBAR UI 0.5.50 – sticky Kategorie na produkcie FIX
   - naprawa 0.5.49: poprzedni blok CSS został zapisany z literalnym "\n"
     i przeglądarka nie interpretowała go jako reguł CSS
   - tylko desktop >= 921 px i tylko pojedynczy produkt
   - po scrollu pokazujemy kompaktowy przycisk „Kategorie”
   - mobile pozostaje bez zmian
   ========================================================== */
@media (min-width: 921px){
    .masterbar-desktop-categories-label{
        display: none;
    }

    body.single-product.masterbar-is-scrolled .masterbar-desktop-categories-toggle{
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        gap: 8px;
        width: auto !important;
        min-width: 112px;
        height: 42px;
        padding: 0 14px !important;
        margin: 0 !important;
        border: 1px solid var(--masterbar-border, #e5e7eb);
        border-radius: var(--masterbar-radius, 6px);
        background: #fff;
        color: var(--masterbar-text, #111827);
        cursor: pointer;
        white-space: nowrap;
        grid-column: 1 !important;
    }

    body.single-product.masterbar-is-scrolled .masterbar-desktop-categories-toggle svg{
        display: block !important;
        width: 20px;
        height: 20px;
        flex: 0 0 20px;
    }

    body.single-product.masterbar-is-scrolled .masterbar-desktop-categories-toggle .masterbar-hamburger-lines{
        display: none !important;
    }

    body.single-product.masterbar-is-scrolled .masterbar-desktop-categories-label{
        display: inline !important;
        font-size: 14px;
        line-height: 1;
        font-weight: 700;
    }

    body.single-product.masterbar-is-scrolled .masterbar-mainbar-inner{
        grid-template-columns: max-content minmax(120px, 180px) minmax(280px, 1fr) auto !important;
        gap: 14px !important;
        align-items: center !important;
    }

    body.single-product.masterbar-is-scrolled .masterbar-brand{
        grid-column: 2 !important;
    }

    body.single-product.masterbar-is-scrolled .masterbar-search{
        grid-column: 3 !important;
    }

    body.single-product.masterbar-is-scrolled .masterbar-actions{
        grid-column: 4 !important;
    }
}

/* ==========================================================
   MASTERBAR UI 0.5.51 – product sticky: Kategorie zamiast logo
   - tylko desktop >= 921 px i tylko pojedynczy produkt
   - po scrollu logo znika, aby oddać miejsce przyciskowi Kategorie
   - mobile pozostaje bez zmian
   ========================================================== */
@media (min-width: 921px){
    body.single-product.masterbar-is-scrolled .masterbar-mainbar-inner{
        grid-template-columns: max-content minmax(360px, 1fr) auto !important;
        gap: 14px !important;
        align-items: center !important;
    }

    body.single-product.masterbar-is-scrolled .masterbar-brand{
        display: none !important;
    }

    body.single-product.masterbar-is-scrolled .masterbar-desktop-categories-toggle{
        grid-column: 1 !important;
        min-width: 118px !important;
    }

    body.single-product.masterbar-is-scrolled .masterbar-search{
        grid-column: 2 !important;
    }

    body.single-product.masterbar-is-scrolled .masterbar-actions{
        grid-column: 3 !important;
    }
}


/* ==========================================================
   MASTERBAR UI 0.5.52 – desktop navigation cleanup
   - sklep / archiwa: ukrywamy powtarzający pasek kategorii, bo katalog ma sidebar
   - przywracamy krótkie linki informacyjne (Blog / Kontakt / O nas) jako zwykłe menu
   - sticky produkt: przycisk Kategorie dopasowany do nagłówka
   - mobile <= 920 px bez zmian
   ========================================================== */
@media (min-width: 921px){
    /* Krótkie menu informacyjne – bez dropdownu i bez osobnego dużego panelu. */
    .masterbar-desktop-pages-menu.masterbar-desktop-pages-menu--simple{
        display: flex !important;
        align-items: center;
        justify-content: flex-end;
        flex: 0 0 auto;
        margin-left: auto;
    }

    .masterbar-desktop-pages-menu--simple .masterbar-mobile-pages-list,
.masterbar-desktop-pages-menu--simple .masterbar-desktop-pages-list{
        display: flex !important;
        align-items: center;
        gap: 24px;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }

    .masterbar-desktop-pages-menu--simple li{
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }

    .masterbar-desktop-pages-menu--simple a{
        display: inline-flex;
        align-items: center;
        min-height: 44px;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        color: var(--masterbar-text, #111827) !important;
        font-size: 14px;
        line-height: 1.2;
        font-weight: 600;
        text-decoration: none !important;
        white-space: nowrap;
    }

    .masterbar-desktop-pages-menu--simple a:hover,
.masterbar-desktop-pages-menu--simple a:focus{
        color: var(--masterbar-primary, #123456) !important;
    }

    /* W katalogu drzewo kategorii jest już w sticky sidebarze – nie dublujemy go w headerze. */
    body.masterbar-shop-archive .masterbar-desktop-category-menu{
        display: none !important;
    }

    body.masterbar-shop-archive .masterbar-desktop-nav-inner{
        justify-content: flex-end !important;
        min-height: 48px;
    }

    /* Sticky przycisk Kategorie na produkcie – wizualnie spójny z głównymi akcjami. */
    body.single-product.masterbar-is-scrolled .masterbar-desktop-categories-toggle{
        min-width: 124px !important;
        height: 46px !important;
        padding: 0 16px !important;
        border: 1px solid var(--masterbar-primary, #123456) !important;
        border-radius: 8px !important;
        background: var(--masterbar-primary, #123456) !important;
        color: #fff !important;
        box-shadow: none !important;
        font-weight: 700 !important;
    }

    body.single-product.masterbar-is-scrolled .masterbar-desktop-categories-toggle svg{
        stroke: currentColor !important;
    }

    body.single-product.masterbar-is-scrolled .masterbar-desktop-categories-toggle:hover,
body.single-product.masterbar-is-scrolled .masterbar-desktop-categories-toggle:focus{
        filter: brightness(.96);
        color: #fff !important;
    }
}


/* ==========================================================
   MASTERBAR UI 0.5.53 – homepage sticky Kategorie
   - desktop: po scrollu strony głównej pokazujemy ten sam przycisk
     Kategorie co na stronie produktu
   - logo znika w sticky, aby oddać miejsce nawigacji
   - katalog/archiwa pozostają bez przycisku (mają sidebar)
   - mobile <= 920 px pozostaje bez zmian
   ========================================================== */
@media (min-width: 921px){
    body.home.masterbar-is-scrolled .masterbar-mainbar-inner,
body.front-page.masterbar-is-scrolled .masterbar-mainbar-inner{
        grid-template-columns: max-content minmax(360px, 1fr) auto !important;
        gap: 14px !important;
        align-items: center !important;
    }

    body.home.masterbar-is-scrolled .masterbar-brand,
body.front-page.masterbar-is-scrolled .masterbar-brand{
        display: none !important;
    }

    body.home.masterbar-is-scrolled .masterbar-desktop-categories-toggle,
body.front-page.masterbar-is-scrolled .masterbar-desktop-categories-toggle{
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        grid-column: 1 !important;
        width: auto !important;
        min-width: 124px !important;
        height: 46px !important;
        padding: 0 16px !important;
        margin: 0 !important;
        border: 1px solid var(--masterbar-primary, #123456) !important;
        border-radius: 8px !important;
        background: var(--masterbar-primary, #123456) !important;
        color: #fff !important;
        box-shadow: none !important;
        font-weight: 700 !important;
        white-space: nowrap !important;
    }

    body.home.masterbar-is-scrolled .masterbar-desktop-categories-toggle > svg,
body.front-page.masterbar-is-scrolled .masterbar-desktop-categories-toggle > svg{
        display: block !important;
        width: 20px !important;
        height: 20px !important;
        flex: 0 0 20px !important;
        stroke: currentColor !important;
    }

    body.home.masterbar-is-scrolled .masterbar-desktop-categories-toggle .masterbar-hamburger-lines,
body.front-page.masterbar-is-scrolled .masterbar-desktop-categories-toggle .masterbar-hamburger-lines{
        display: none !important;
    }

    body.home.masterbar-is-scrolled .masterbar-desktop-categories-label,
body.front-page.masterbar-is-scrolled .masterbar-desktop-categories-label{
        display: inline !important;
        font-size: 14px !important;
        line-height: 1 !important;
        font-weight: 700 !important;
    }

    body.home.masterbar-is-scrolled .masterbar-search,
body.front-page.masterbar-is-scrolled .masterbar-search{ grid-column: 2 !important; }

    body.home.masterbar-is-scrolled .masterbar-actions,
body.front-page.masterbar-is-scrolled .masterbar-actions{ grid-column: 3 !important; }

    body.home.masterbar-is-scrolled .masterbar-desktop-categories-toggle:hover,
body.home.masterbar-is-scrolled .masterbar-desktop-categories-toggle:focus,
body.front-page.masterbar-is-scrolled .masterbar-desktop-categories-toggle:hover,
body.front-page.masterbar-is-scrolled .masterbar-desktop-categories-toggle:focus{
        filter: brightness(.96);
        color: #fff !important;
    }
}

/* ==========================================================
   MASTERBAR UI 0.5.54 – desktop menu layer polish
   - linki Blog/Kontakt/O nas nie przebijają przez otwarty panel kategorii
   - mobile bez zmian
   ========================================================== */
@media (min-width: 921px){
    body.masterbar-menu-open .masterbar-desktop-pages-menu{
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }
    body.masterbar-menu-open .masterbar-desktop-pages-list,
body.masterbar-menu-open .masterbar-desktop-pages-list *{
        pointer-events: none !important;
    }
}


/* ==========================================================
   MASTERBAR UI 0.5.60 — pełna delegacja drzewa do Catalog Sidebar
   UI zachowuje drawer/header, ale nie narzuca geometrii poziomów kategorii.
   ========================================================== */
@media (max-width: 920px){
  

  body.mbcs-mobile-nav-owner .masterbar-mobile-category-scroll{
    min-height: 0 !important;
  }

  body.mbcs-mobile-nav-owner .mbcs-mobile-level-header,
body.mbcs-mobile-nav-owner .mbcs-mobile-level-scroll,
body.mbcs-mobile-nav-owner .mbcs-mobile-level-list,
body.mbcs-mobile-nav-owner .mbcs-mobile-see-all-fixed{
    box-sizing: border-box !important;
  }

  /* Wyłącza efekt "3D"/podwójnego tekstu na elementach przejętych przez Sidebar. */
  body.mbcs-mobile-nav-owner .masterbar-mobile-category-navigator,
body.mbcs-mobile-nav-owner .masterbar-mobile-category-navigator *{
    text-shadow: none !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
  }
}


/* ==========================================================
   MASTERBAR UI 0.5.61 — Header & Footer delegation
   Blog / Kontakt / O nas przeniesione do topbara zarządzanego przez
   MASTERBAR Header & Footer. Stary rząd pod headerem znika na desktopie.
   ========================================================== */
@media (min-width: 921px){
  body:has(.masterbar-hf-topbar) .masterbar-header-secondary,
body:has(.masterbar-hf-topbar) .masterbar-secondary-nav,
body:has(.masterbar-hf-topbar) .masterbar-top-links-row,
body:has(.masterbar-hf-topbar) .site-header .masterbar-page-links{
    display:none !important;
  }

  body:has(.masterbar-hf-topbar) .masterbar-header-main,
body:has(.masterbar-hf-topbar) .site-header{
    margin-top:0 !important;
  }
}


/* ==========================================================
   MASTERBAR UI 0.5.62 — Header & Footer integration
   Topbar jest renderowany przez UI, ale treść bierze z MASTERBAR Header & Footer.
   ========================================================== */
.masterbar-topbar-inner{
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 24px !important;
    min-height: 34px;
}

.masterbar-topbar-inner > p{
    flex: 1 1 auto;
    min-width: 0;
    padding: 7px 0 !important;
    text-align: left !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.masterbar-topbar-info-links{
    display: flex;
    align-items: center;
    gap: 22px;
    flex: 0 0 auto;
}

.masterbar-topbar-info-links a{
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    color: inherit !important;
    font-size: 13px;
    font-weight: 650;
    text-decoration: none !important;
    white-space: nowrap;
    opacity: .96;
}

.masterbar-topbar-info-links a:hover,
.masterbar-topbar-info-links a:focus{
    opacity: 1;
    text-decoration: underline !important;
}

@media (max-width: 920px){
    .masterbar-topbar-inner{
        justify-content: center !important;
        min-height: 30px;
    }
    .masterbar-topbar-inner > p{
        text-align: center !important;
        font-size: 11px !important;
    }
    .masterbar-topbar-info-links{
        display: none !important;
    }
}


/* MASTERBAR UI 0.5.63 — biały rząd linków informacyjnych usunięty definitywnie.
   Zostaje wyłącznie niebieski topbar. */
@media (min-width: 921px){
    .masterbar-desktop-pages-menu,
.masterbar-desktop-pages-menu--simple{
        display: none !important;
    }
}


/* MASTERBAR UI 0.5.64
   Legacy biały pasek Blog/Kontakt/O nas nie jest już częścią desktopowego headera. */
@media (min-width: 921px){
  .masterbar-desktop-pages-menu,
.masterbar-desktop-pages-menu--simple{
    display:none !important;
  }
}


/* ==========================================================
   MASTERBAR UI 0.5.67 — MOBILE COMPACT STICKY HEADER
   - na górze bez zmian: pełny header + wyszukiwarka
   - po scrollu: niski pasek hamburger | logo | lupa | konto | ulubione | koszyk
   - lupa rozwija tę samą wyszukiwarkę w drugim rzędzie, bez duplikowania logiki
   ========================================================== */
@media (max-width: 920px){
    body.masterbar-is-scrolled .masterbar-header{
        position: sticky !important;
        top: 0 !important;
        transform: none !important;
        z-index: 99980 !important;
        overflow: visible !important;
        background: var(--masterbar-header-bg, #fff) !important;
        box-shadow: 0 5px 18px rgba(15, 23, 42, .10) !important;
    }

    body.admin-bar.masterbar-is-scrolled .masterbar-header{
        top: 0 !important;
    }

    /* Kompaktowy header pozostaje widoczny także podczas scrollowania w dół. */
    body.masterbar-is-scrolled.masterbar-header-hidden .masterbar-header{
        transform: none !important;
    }

    body.masterbar-is-scrolled .masterbar-topbar,
body.masterbar-is-scrolled .masterbar-nav{
        display: none !important;
    }

    body.masterbar-is-scrolled .masterbar-mainbar{
        min-height: 64px !important;
        padding: 0 !important;
        background: #fff !important;
        border-bottom: 1px solid rgba(15, 23, 42, .08) !important;
    }

    body.masterbar-is-scrolled .masterbar-mainbar-inner{
        display: grid !important;
        grid-template-columns: 48px minmax(78px, 1fr) repeat(4, 44px) !important;
        grid-template-rows: 64px !important;
        align-items: center !important;
        column-gap: 4px !important;
        width: 100% !important;
        min-height: 64px !important;
        padding: 0 14px !important;
        overflow: visible !important;
    }

    body.masterbar-is-scrolled .masterbar-desktop-categories-toggle{
        display: none !important;
    }

    body.masterbar-is-scrolled .masterbar-actions{
        display: contents !important;
    }

    body.masterbar-is-scrolled .masterbar-menu-toggle{
        display: inline-flex !important;
        grid-column: 1 !important;
        grid-row: 1 !important;
        order: 0 !important;
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        padding: 0 !important;
        margin: 0 !important;
        align-items: center !important;
        justify-content: center !important;
        border: 0 !important;
        border-radius: 10px !important;
        background: transparent !important;
        box-shadow: none !important;
        color: var(--masterbar-header-text, #0f2742) !important;
    }

    body.masterbar-is-scrolled .masterbar-menu-toggle svg{
        width: 30px !important;
        height: 30px !important;
        stroke-width: 1.8 !important;
    }

    body.masterbar-is-scrolled .masterbar-brand{
        grid-column: 2 !important;
        grid-row: 1 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-width: 0 !important;
        height: 58px !important;
        margin: 0 !important;
        padding: 0 2px !important;
    }

    body.masterbar-is-scrolled .masterbar-brand .custom-logo-link{
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
    }

    body.masterbar-is-scrolled .masterbar-brand img,
body.masterbar-is-scrolled .masterbar-brand .custom-logo{
        width: auto !important;
        max-width: 132px !important;
        max-height: 48px !important;
        object-fit: contain !important;
    }

    body.masterbar-is-scrolled .masterbar-search{
        grid-column: 3 !important;
        grid-row: 1 !important;
        display: flex !important;
        width: 44px !important;
        min-width: 44px !important;
        height: 44px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 10px !important;
        background: transparent !important;
        box-shadow: none !important;
        overflow: visible !important;
    }

    body.masterbar-is-scrolled .masterbar-search input[type="search"],
body.masterbar-is-scrolled .masterbar-search > input[type="hidden"]{
        display: none !important;
    }

    body.masterbar-is-scrolled .masterbar-search button{
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 44px !important;
        min-width: 44px !important;
        height: 44px !important;
        padding: 0 !important;
        margin: 0 !important;
        border: 0 !important;
        border-radius: 10px !important;
        background: transparent !important;
        color: var(--masterbar-header-text, #0f2742) !important;
    }

    body.masterbar-is-scrolled .masterbar-search button svg{
        width: 29px !important;
        height: 29px !important;
        stroke-width: 1.75 !important;
    }

    body.masterbar-is-scrolled .masterbar-account-menu{
        display: contents !important;
    }

    body.masterbar-is-scrolled .masterbar-account-trigger{
        grid-column: 4 !important;
        grid-row: 1 !important;
    }

    body.masterbar-is-scrolled .masterbar-favorites-link{
        grid-column: 5 !important;
        grid-row: 1 !important;
    }

    body.masterbar-is-scrolled .masterbar-cart-link{
        grid-column: 6 !important;
        grid-row: 1 !important;
    }

    body.masterbar-is-scrolled .masterbar-action{
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 44px !important;
        min-width: 44px !important;
        height: 44px !important;
        min-height: 44px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 10px !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    body.masterbar-is-scrolled .masterbar-action-label{
        display: none !important;
    }

    body.masterbar-is-scrolled .masterbar-action-icon{
        width: 34px !important;
        height: 34px !important;
        margin: 0 !important;
    }

    body.masterbar-is-scrolled .masterbar-action-icon > svg{
        width: 30px !important;
        height: 30px !important;
        stroke-width: 1.65 !important;
    }

    body.masterbar-is-scrolled .masterbar-favorites-count,
body.masterbar-is-scrolled .masterbar-cart-count{
        top: -4px !important;
        right: -5px !important;
        min-width: 20px !important;
        height: 20px !important;
        padding: 0 5px !important;
        font-size: 11px !important;
        line-height: 20px !important;
    }

    /* Lupa rozwija istniejącą wyszukiwarkę pod kompaktowym rzędem. */
    body.masterbar-is-scrolled.masterbar-mobile-search-expanded .masterbar-mainbar-inner{
        grid-template-rows: 64px 62px !important;
        row-gap: 0 !important;
        padding-bottom: 8px !important;
    }

    body.masterbar-is-scrolled.masterbar-mobile-search-expanded .masterbar-search{
        grid-column: 1 / -1 !important;
        grid-row: 2 !important;
        width: 100% !important;
        height: 54px !important;
        min-height: 54px !important;
        border: 1px solid var(--masterbar-search-border, #cbd5e1) !important;
        border-radius: 10px !important;
        background: var(--masterbar-search-bg, #fff) !important;
        box-shadow: 0 1px 3px rgba(15,23,42,.08) !important;
        overflow: hidden !important;
    }

    body.masterbar-is-scrolled.masterbar-mobile-search-expanded .masterbar-search input[type="search"]{
        display: block !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
        height: 52px !important;
        padding: 0 16px !important;
        font-size: 17px !important;
        background: transparent !important;
    }

    body.masterbar-is-scrolled.masterbar-mobile-search-expanded .masterbar-search > input[type="hidden"]{
        display: block !important;
    }

    body.masterbar-is-scrolled.masterbar-mobile-search-expanded .masterbar-search button{
        width: 56px !important;
        min-width: 56px !important;
        height: 52px !important;
        border-radius: 0 !important;
        background: var(--masterbar-search-button, #14233a) !important;
        color: var(--masterbar-search-icon, #fff) !important;
    }

    /* Gdy otwieramy wyszukiwarkę, header nie może się ukrywać ani przesuwać. */
    body.masterbar-mobile-search-expanded .masterbar-header{
        transform: none !important;
    }

    /* Drobne zabezpieczenie dla bardzo wąskich ekranów. */
    @media (max-width: 380px){
        body.masterbar-is-scrolled .masterbar-mainbar-inner{
            grid-template-columns: 42px minmax(64px, 1fr) repeat(4, 40px) !important;
            column-gap: 2px !important;
            padding-left: 8px !important;
            padding-right: 8px !important;
        }
        body.masterbar-is-scrolled .masterbar-action,
body.masterbar-is-scrolled .masterbar-search,
body.masterbar-is-scrolled .masterbar-search button,
body.masterbar-is-scrolled .masterbar-menu-toggle{
            width: 40px !important;
            min-width: 40px !important;
        }
        body.masterbar-is-scrolled .masterbar-brand img,
body.masterbar-is-scrolled .masterbar-brand .custom-logo{
            max-width: 108px !important;
        }
    }
}

/* ==========================================================
   MASTERBAR UI 0.5.68 – STABILNY MOBILE HEADER 2-RZĘDOWY
   - stały header bez przełączania compact/full
   - rząd 1: logo + konto + ulubione + koszyk
   - rząd 2: hamburger + pełna wyszukiwarka
   - pasek promo na mobile tylko gdy włączony w Header & Footer
   ========================================================== */
@media (max-width: 920px){
    html{ scroll-padding-top: 132px; }

    .masterbar-header,
body.masterbar-is-scrolled .masterbar-header,
body.admin-bar.masterbar-is-scrolled .masterbar-header{
        position: sticky !important;
        top: 0 !important;
        transform: none !important;
        transition: none !important;
        will-change: auto !important;
        z-index: 100100 !important;
        box-shadow: 0 1px 0 rgba(15,23,42,.08), 0 4px 14px rgba(15,23,42,.05) !important;
        background: var(--masterbar-header-bg,#fff) !important;
    }
    body.admin-bar .masterbar-header,
body.admin-bar.masterbar-is-scrolled .masterbar-header{ top: 46px !important; }
    body.masterbar-header-hidden .masterbar-header,
body.masterbar-is-scrolled.masterbar-header-hidden .masterbar-header{
        transform: none !important;
        pointer-events: auto !important;
    }

    .masterbar-topbar{ display: none !important; }
    .masterbar-topbar.masterbar-topbar--mobile{ display: block !important; }
    .masterbar-topbar.masterbar-topbar--mobile .masterbar-topbar-info-links{ display: none !important; }
    .masterbar-topbar.masterbar-topbar--mobile .masterbar-topbar-inner{
        min-height: 38px !important;
        justify-content: center !important;
        padding: 6px 14px !important;
        text-align: center !important;
    }
    .masterbar-topbar-messages{ min-width: 0; width: 100%; }
    .masterbar-topbar-message{ margin: 0 !important; }

    .masterbar-nav{ display: none !important; }
    .masterbar-mainbar{ box-shadow: none !important; }
    .masterbar-mainbar-inner,
body.masterbar-is-scrolled .masterbar-mainbar-inner,
body.masterbar-catalog-sidebar-integration.masterbar-is-scrolled .masterbar-mainbar-inner{
        display: grid !important;
        grid-template-columns: 56px minmax(0,1fr) !important;
        grid-template-rows: 64px 56px !important;
        gap: 6px 10px !important;
        align-items: center !important;
        min-height: 132px !important;
        padding: 6px 14px 8px !important;
        position: relative !important;
    }

    .masterbar-desktop-categories-toggle{ display: none !important; }

    .masterbar-brand,
body.masterbar-is-scrolled .masterbar-brand{
        grid-column: 1 / 2 !important;
        grid-row: 1 !important;
        width: auto !important;
        min-width: 0 !important;
        height: 64px !important;
        margin: 0 !important;
        padding: 0 !important;
        justify-content: flex-start !important;
        overflow: visible !important;
        z-index: 23 !important;
    }
    .masterbar-brand .custom-logo-link,
body.masterbar-is-scrolled .masterbar-brand .custom-logo-link{
        width: auto !important;
        height: 100% !important;
        justify-content: flex-start !important;
    }
    .masterbar-brand img,
.masterbar-brand .custom-logo,
body.masterbar-is-scrolled .masterbar-brand img,
body.masterbar-is-scrolled .masterbar-brand .custom-logo{
        width: auto !important;
        max-width: min(190px, 46vw) !important;
        max-height: 54px !important;
        object-fit: contain !important;
    }

    .masterbar-actions,
body.masterbar-is-scrolled .masterbar-actions{
        grid-column: 2 !important;
        grid-row: 1 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 5px !important;
        width: 100% !important;
        min-width: 0 !important;
        pointer-events: auto !important;
        z-index: 24 !important;
    }
    .masterbar-account-menu,
body.masterbar-is-scrolled .masterbar-account-menu{ display: block !important; }
    .masterbar-action,
body.masterbar-is-scrolled .masterbar-action,
.masterbar-account-trigger,
body.masterbar-is-scrolled .masterbar-account-trigger{
        display: inline-flex !important;
        width: 44px !important;
        min-width: 44px !important;
        height: 44px !important;
        min-height: 44px !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
        margin: 0 !important;
        border: 0 !important;
        border-radius: 10px !important;
        background: transparent !important;
        box-shadow: none !important;
    }
    .masterbar-action-label{ display: none !important; }
    .masterbar-action-icon,
body.masterbar-is-scrolled .masterbar-action-icon{ width: 34px !important; height: 34px !important; margin: 0 !important; }
    .masterbar-action-icon > svg,
body.masterbar-is-scrolled .masterbar-action-icon > svg{ width: 30px !important; height: 30px !important; stroke-width: 1.65 !important; }
    .masterbar-favorites-link{ order: 2 !important; }
    .masterbar-account-menu{ order: 1 !important; }
    .masterbar-cart-link{ order: 3 !important; }

    .masterbar-menu-toggle,
body.masterbar-is-scrolled .masterbar-menu-toggle{
        grid-column: 1 !important;
        grid-row: 2 !important;
        display: inline-flex !important;
        width: 52px !important;
        min-width: 52px !important;
        height: 52px !important;
        align-items: center !important;
        justify-content: center !important;
        justify-self: start !important;
        padding: 0 !important;
        margin: 0 !important;
        border: 1px solid var(--masterbar-border,#d9e0e8) !important;
        border-radius: 10px !important;
        background: #fff !important;
        box-shadow: 0 1px 3px rgba(15,23,42,.05) !important;
        color: var(--masterbar-header-text,#0f2742) !important;
        z-index: 25 !important;
    }
    .masterbar-menu-toggle svg,
body.masterbar-is-scrolled .masterbar-menu-toggle svg{ width: 30px !important; height: 30px !important; stroke-width: 1.8 !important; }

    .masterbar-search,
body.masterbar-is-scrolled .masterbar-search,
body.masterbar-is-scrolled.masterbar-mobile-search-expanded .masterbar-search{
        grid-column: 2 !important;
        grid-row: 2 !important;
        display: flex !important;
        width: 100% !important;
        min-width: 0 !important;
        height: 52px !important;
        min-height: 52px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 1px solid var(--masterbar-search-border,#cbd5e1) !important;
        border-radius: 10px !important;
        background: var(--masterbar-search-bg,#fff) !important;
        box-shadow: none !important;
        overflow: hidden !important;
    }
    .masterbar-search input[type="search"],
body.masterbar-is-scrolled .masterbar-search input[type="search"],
body.masterbar-is-scrolled.masterbar-mobile-search-expanded .masterbar-search input[type="search"]{
        display: block !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
        height: 50px !important;
        padding: 0 14px !important;
        font-size: 16px !important;
        background: transparent !important;
    }
    .masterbar-search > input[type="hidden"],
body.masterbar-is-scrolled .masterbar-search > input[type="hidden"]{ display: block !important; }
    .masterbar-search button,
body.masterbar-is-scrolled .masterbar-search button,
body.masterbar-is-scrolled.masterbar-mobile-search-expanded .masterbar-search button{
        display: inline-flex !important;
        width: 54px !important;
        min-width: 54px !important;
        height: 50px !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
        margin: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        color: var(--masterbar-header-text,#0f2742) !important;
    }
    .masterbar-search button svg,
body.masterbar-is-scrolled .masterbar-search button svg{ width: 27px !important; height: 27px !important; stroke-width: 1.75 !important; }

    body.masterbar-mobile-search-expanded .masterbar-mainbar-inner,
body.masterbar-is-scrolled.masterbar-mobile-search-expanded .masterbar-mainbar-inner{
        grid-template-rows: 64px 56px !important;
        min-height: 132px !important;
        padding: 6px 14px 8px !important;
    }

    body.masterbar-is-scrolled .masterbar-favorites-count,
body.masterbar-is-scrolled .masterbar-cart-count,
.masterbar-favorites-count,
.masterbar-cart-count{ top: -5px !important; right: -6px !important; }
}

@media (max-width: 390px){
    .masterbar-mainbar-inner,
body.masterbar-is-scrolled .masterbar-mainbar-inner{
        grid-template-columns: 50px minmax(0,1fr) !important;
        gap: 6px 7px !important;
        padding-left: 9px !important;
        padding-right: 9px !important;
    }
    .masterbar-brand img,
.masterbar-brand .custom-logo,
body.masterbar-is-scrolled .masterbar-brand img,
body.masterbar-is-scrolled .masterbar-brand .custom-logo{ max-width: min(165px,44vw) !important; }
    .masterbar-actions,
body.masterbar-is-scrolled .masterbar-actions{ gap: 1px !important; }
    .masterbar-action,
body.masterbar-is-scrolled .masterbar-action,
.masterbar-account-trigger,
body.masterbar-is-scrolled .masterbar-account-trigger{ width: 40px !important; min-width: 40px !important; }
    .masterbar-menu-toggle,
body.masterbar-is-scrolled .masterbar-menu-toggle{ width: 48px !important; min-width: 48px !important; }
}


/* ==========================================================
   MASTERBAR UI 0.5.69 – JEDEN STAŁY MOBILE HEADER
   - dokładnie ten sam układ na górze i po przewinięciu
   - hamburger + logo + akcje w pierwszym rzędzie
   - pełna wyszukiwarka w drugim rzędzie
   - brak compact/expanded przestawiającego elementy
   - zamykany topbar z karuzelą
   ========================================================== */
.masterbar-topbar[hidden],
.masterbar-topbar.is-dismissed{ display: none !important; }
.masterbar-topbar-inner{ position: relative; }
.masterbar-topbar-messages{ min-width: 0; }
.masterbar-topbar-message[hidden]{ display: none !important; }
.masterbar-topbar-close{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    margin-left: 10px;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    cursor: pointer;
    line-height: 1;
}
.masterbar-topbar-close span{ font-size: 30px; font-weight: 300; line-height: 1; transform: translateY(-1px); }

@media (max-width: 920px){
    html{ scroll-padding-top: 150px !important; }

    .masterbar-header,
body.masterbar-is-scrolled .masterbar-header,
body.admin-bar.masterbar-is-scrolled .masterbar-header,
body.masterbar-mobile-search-expanded .masterbar-header,
body.masterbar-is-scrolled.masterbar-mobile-search-expanded .masterbar-header{
        position: sticky !important;
        top: 0 !important;
        z-index: 100100 !important;
        transform: none !important;
        transition: none !important;
        overflow: visible !important;
        background: var(--masterbar-header-bg,#fff) !important;
        box-shadow: 0 1px 0 rgba(15,23,42,.08), 0 4px 14px rgba(15,23,42,.05) !important;
    }
    body.admin-bar .masterbar-header{ top: 46px !important; }
    body.masterbar-header-hidden .masterbar-header,
body.masterbar-is-scrolled.masterbar-header-hidden .masterbar-header{ transform: none !important; pointer-events: auto !important; }

    .masterbar-topbar{ display: none !important; }
    .masterbar-topbar.masterbar-topbar--mobile:not([hidden]):not(.is-dismissed){ display: block !important; }
    .masterbar-topbar.masterbar-topbar--mobile .masterbar-topbar-inner{
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 42px !important;
        padding: 4px 8px 4px 14px !important;
    }
    .masterbar-topbar.masterbar-topbar--mobile .masterbar-topbar-messages{ flex: 1 1 auto !important; width: auto !important; }
    .masterbar-topbar.masterbar-topbar--mobile .masterbar-topbar-message{ padding: 5px 0 !important; }
    .masterbar-topbar.masterbar-topbar--mobile .masterbar-topbar-info-links{ display: none !important; }
    .masterbar-topbar.masterbar-topbar--mobile .masterbar-topbar-close{ display: inline-flex !important; }

    .masterbar-nav,
body.masterbar-is-scrolled .masterbar-nav{ display: none !important; }

    .masterbar-mainbar,
body.masterbar-is-scrolled .masterbar-mainbar{
        min-height: 0 !important;
        padding: 0 !important;
        background: #fff !important;
        border-bottom: 0 !important;
        box-shadow: none !important;
    }

    .masterbar-mainbar-inner,
body.masterbar-is-scrolled .masterbar-mainbar-inner,
body.masterbar-catalog-sidebar-integration.masterbar-is-scrolled .masterbar-mainbar-inner,
body.masterbar-mobile-search-expanded .masterbar-mainbar-inner,
body.masterbar-is-scrolled.masterbar-mobile-search-expanded .masterbar-mainbar-inner{
        display: grid !important;
        grid-template-columns: 70px minmax(0,1fr) auto !important;
        grid-template-rows: 82px 62px !important;
        gap: 0 8px !important;
        align-items: center !important;
        width: min(calc(100% - 20px), var(--masterbar-content-width)) !important;
        min-height: 144px !important;
        margin-inline: auto !important;
        padding: 0 0 8px !important;
        overflow: visible !important;
        position: relative !important;
    }

    .masterbar-desktop-categories-toggle{ display: none !important; }

    .masterbar-menu-toggle,
body.masterbar-is-scrolled .masterbar-menu-toggle{
        display: inline-flex !important;
        grid-column: 1 !important;
        grid-row: 1 !important;
        align-items: center !important;
        justify-content: center !important;
        justify-self: start !important;
        width: 58px !important;
        min-width: 58px !important;
        height: 58px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 1px solid var(--masterbar-border,#d9e0e8) !important;
        border-radius: 10px !important;
        background: #fff !important;
        color: var(--masterbar-header-text,#0f2742) !important;
        box-shadow: 0 1px 3px rgba(15,23,42,.05) !important;
        z-index: 25 !important;
    }
    .masterbar-menu-toggle svg,
body.masterbar-is-scrolled .masterbar-menu-toggle svg{ width: 31px !important; height: 31px !important; stroke-width: 1.8 !important; }

    .masterbar-brand,
body.masterbar-is-scrolled .masterbar-brand{
        display: flex !important;
        grid-column: 2 !important;
        grid-row: 1 !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        min-width: 0 !important;
        height: 72px !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        z-index: 23 !important;
    }
    .masterbar-brand .custom-logo-link,
body.masterbar-is-scrolled .masterbar-brand .custom-logo-link{ display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 100% !important; }
    .masterbar-brand img,
.masterbar-brand .custom-logo,
body.masterbar-is-scrolled .masterbar-brand img,
body.masterbar-is-scrolled .masterbar-brand .custom-logo{
        width: auto !important;
        max-width: min(190px, 42vw) !important;
        max-height: 58px !important;
        object-fit: contain !important;
    }

    .masterbar-actions,
body.masterbar-is-scrolled .masterbar-actions{
        display: flex !important;
        grid-column: 3 !important;
        grid-row: 1 !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 3px !important;
        width: auto !important;
        min-width: 0 !important;
        z-index: 24 !important;
    }
    .masterbar-account-menu,
body.masterbar-is-scrolled .masterbar-account-menu{ display: block !important; order: 2 !important; }
    .masterbar-favorites-link{ order: 1 !important; }
    .masterbar-cart-link{ order: 3 !important; }
    .masterbar-action,
body.masterbar-is-scrolled .masterbar-action,
.masterbar-account-trigger,
body.masterbar-is-scrolled .masterbar-account-trigger{
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 46px !important;
        min-width: 46px !important;
        height: 46px !important;
        min-height: 46px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 10px !important;
        background: transparent !important;
        box-shadow: none !important;
    }
    .masterbar-action-label{ display: none !important; }
    .masterbar-action-icon,
body.masterbar-is-scrolled .masterbar-action-icon{ width: 35px !important; height: 35px !important; margin: 0 !important; }
    .masterbar-action-icon > svg,
body.masterbar-is-scrolled .masterbar-action-icon > svg{ width: 31px !important; height: 31px !important; stroke-width: 1.65 !important; }

    .masterbar-search,
body.masterbar-is-scrolled .masterbar-search,
body.masterbar-mobile-search-expanded .masterbar-search,
body.masterbar-is-scrolled.masterbar-mobile-search-expanded .masterbar-search{
        display: flex !important;
        grid-column: 1 / -1 !important;
        grid-row: 2 !important;
        width: 100% !important;
        min-width: 0 !important;
        height: 54px !important;
        min-height: 54px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 1px solid var(--masterbar-search-border,#cbd5e1) !important;
        border-radius: 10px !important;
        background: var(--masterbar-search-bg,#fff) !important;
        box-shadow: none !important;
        overflow: hidden !important;
    }
    .masterbar-search input[type="search"],
body.masterbar-is-scrolled .masterbar-search input[type="search"],
body.masterbar-mobile-search-expanded .masterbar-search input[type="search"],
body.masterbar-is-scrolled.masterbar-mobile-search-expanded .masterbar-search input[type="search"]{
        display: block !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
        height: 52px !important;
        padding: 0 16px !important;
        font-size: 16px !important;
        background: transparent !important;
    }
    .masterbar-search > input[type="hidden"],
body.masterbar-is-scrolled .masterbar-search > input[type="hidden"]{ display: block !important; }
    .masterbar-search button,
body.masterbar-is-scrolled .masterbar-search button,
body.masterbar-mobile-search-expanded .masterbar-search button,
body.masterbar-is-scrolled.masterbar-mobile-search-expanded .masterbar-search button{
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 58px !important;
        min-width: 58px !important;
        height: 52px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: var(--masterbar-search-button,#14233a) !important;
        color: var(--masterbar-search-icon,#fff) !important;
    }
    .masterbar-search button svg,
body.masterbar-is-scrolled .masterbar-search button svg{ width: 28px !important; height: 28px !important; stroke-width: 1.75 !important; }

    .masterbar-favorites-count,
.masterbar-cart-count,
body.masterbar-is-scrolled .masterbar-favorites-count,
body.masterbar-is-scrolled .masterbar-cart-count{ top: -5px !important; right: -6px !important; }
}

@media (max-width: 390px){
    .masterbar-mainbar-inner,
body.masterbar-is-scrolled .masterbar-mainbar-inner,
body.masterbar-mobile-search-expanded .masterbar-mainbar-inner{
        grid-template-columns: 60px minmax(0,1fr) auto !important;
        gap: 0 4px !important;
    }
    .masterbar-brand img,
.masterbar-brand .custom-logo,
body.masterbar-is-scrolled .masterbar-brand img,
body.masterbar-is-scrolled .masterbar-brand .custom-logo{ max-width: min(150px, 38vw) !important; }
    .masterbar-actions,
body.masterbar-is-scrolled .masterbar-actions{ gap: 0 !important; }
    .masterbar-action,
body.masterbar-is-scrolled .masterbar-action,
.masterbar-account-trigger,
body.masterbar-is-scrolled .masterbar-account-trigger{ width: 40px !important; min-width: 40px !important; }
    .masterbar-menu-toggle,
body.masterbar-is-scrolled .masterbar-menu-toggle{ width: 52px !important; min-width: 52px !important; }
}


/* ==========================================================
   MASTERBAR UI 0.5.70 – MOBILE HEADER POLISH
   - ten sam sticky header na całej stronie
   - niższy/ciaśniejszy układ
   - mniejsza wyszukiwarka
   - granatowy hamburger z białymi kreskami
   ========================================================== */
@media (max-width: 920px){
    html{ scroll-padding-top: 128px !important; }

    .masterbar-mainbar-inner,
body.masterbar-is-scrolled .masterbar-mainbar-inner,
body.masterbar-mobile-search-expanded .masterbar-mainbar-inner,
body.masterbar-is-scrolled.masterbar-mobile-search-expanded .masterbar-mainbar-inner{
        grid-template-columns: 58px minmax(0,1fr) auto !important;
        grid-template-rows: 68px 52px !important;
        gap: 0 6px !important;
        width: min(calc(100% - 24px), var(--masterbar-content-width)) !important;
        min-height: 120px !important;
        padding: 0 0 6px !important;
    }

    .masterbar-menu-toggle,
body.masterbar-is-scrolled .masterbar-menu-toggle,
body.masterbar-mobile-search-expanded .masterbar-menu-toggle{
        width: 52px !important;
        min-width: 52px !important;
        height: 52px !important;
        min-height: 52px !important;
        border: 0 !important;
        border-radius: 10px !important;
        background-color: #14395f !important;
        background-image:
            linear-gradient(#fff,#fff),
            linear-gradient(#fff,#fff),
            linear-gradient(#fff,#fff) !important;
        background-repeat: no-repeat !important;
        background-size: 22px 2.5px, 22px 2.5px, 22px 2.5px !important;
        background-position:
            center calc(50% - 7px),
            center center,
            center calc(50% + 7px) !important;
        color: #fff !important;
        box-shadow: 0 1px 3px rgba(15,23,42,.08) !important;
    }
    .masterbar-menu-toggle > svg,
.masterbar-menu-toggle .masterbar-hamburger-lines{ display: none !important; }

    .masterbar-brand,
body.masterbar-is-scrolled .masterbar-brand{ height: 64px !important; }
    .masterbar-brand img,
.masterbar-brand .custom-logo,
body.masterbar-is-scrolled .masterbar-brand img,
body.masterbar-is-scrolled .masterbar-brand .custom-logo{
        max-width: min(178px, 40vw) !important;
        max-height: 52px !important;
    }

    .masterbar-search,
body.masterbar-is-scrolled .masterbar-search,
body.masterbar-mobile-search-expanded .masterbar-search,
body.masterbar-is-scrolled.masterbar-mobile-search-expanded .masterbar-search{
        justify-self: center !important;
        width: calc(100% - 8px) !important;
        height: 46px !important;
        min-height: 46px !important;
        border-radius: 9px !important;
    }
    .masterbar-search input[type="search"],
body.masterbar-is-scrolled .masterbar-search input[type="search"],
body.masterbar-mobile-search-expanded .masterbar-search input[type="search"]{
        height: 44px !important;
        padding: 0 14px !important;
        font-size: 16px !important;
    }
    .masterbar-search button,
body.masterbar-is-scrolled .masterbar-search button,
body.masterbar-mobile-search-expanded .masterbar-search button{
        width: 52px !important;
        min-width: 52px !important;
        height: 44px !important;
    }
    .masterbar-search button svg,
body.masterbar-is-scrolled .masterbar-search button svg{
        width: 25px !important;
        height: 25px !important;
    }

    .masterbar-action,
body.masterbar-is-scrolled .masterbar-action,
.masterbar-account-trigger,
body.masterbar-is-scrolled .masterbar-account-trigger{
        width: 43px !important;
        min-width: 43px !important;
        height: 43px !important;
        min-height: 43px !important;
    }
    .masterbar-action-icon,
body.masterbar-is-scrolled .masterbar-action-icon{ width: 33px !important; height: 33px !important; }
    .masterbar-action-icon > svg,
body.masterbar-is-scrolled .masterbar-action-icon > svg{ width: 29px !important; height: 29px !important; }
}

@media (max-width: 390px){
    .masterbar-mainbar-inner,
body.masterbar-is-scrolled .masterbar-mainbar-inner,
body.masterbar-mobile-search-expanded .masterbar-mainbar-inner{
        grid-template-columns: 54px minmax(0,1fr) auto !important;
        gap: 0 3px !important;
        width: calc(100% - 18px) !important;
    }
    .masterbar-menu-toggle,
body.masterbar-is-scrolled .masterbar-menu-toggle{ width: 48px !important; min-width: 48px !important; height: 48px !important; min-height: 48px !important; }
    .masterbar-brand img,
.masterbar-brand .custom-logo,
body.masterbar-is-scrolled .masterbar-brand img,
body.masterbar-is-scrolled .masterbar-brand .custom-logo{ max-width: min(148px, 38vw) !important; }
    .masterbar-action,
body.masterbar-is-scrolled .masterbar-action,
.masterbar-account-trigger,
body.masterbar-is-scrolled .masterbar-account-trigger{ width: 39px !important; min-width: 39px !important; }
}


/* 0.5.73: płynne automatyczne ukrywanie topbara */
.masterbar-topbar{
    max-height: 96px;
    overflow: hidden;
    opacity: 1;
    transition: opacity .24s ease, max-height .28s ease, transform .24s ease;
}
.masterbar-topbar.is-hiding{
    opacity: 0;
    max-height: 0;
    transform: translateY(-6px);
    pointer-events: none;
}

/* ==========================================================
   0.5.79 – mobile header visual refresh
   Lżejszy układ: logo + akcje + okrągłe menu, wyszukiwarka jako miękki pasek.
   ========================================================== */
@media (max-width: 920px){
    .masterbar-mainbar-inner{
        display: grid !important;
        grid-template-columns: minmax(110px, 1fr) auto 46px !important;
        grid-template-rows: auto auto !important;
        column-gap: 10px !important;
        row-gap: 12px !important;
        align-items: center !important;
        min-height: 0 !important;
        padding-block: 12px 14px !important;
    }

    .masterbar-brand{
        grid-column: 1 !important;
        grid-row: 1 !important;
        min-width: 0 !important;
    }

    .masterbar-brand .custom-logo{
        max-width: 172px !important;
        max-height: 48px !important;
    }

    .masterbar-actions{
        grid-column: 2 !important;
        grid-row: 1 !important;
        gap: 12px !important;
    }

    .masterbar-action{
        display: grid !important;
        place-items: center !important;
        width: 36px !important;
        height: 44px !important;
        min-width: 36px !important;
        padding: 0 !important;
    }

    .masterbar-action-icon svg{
        width: 27px !important;
        height: 27px !important;
        stroke-width: 1.7 !important;
    }

    .masterbar-menu-toggle{
        grid-column: 3 !important;
        grid-row: 1 !important;
        justify-self: end !important;
        width: 46px !important;
        height: 46px !important;
        min-width: 46px !important;
        border: 0 !important;
        border-radius: 50% !important;
        background-color: #123f68 !important;
        background-image:
            linear-gradient(#fff, #fff),
            linear-gradient(#fff, #fff),
            linear-gradient(#fff, #fff) !important;
        background-size: 20px 2px, 20px 2px, 20px 2px !important;
        color: #fff !important;
        box-shadow: none !important;
    }

    .masterbar-search{
        grid-column: 1 / -1 !important;
        grid-row: 2 !important;
        grid-template-columns: 1fr 52px !important;
        height: 50px !important;
        border: 0 !important;
        border-radius: 25px !important;
        background: #f2f5f8 !important;
        box-shadow: inset 0 0 0 1px #e6ebf0 !important;
        overflow: hidden !important;
    }

    .masterbar-search:focus-within{
        box-shadow: inset 0 0 0 1.5px #123f68 !important;
    }

    .masterbar-search input[type="search"]{
        padding: 0 18px !important;
        font-size: 16px !important;
    }

    .masterbar-search button{
        width: 52px !important;
        height: 50px !important;
        margin: 0 !important;
        border-radius: 0 25px 25px 0 !important;
        background: transparent !important;
        color: #17283a !important;
    }

    .masterbar-search button svg{
        width: 27px !important;
        height: 27px !important;
        stroke-width: 1.8 !important;
    }

    .masterbar-favorites-count,
.masterbar-cart-count{
        top: -8px !important;
        right: -9px !important;
        min-width: 18px !important;
        height: 18px !important;
        padding: 0 4px !important;
        font-size: 10px !important;
    }

    

    
}

@media (max-width: 520px){
    .masterbar-header-container{
        width: min(calc(100% - 28px), var(--masterbar-content-width)) !important;
    }
    .masterbar-mainbar-inner{
        grid-template-columns: minmax(100px, 1fr) auto 44px !important;
        column-gap: 7px !important;
    }
    .masterbar-brand .custom-logo{
        max-width: 148px !important;
        max-height: 44px !important;
    }
    .masterbar-actions{ gap: 5px !important; }
    .masterbar-action{ width: 32px !important; min-width: 32px !important; }
    .masterbar-action-icon svg{ width: 25px !important; height: 25px !important; }
    .masterbar-menu-toggle{ width: 44px !important; height: 44px !important; min-width: 44px !important; }
}


/* ==========================================================
   0.5.80 – faktyczna zmiana układu mobile header
   Nadpisujemy także stany sticky/search-expanded z większą specyficznością.
   Układ: LOGO | akcje | MENU, wyszukiwarka pod spodem.
   ========================================================== */
@media (max-width: 920px){
  .masterbar-mainbar-inner,
body.masterbar-is-scrolled .masterbar-mainbar-inner,
body.masterbar-mobile-search-expanded .masterbar-mainbar-inner,
body.masterbar-is-scrolled.masterbar-mobile-search-expanded .masterbar-mainbar-inner{
    display: grid !important;
    grid-template-columns: minmax(120px,1fr) auto 48px !important;
    grid-template-rows: 62px 50px !important;
    gap: 8px 8px !important;
    width: min(calc(100% - 28px), var(--masterbar-content-width)) !important;
    min-height: 0 !important;
    padding: 4px 0 10px !important;
  }
  .masterbar-brand,
body.masterbar-is-scrolled .masterbar-brand{
    grid-column: 1 !important; grid-row: 1 !important;
    height: 58px !important; min-width: 0 !important;
    justify-self: start !important;
  }
  .masterbar-brand img,
.masterbar-brand .custom-logo,
body.masterbar-is-scrolled .masterbar-brand img,
body.masterbar-is-scrolled .masterbar-brand .custom-logo{
    max-width: min(158px,39vw) !important; max-height: 46px !important;
  }
  .masterbar-actions,
body.masterbar-is-scrolled .masterbar-actions{
    grid-column: 2 !important; grid-row: 1 !important;
    justify-self: end !important; gap: 3px !important;
  }
  .masterbar-action,
body.masterbar-is-scrolled .masterbar-action,
.masterbar-account-trigger,
body.masterbar-is-scrolled .masterbar-account-trigger{
    width: 34px !important; min-width: 34px !important; height: 44px !important;
  }
  .masterbar-action-icon svg{ width: 25px !important; height: 25px !important; }
  .masterbar-menu-toggle,
body.masterbar-is-scrolled .masterbar-menu-toggle,
body.masterbar-mobile-search-expanded .masterbar-menu-toggle,
body.masterbar-is-scrolled.masterbar-mobile-search-expanded .masterbar-menu-toggle{
    grid-column: 3 !important; grid-row: 1 !important;
    justify-self: end !important; align-self: center !important;
    width: 46px !important; min-width: 46px !important; height: 46px !important; min-height: 46px !important;
    border-radius: 50% !important;
  }
  .masterbar-search,
body.masterbar-is-scrolled .masterbar-search,
body.masterbar-mobile-search-expanded .masterbar-search,
body.masterbar-is-scrolled.masterbar-mobile-search-expanded .masterbar-search{
    grid-column: 1 / -1 !important; grid-row: 2 !important;
    width: 100% !important; height: 48px !important; min-height: 48px !important;
    border: 0 !important; border-radius: 24px !important;
    background: #f2f4f7 !important; box-shadow: none !important;
  }
  .masterbar-search button,
body.masterbar-is-scrolled .masterbar-search button,
body.masterbar-mobile-search-expanded .masterbar-search button{
    width: 52px !important; height: 48px !important; min-height: 48px !important;
    border-radius: 0 24px 24px 0 !important; background: transparent !important; color: #17283a !important;
  }
}
@media (max-width: 430px){
  .masterbar-mainbar-inner,
body.masterbar-is-scrolled .masterbar-mainbar-inner,
body.masterbar-mobile-search-expanded .masterbar-mainbar-inner,
body.masterbar-is-scrolled.masterbar-mobile-search-expanded .masterbar-mainbar-inner{
    grid-template-columns: minmax(108px,1fr) auto 44px !important; gap: 7px 4px !important;
  }
  .masterbar-brand img,
.masterbar-brand .custom-logo,
body.masterbar-is-scrolled .masterbar-brand img,
body.masterbar-is-scrolled .masterbar-brand .custom-logo{ max-width: min(145px,37vw) !important; }
  .masterbar-action,
body.masterbar-is-scrolled .masterbar-action{ width: 31px !important; min-width: 31px !important; }
  .masterbar-menu-toggle,
body.masterbar-is-scrolled .masterbar-menu-toggle{ width: 44px !important; min-width: 44px !important; height: 44px !important; min-height: 44px !important; }
}

/* ==========================================================
   0.5.82 – mobile header spacing polish
   Logo lekko w prawo + czytelny oddech koszyk / hamburger.
   ========================================================== */
@media (max-width: 920px){
  .masterbar-brand,
body.masterbar-is-scrolled .masterbar-brand{
    padding-left: 10px !important;
  }
  .masterbar-actions,
body.masterbar-is-scrolled .masterbar-actions{
    margin-right: 8px !important;
  }
  .masterbar-cart-link,
body.masterbar-is-scrolled .masterbar-cart-link{
    margin-right: 5px !important;
  }
}
@media (max-width: 430px){
  .masterbar-brand,
body.masterbar-is-scrolled .masterbar-brand{
    padding-left: 8px !important;
  }
  .masterbar-actions,
body.masterbar-is-scrolled .masterbar-actions{
    margin-right: 7px !important;
  }
  .masterbar-cart-link,
body.masterbar-is-scrolled .masterbar-cart-link{
    margin-right: 4px !important;
  }
}

/* ==========================================================
   0.5.82 – mobile header balanced spacing
   Więcej oddechu: ulubione / konto oraz koszyk / hamburger.
   Logo przesunięte delikatnie w prawo bez zmiany logiki nagłówka.
   ========================================================== */
@media (max-width: 920px){
  .masterbar-brand,
body.masterbar-is-scrolled .masterbar-brand{
    padding-left: 14px !important;
  }
  .masterbar-actions,
body.masterbar-is-scrolled .masterbar-actions{
    gap: 9px !important;
    margin-right: 10px !important;
  }
  .masterbar-cart-link,
body.masterbar-is-scrolled .masterbar-cart-link{
    margin-right: 6px !important;
  }
}
@media (max-width: 430px){
  .masterbar-brand,
body.masterbar-is-scrolled .masterbar-brand{
    padding-left: 12px !important;
  }
  .masterbar-actions,
body.masterbar-is-scrolled .masterbar-actions{
    gap: 8px !important;
    margin-right: 9px !important;
  }
  .masterbar-cart-link,
body.masterbar-is-scrolled .masterbar-cart-link{
    margin-right: 6px !important;
  }
}

/* ==========================================================
   MASTERBAR UI 0.5.85 – MOBILE SLIM HEADER
   Cel: odchudzenie pierwszego ekranu mobile bez ruszania desktopu,
   kolejności ikon, menu ani logiki sticky/search.
   ========================================================== */
@media (max-width: 920px){
  html{ scroll-padding-top: 112px !important; }

  .masterbar-mainbar-inner,
body.masterbar-is-scrolled .masterbar-mainbar-inner,
body.masterbar-mobile-search-expanded .masterbar-mainbar-inner,
body.masterbar-is-scrolled.masterbar-mobile-search-expanded .masterbar-mainbar-inner{
    grid-template-columns: minmax(112px,1fr) auto 44px !important;
    grid-template-rows: 50px 42px !important;
    row-gap: 4px !important;
    column-gap: 6px !important;
    width: min(calc(100% - 24px), var(--masterbar-content-width)) !important;
    min-height: 0 !important;
    padding: 2px 0 6px !important;
  }

  .masterbar-brand,
body.masterbar-is-scrolled .masterbar-brand{
    height: 48px !important;
    padding-left: 10px !important;
  }
  .masterbar-brand img,
.masterbar-brand .custom-logo,
body.masterbar-is-scrolled .masterbar-brand img,
body.masterbar-is-scrolled .masterbar-brand .custom-logo{
    max-width: min(142px,36vw) !important;
    max-height: 40px !important;
  }

  .masterbar-actions,
body.masterbar-is-scrolled .masterbar-actions{
    gap: 6px !important;
    margin-right: 6px !important;
  }
  .masterbar-action,
body.masterbar-is-scrolled .masterbar-action,
.masterbar-account-trigger,
body.masterbar-is-scrolled .masterbar-account-trigger{
    width: 30px !important;
    min-width: 30px !important;
    height: 40px !important;
    min-height: 40px !important;
  }
  .masterbar-action-icon,
body.masterbar-is-scrolled .masterbar-action-icon{
    width: 30px !important;
    height: 30px !important;
  }
  .masterbar-action-icon > svg,
body.masterbar-is-scrolled .masterbar-action-icon > svg{
    width: 24px !important;
    height: 24px !important;
  }
  .masterbar-cart-link,
body.masterbar-is-scrolled .masterbar-cart-link{ margin-right: 4px !important; }

  .masterbar-menu-toggle,
body.masterbar-is-scrolled .masterbar-menu-toggle,
body.masterbar-mobile-search-expanded .masterbar-menu-toggle,
body.masterbar-is-scrolled.masterbar-mobile-search-expanded .masterbar-menu-toggle{
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    background-size: 18px 2px, 18px 2px, 18px 2px !important;
    background-position: center calc(50% - 6px), center center, center calc(50% + 6px) !important;
  }

  .masterbar-search,
body.masterbar-is-scrolled .masterbar-search,
body.masterbar-mobile-search-expanded .masterbar-search,
body.masterbar-is-scrolled.masterbar-mobile-search-expanded .masterbar-search{
    grid-template-columns: 1fr 46px !important;
    height: 42px !important;
    min-height: 42px !important;
    border-radius: 21px !important;
  }
  .masterbar-search input[type="search"],
body.masterbar-is-scrolled .masterbar-search input[type="search"],
body.masterbar-mobile-search-expanded .masterbar-search input[type="search"],
body.masterbar-is-scrolled.masterbar-mobile-search-expanded .masterbar-search input[type="search"]{
    height: 42px !important;
    padding: 0 16px !important;
    font-size: 15px !important;
  }
  .masterbar-search button,
body.masterbar-is-scrolled .masterbar-search button,
body.masterbar-mobile-search-expanded .masterbar-search button,
body.masterbar-is-scrolled.masterbar-mobile-search-expanded .masterbar-search button{
    width: 46px !important;
    min-width: 46px !important;
    height: 42px !important;
    min-height: 42px !important;
    border-radius: 0 21px 21px 0 !important;
  }
  .masterbar-search button svg,
body.masterbar-is-scrolled .masterbar-search button svg{
    width: 24px !important;
    height: 24px !important;
  }

  .masterbar-favorites-count,
.masterbar-cart-count,
body.masterbar-is-scrolled .masterbar-favorites-count,
body.masterbar-is-scrolled .masterbar-cart-count{
    top: -6px !important;
    right: -7px !important;
  }
}

@media (max-width: 430px){
  .masterbar-mainbar-inner,
body.masterbar-is-scrolled .masterbar-mainbar-inner,
body.masterbar-mobile-search-expanded .masterbar-mainbar-inner,
body.masterbar-is-scrolled.masterbar-mobile-search-expanded .masterbar-mainbar-inner{
    grid-template-columns: minmax(102px,1fr) auto 42px !important;
    column-gap: 4px !important;
    width: min(calc(100% - 20px), var(--masterbar-content-width)) !important;
  }
  .masterbar-brand,
body.masterbar-is-scrolled .masterbar-brand{ padding-left: 8px !important; }
  .masterbar-brand img,
.masterbar-brand .custom-logo,
body.masterbar-is-scrolled .masterbar-brand img,
body.masterbar-is-scrolled .masterbar-brand .custom-logo{
    max-width: min(136px,35vw) !important;
  }
  .masterbar-actions,
body.masterbar-is-scrolled .masterbar-actions{
    gap: 5px !important;
    margin-right: 4px !important;
  }
  .masterbar-action,
body.masterbar-is-scrolled .masterbar-action,
.masterbar-account-trigger,
body.masterbar-is-scrolled .masterbar-account-trigger{
    width: 29px !important;
    min-width: 29px !important;
  }
}

/* ==========================================================
   MASTERBAR UI 0.5.86 – MOBILE HEADER FINAL TRIM
   Tylko kosmetyczne -12 px w pierwszym rzędzie. Wyszukiwarka 42 px bez zmian.
   ========================================================== */
@media (max-width: 920px){
  .masterbar-mainbar-inner,
body.masterbar-is-scrolled .masterbar-mainbar-inner,
body.masterbar-mobile-search-expanded .masterbar-mainbar-inner,
body.masterbar-is-scrolled.masterbar-mobile-search-expanded .masterbar-mainbar-inner{
    grid-template-rows: 38px 42px !important;
    padding-top: 0 !important;
  }

  .masterbar-brand,
body.masterbar-is-scrolled .masterbar-brand{
    height: 38px !important;
  }

  .masterbar-actions,
body.masterbar-is-scrolled .masterbar-actions{
    align-self: center !important;
  }
}


/* ==========================================================
   MASTERBAR UI 0.5.87 – MOBILE HAMBURGER MATCH
   Mniejszy, kwadratowy przycisk dopasowany do pozostałych ikon.
   Wyszukiwarka i pozostałe elementy nagłówka bez zmian.
   ========================================================== */
@media (max-width: 920px){
  .masterbar-menu-toggle,
body.masterbar-is-scrolled .masterbar-menu-toggle,
body.masterbar-mobile-search-expanded .masterbar-menu-toggle,
body.masterbar-is-scrolled.masterbar-mobile-search-expanded .masterbar-menu-toggle{
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    border-radius: 10px !important;
    background-size: 17px 2px, 17px 2px, 17px 2px !important;
    background-position: center calc(50% - 5px), center center, center calc(50% + 5px) !important;
  }
}


/* ==========================================================
   MASTERBAR UI 0.5.90 – MOBILE HAMBURGER LEFT
   Hamburger pod lewy kciuk; logo po nim; akcje po prawej. Search bez zmian.
   ========================================================== */
@media (max-width: 920px){
  .masterbar-mainbar-inner,
body.masterbar-is-scrolled .masterbar-mainbar-inner,
body.masterbar-mobile-search-expanded .masterbar-mainbar-inner,
body.masterbar-is-scrolled.masterbar-mobile-search-expanded .masterbar-mainbar-inner{
    grid-template-columns: 40px minmax(100px,1fr) auto !important;
    column-gap:6px !important;
  }
  .masterbar-menu-toggle,
body.masterbar-is-scrolled .masterbar-menu-toggle,
body.masterbar-mobile-search-expanded .masterbar-menu-toggle,
body.masterbar-is-scrolled.masterbar-mobile-search-expanded .masterbar-menu-toggle{
    grid-column:1 !important; grid-row:1 !important; justify-self:start !important;
  }
  .masterbar-brand,
body.masterbar-is-scrolled .masterbar-brand{
    grid-column:2 !important; grid-row:1 !important; justify-self:start !important; padding-left:0 !important;
  }
  .masterbar-actions,
body.masterbar-is-scrolled .masterbar-actions{
    grid-column:3 !important; grid-row:1 !important; justify-self:end !important; margin-right:0 !important;
  }
  .masterbar-search,
body.masterbar-is-scrolled .masterbar-search,
body.masterbar-mobile-search-expanded .masterbar-search,
body.masterbar-is-scrolled.masterbar-mobile-search-expanded .masterbar-search{
    grid-column:1 / -1 !important; grid-row:2 !important;
  }
}


/* ==========================================================
   MASTERBAR UI 0.5.94 – DESKTOP CATALOG MAIN NAV RESTORE
   Nowy kompaktowy pasek MASTERBAR Menu jest główną nawigacją sklepu,
   więc na desktopowym sklepie i archiwach kategorii pozostaje widoczny.
   Sidebar nadal odpowiada wyłącznie za lokalne Kategorie / Filtry.
   Mobile <= 920 px bez zmian.
   ========================================================== */
@media (min-width: 921px){
    body.masterbar-shop-archive .masterbar-desktop-category-menu{
        display: flex !important;
    }

    body.masterbar-shop-archive .masterbar-desktop-nav-inner{
        justify-content: flex-start !important;
        min-height: 48px;
    }

    /* 0.5.29 wyłączał dawny drawer, gdy katalog przejmował sidebar.
       Przy aktywnym nowym MASTERBAR Menu przywracamy wyłącznie warstwę
       potrzebną przyciskowi „Kategorie”. Stan zamknięty/otwarty nadal
       kontrolują klasy .is-open i skrypt MASTERBAR Menu. */
    

    

    

    

    

    
}


/* ==========================================================
   MASTERBAR UI 0.5.95 – CATALOG NAV DUPLICATION CLEANUP
   Na desktopowych archiwach WooCommerce lokalny sidebar ma już
   własne „Kategorie”, więc w głównym pasku chowamy tylko globalny
   trigger „Kategorie”. Pozostałe linki nawigacji zostają.
   Produkt, strony zwykłe i mobile pozostają bez zmian.
   ========================================================== */
@media (min-width: 921px){
    .masterbar-nav--catalog-archive .masterbar-desktop-primary-nav-categories{
        display: none !important;
    }
}


/* 0.5.97 – wyszukiwarka i główne akcje headera. */
.masterbar-header-search button,
.masterbar-search button,
.masterbar-search-submit,
button.masterbar-search-submit{
  background:var(--mb-color-primary,#0D2F55)!important;
  border-color:var(--mb-color-primary,#0D2F55)!important;
  color:var(--mb-color-contrast,#FFFFFF)!important;
}
.masterbar-header-search button:hover,
.masterbar-search button:hover,
.masterbar-search-submit:hover{
  background:var(--mb-color-primary-hover,#1F4E8C)!important;
}

/* 0.5.100 – CLS SAFE SPLIT
 * Minimalna geometria/ukrycie elementów interaktywnych musi być dostępna
 * przed pierwszym paintem. Pełny wygląd nadal pozostaje w
 * header-interactions.css ładowanym nieblokująco.
 */
.masterbar-categories-drawer{
    position: fixed;
    top: var(--masterbar-sticky-top, 0px);
    left: 0;
    right: 0;
    z-index: 44;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
}
.masterbar-categories-overlay[hidden],
.masterbar-account-overlay[hidden]{
    display: none !important;
}
.masterbar-account-drawer,
.masterbar-account-overlay{
    display: none;
}
@media (min-width: 921px){
    .masterbar-account-dropdown{
        position: absolute;
        top: calc(100% + 10px);
        right: 0;
        visibility: hidden;
        opacity: 0;
    }
    .masterbar-top-category-menus{
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        pointer-events: none;
    }
}
@media (max-width: 920px){
    .masterbar-account-dropdown{
        display: none !important;
    }
}

/* 0.5.123: tylko układ nagłówka. Panel, klawiaturę i zamykanie obsługuje MASTERBAR Search. */
.masterbar-mobile-search-trigger { display:none !important; }
@media (max-width:920px) {
 .masterbar-mainbar .masterbar-header-container.masterbar-mainbar-inner {
   width:100% !important;max-width:100% !important;margin:0 !important;
   padding-left:2px !important;padding-right:2px !important;
   grid-template-columns:36px minmax(0,1fr) auto !important;
   grid-template-rows:52px !important;column-gap:2px !important;row-gap:0 !important;
 }
 .masterbar-mainbar-inner .masterbar-actions {gap:0 !important;}
 .masterbar-mainbar-inner .masterbar-action,.masterbar-mainbar-inner .masterbar-account-trigger {width:31px !important;min-width:31px !important;}
 .masterbar-mainbar-inner .masterbar-brand {justify-self:center !important;min-width:0 !important;}
 .masterbar-mainbar-inner .masterbar-brand .custom-logo {max-width:min(175px,38vw) !important;}
 .masterbar-mobile-search-trigger {display:inline-flex !important;align-items:center !important;justify-content:center !important;border:0 !important;background:transparent !important;color:inherit !important;padding:0 !important;}
 /* Zamiast ukrywać formularz na 1px, używamy oryginalnego trybu rozwijania. */
 .masterbar-mainbar-inner > form.masterbar-search {display:none !important;}
 body.masterbar-mobile-search-expanded .masterbar-mainbar-inner {
   grid-template-rows:52px 62px !important;
   padding-bottom:8px !important;
 }
 body.masterbar-mobile-search-expanded .masterbar-mainbar-inner > form.masterbar-search {
   display:flex !important;grid-column:1 / -1 !important;grid-row:2 !important;
   position:relative !important;width:100% !important;height:54px !important;
   min-width:0 !important;opacity:1 !important;pointer-events:auto !important;
   overflow:visible !important;margin:0 !important;
 }
 body.masterbar-search-enhanced-mobile .masterbar-mainbar-inner > form.masterbar-search {
   display:flex !important;opacity:1 !important;pointer-events:auto !important;
 }

}

/* MASTERBAR UI 0.5.127 — mobile header ~15% taller and clearer icons.
   Scoped to the existing header; does not change search overlay behaviour. */
@media (max-width:920px) {
  .masterbar-mainbar .masterbar-header-container.masterbar-mainbar-inner,
  body.masterbar-is-scrolled .masterbar-mainbar .masterbar-header-container.masterbar-mainbar-inner {
    grid-template-rows:60px !important;
    min-height:60px !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }
  body.masterbar-mobile-search-expanded .masterbar-mainbar .masterbar-header-container.masterbar-mainbar-inner,
  body.masterbar-is-scrolled.masterbar-mobile-search-expanded .masterbar-mainbar .masterbar-header-container.masterbar-mainbar-inner {
    grid-template-rows:60px 62px !important;
  }
  .masterbar-mainbar-inner .masterbar-action,
  .masterbar-mainbar-inner .masterbar-account-trigger,
  .masterbar-mainbar-inner .masterbar-mobile-search-trigger {
    width:34px !important;
    min-width:34px !important;
    height:40px !important;
    display:inline-flex;
    align-items:center;
    justify-content:center;
  }
  .masterbar-mainbar-inner .masterbar-action svg,
  .masterbar-mainbar-inner .masterbar-account-trigger svg,
  .masterbar-mainbar-inner .masterbar-mobile-search-trigger svg {
    width:26px !important;
    height:26px !important;
  }
  .masterbar-mainbar-inner .masterbar-menu-toggle {
    height:46px !important;
    min-height:46px !important;
  }
  .masterbar-mainbar-inner .masterbar-menu-toggle svg {
    width:26px !important;
    height:26px !important;
  }
  .masterbar-mainbar-inner .masterbar-actions { gap:0 !important; }
}

/* 0.5.128 – larger mobile header icons; preserve 60px header and search. */
@media (max-width:920px) {
  .masterbar-mainbar-inner .masterbar-action svg,
  .masterbar-mainbar-inner .masterbar-account-trigger svg,
  .masterbar-mainbar-inner .masterbar-mobile-search-trigger svg,
  .masterbar-mainbar-inner .masterbar-menu-toggle svg {
    width:30px !important;
    height:30px !important;
    max-width:100% !important;
  }
  .masterbar-mainbar-inner .masterbar-actions { gap:0 !important; }
}

/* 0.5.129: real SVG icons are nested in .masterbar-action-icon; override their more-specific rules. */
@media (max-width: 920px) {
  .masterbar-mainbar .masterbar-actions .masterbar-action-icon,
  body.masterbar-is-scrolled .masterbar-mainbar .masterbar-actions .masterbar-action-icon {
    width: 38px !important; height: 38px !important;
    display: inline-flex !important; align-items: center !important; justify-content: center !important;
  }
  .masterbar-mainbar .masterbar-actions .masterbar-action-icon > svg,
  body.masterbar-is-scrolled .masterbar-mainbar .masterbar-actions .masterbar-action-icon > svg,
  .masterbar-mainbar .masterbar-mobile-search-trigger svg,
  .masterbar-mainbar .masterbar-menu-toggle svg {
    width: 34px !important; height: 34px !important;
    max-width: none !important;
  }
  .masterbar-mainbar .masterbar-actions .masterbar-action,
  .masterbar-mainbar .masterbar-actions .masterbar-account-trigger {
    width: 38px !important; min-width: 38px !important;
  }
  .masterbar-mainbar .masterbar-actions { gap: 0 !important; }
}