/* MASTERBAR Menu 0.1.7 – jeden panel kategorii na desktopie; mobile bez zmian. */
.masterbar-menu-chevron{width:18px;height:18px;flex:0 0 18px}
.masterbar-category-children-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}
.masterbar-category-children-head h3{margin:0}
.masterbar-category-children-head>a{font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap}

@media (min-width:921px){
  /* Desktop: wyłącznie jeden duży panel kategorii. */
  .masterbar-top-category-menus{display:none!important}
  .masterbar-desktop-category-menu>li[data-masterbar-term-id]>a{cursor:pointer}

  body.masterbar-menu-open .masterbar-categories-panel{position:relative}
  body.masterbar-menu-unified-desktop .masterbar-mobile-drawer-tabs,
  body.masterbar-menu-unified-desktop .masterbar-mobile-drawer-view{display:none!important}
  body.masterbar-menu-unified-desktop .masterbar-categories-title,
  body.masterbar-menu-unified-desktop .masterbar-categories-root{display:block!important}

  /* Nie pokazujemy na desktopie zakładki Menu ani starego dropdownu stron. */
  .masterbar-desktop-pages-list .sub-menu,
  .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:none!important}

  body.masterbar-menu-open .masterbar-categories-drawer-close{
    display:grid!important;place-items:center!important;position:absolute!important;
    top:12px!important;right:12px!important;z-index:100260!important;
    width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;
    margin:0!important;padding:0!important;border:1px solid #d8dee8!important;border-radius:10px!important;
    background:#fff!important;color:#172033!important;box-shadow:0 2px 8px rgba(15,23,42,.08)!important;
    font:inherit!important;cursor:pointer!important;pointer-events:auto!important
  }
  body.masterbar-menu-open .masterbar-categories-drawer-close>span{display:block!important;transform:translateY(-1px);font-size:34px!important;font-weight:300!important;line-height:1!important;pointer-events:none!important}
  body.masterbar-menu-open .masterbar-category-children-head{padding-right:54px}

  .masterbar-category-column ul{list-style:none!important;margin:8px 0 0!important;padding:0!important}
  .masterbar-category-column li{list-style:none!important;margin:0 0 8px!important;padding:0!important}
  .masterbar-category-column li::marker{content:''}
  .masterbar-category-column a{text-decoration:none}
}

@media (max-width:920px){
  /* Telefon pozostaje funkcjonalnie bez zmian. */
  .masterbar-mobile-category-all{font-weight:700}
  .masterbar-mobile-category-heading{padding-right:10px}
}

/* MASTERBAR Menu 0.1.8 – desktop sticky zawsze otwiera ten sam duży panel.
   Kasuje legacy układ 420px/boczny drawer z dawnych wersji MASTERBAR UI.
   Mobile <= 920px pozostaje bez zmian. */
@media (min-width:921px){
  body.masterbar-menu-unified-desktop.masterbar-is-scrolled .masterbar-categories-drawer{
    position:fixed!important;
    inset:auto 0 auto 0!important;
    top:0!important;
    right:0!important;
    bottom:auto!important;
    left:0!important;
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    transform:none!important;
    z-index:100190!important;
  }
  body.admin-bar.masterbar-menu-unified-desktop.masterbar-is-scrolled .masterbar-categories-drawer{
    top:32px!important;
  }
  body.masterbar-menu-unified-desktop.masterbar-is-scrolled .masterbar-categories-drawer-inner{
    width:min(calc(100% - 32px),var(--masterbar-content-width))!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0 auto!important;
    padding:62px 0 0!important;
    overflow:visible!important;
  }
  body.masterbar-menu-unified-desktop.masterbar-is-scrolled .masterbar-categories-panel{
    display:grid!important;
    grid-template-columns:300px minmax(0,1fr)!important;
    position:relative!important;
    width:100%!important;
    height:auto!important;
    min-height:390px!important;
    max-height:min(70vh,620px)!important;
    overflow:hidden!important;
    border:1px solid var(--masterbar-border)!important;
    border-radius:0 0 14px 14px!important;
    background:#fff!important;
    box-shadow:0 18px 45px rgba(15,23,42,.18)!important;
  }
  body.masterbar-menu-unified-desktop.masterbar-is-scrolled .masterbar-categories-title,
  body.masterbar-menu-unified-desktop.masterbar-is-scrolled .masterbar-categories-root{
    display:block!important;
  }
  body.masterbar-menu-unified-desktop.masterbar-is-scrolled .masterbar-mobile-drawer-tabs,
  body.masterbar-menu-unified-desktop.masterbar-is-scrolled .masterbar-mobile-drawer-view{
    display:none!important;
  }
}


/* MASTERBAR Menu 0.2.0 – osiem przełączanych wariantów wyglądu desktopowego mega-menu.
   Logika i mobile pozostają bez zmian. Domyślnie style-7 (wizualizacja C). */
@media (min-width:921px){
  body.masterbar-menu-unified-desktop .masterbar-category-children{
    padding:22px 28px 28px!important;overflow:auto!important;scrollbar-gutter:stable;
  }
  body.masterbar-menu-unified-desktop .masterbar-category-children-head{
    margin:0 0 16px!important;padding:0 56px 14px 0!important;border-bottom:1px solid #e8edf3!important;
  }
  body.masterbar-menu-unified-desktop .masterbar-category-children-head h3{font-size:19px!important;line-height:1.25!important;font-weight:700!important}
  body.masterbar-menu-unified-desktop .masterbar-category-columns{
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px 16px!important;align-content:start!important;
  }
  body.masterbar-menu-unified-desktop .masterbar-category-column{min-width:0!important}
  body.masterbar-menu-unified-desktop .masterbar-category-title-row{display:flex;align-items:center;gap:8px;min-width:0}
  body.masterbar-menu-unified-desktop .masterbar-category-title-icon{display:none;align-items:center;justify-content:center;flex:0 0 28px;width:28px;height:28px;color:#184b7a}
  body.masterbar-menu-unified-desktop .masterbar-category-icon-svg{display:block;width:22px;height:22px}
  body.masterbar-menu-unified-desktop .masterbar-category-child-title{display:block!important;margin:0!important;font-size:14px!important;line-height:1.35!important;font-weight:700!important;color:#172033!important;text-decoration:none!important}
  body.masterbar-menu-unified-desktop .masterbar-category-card-media{display:none}
  body.masterbar-menu-unified-desktop .masterbar-category-card-description{display:none;margin:8px 0 0;font-size:12.5px;line-height:1.45;color:#64748b}
  body.masterbar-menu-unified-desktop .masterbar-category-column ul{list-style:none!important;margin:9px 0 0!important;padding:0!important}
  body.masterbar-menu-unified-desktop .masterbar-category-column li{list-style:none!important;margin:0!important;padding:0!important}
  body.masterbar-menu-unified-desktop .masterbar-category-column li+li{margin-top:3px!important}
  body.masterbar-menu-unified-desktop .masterbar-category-column li a{display:block!important;padding:5px 0!important;font-size:13.5px!important;line-height:1.35!important;color:#334155!important;text-decoration:none!important}
  body.masterbar-menu-unified-desktop .masterbar-category-column a:hover,
  body.masterbar-menu-unified-desktop .masterbar-category-column a:focus-visible{color:#0f4c81!important}

  /* 1 – karty z ikonami i delikatnym tłem */
  body.masterbar-menu-style-1.masterbar-menu-unified-desktop .masterbar-category-column{padding:14px 15px!important;border:1px solid #e7ebf0!important;border-radius:10px!important;background:#fbfcfe!important}
  body.masterbar-menu-style-1.masterbar-menu-unified-desktop .masterbar-category-title-icon{display:flex}
  body.masterbar-menu-style-1.masterbar-menu-unified-desktop .masterbar-category-column ul{padding-top:8px!important;border-top:1px solid #eef1f5!important}

  /* 2 – lekkie sekcje z ikoną przy nagłówku */
  body.masterbar-menu-style-2.masterbar-menu-unified-desktop .masterbar-category-columns{gap:4px 28px!important}
  body.masterbar-menu-style-2.masterbar-menu-unified-desktop .masterbar-category-column{padding:8px 0 14px!important;border-bottom:1px solid #e8edf3!important}
  body.masterbar-menu-style-2.masterbar-menu-unified-desktop .masterbar-category-title-icon{display:flex}
  body.masterbar-menu-style-2.masterbar-menu-unified-desktop .masterbar-category-column ul{margin-left:36px!important}

  /* 3 – kompaktowe czyste kolumny */
  body.masterbar-menu-style-3.masterbar-menu-unified-desktop .masterbar-category-columns{gap:18px 28px!important}
  body.masterbar-menu-style-3.masterbar-menu-unified-desktop .masterbar-category-column{padding:0 0 12px!important}
  body.masterbar-menu-style-3.masterbar-menu-unified-desktop .masterbar-category-child-title{padding-bottom:8px!important;border-bottom:1px solid #dfe6ee!important}

  /* 4 – duże kafle z ikonami i opisem */
  body.masterbar-menu-style-4.masterbar-menu-unified-desktop .masterbar-category-column{padding:16px!important;border:1px solid #e4e9ef!important;border-radius:12px!important;background:#fbfcfe!important;min-height:150px!important}
  body.masterbar-menu-style-4.masterbar-menu-unified-desktop .masterbar-category-title-row{flex-direction:column;align-items:flex-start;gap:7px}
  body.masterbar-menu-style-4.masterbar-menu-unified-desktop .masterbar-category-title-icon{display:flex;width:42px;height:42px;flex-basis:42px;border-radius:10px;background:#edf4fb;color:#18548a}
  body.masterbar-menu-style-4.masterbar-menu-unified-desktop .masterbar-category-title-icon .masterbar-category-icon-svg{width:26px;height:26px}
  body.masterbar-menu-style-4.masterbar-menu-unified-desktop .masterbar-category-card-description{display:block}
  body.masterbar-menu-style-4.masterbar-menu-unified-desktop .masterbar-category-column ul{margin-top:10px!important;padding-top:8px!important;border-top:1px solid #edf0f4!important}

  /* 5 – A Minimal & Clean */
  body.masterbar-menu-style-5.masterbar-menu-unified-desktop .masterbar-category-column{padding:14px!important;border:1px solid #dfe6ee!important;border-radius:9px!important;background:#fff!important}
  body.masterbar-menu-style-5.masterbar-menu-unified-desktop .masterbar-category-title-row{align-items:flex-start}
  body.masterbar-menu-style-5.masterbar-menu-unified-desktop .masterbar-category-title-icon{display:flex;width:34px;height:34px;flex-basis:34px;border:1px solid #d7e4f1;border-radius:9px;background:#f8fbff;color:#0f4c81}
  body.masterbar-menu-style-5.masterbar-menu-unified-desktop .masterbar-category-column ul{margin-left:42px!important}

  /* 6 – B ze zdjęciami kategorii + bezpieczny fallback ikonowy */
  body.masterbar-menu-style-6.masterbar-menu-unified-desktop .masterbar-category-column{overflow:hidden!important;padding:0 0 12px!important;border:1px solid #e1e7ee!important;border-radius:10px!important;background:#fff!important}
  body.masterbar-menu-style-6.masterbar-menu-unified-desktop .masterbar-category-card-media{display:flex;height:98px;align-items:center;justify-content:center;overflow:hidden;background:#f2f5f8}
  body.masterbar-menu-style-6.masterbar-menu-unified-desktop .masterbar-category-card-media img{width:100%;height:100%;object-fit:cover;display:block}
  body.masterbar-menu-style-6.masterbar-menu-unified-desktop .masterbar-category-media-fallback{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:#fff;color:#184b7a;box-shadow:0 4px 14px rgba(15,23,42,.08)}
  body.masterbar-menu-style-6.masterbar-menu-unified-desktop .masterbar-category-media-fallback .masterbar-category-icon-svg{width:28px;height:28px}
  body.masterbar-menu-style-6.masterbar-menu-unified-desktop .masterbar-category-title-row{padding:11px 12px 0}
  body.masterbar-menu-style-6.masterbar-menu-unified-desktop .masterbar-category-column ul{padding:0 12px!important}

  /* 7 – C: ikony + wyróżnione nagłówki (domyślny) */
  body.masterbar-menu-style-7.masterbar-menu-unified-desktop .masterbar-category-columns{gap:16px 20px!important}
  body.masterbar-menu-style-7.masterbar-menu-unified-desktop .masterbar-category-column{padding:0 0 8px!important}
  body.masterbar-menu-style-7.masterbar-menu-unified-desktop .masterbar-category-title-row{padding:9px 10px!important;border-radius:8px!important;background:#f0f5fb!important}
  body.masterbar-menu-style-7.masterbar-menu-unified-desktop .masterbar-category-title-icon{display:flex;width:26px;height:26px;flex-basis:26px;color:#174d7d}
  body.masterbar-menu-style-7.masterbar-menu-unified-desktop .masterbar-category-title-icon .masterbar-category-icon-svg{width:19px;height:19px}
  body.masterbar-menu-style-7.masterbar-menu-unified-desktop .masterbar-category-column ul{margin:8px 10px 0!important}
  body.masterbar-menu-style-7.masterbar-menu-unified-desktop .masterbar-category-column li a{padding:4px 0!important}

  /* 8 – D: brandowy, miękkie kafle z opisem */
  body.masterbar-menu-style-8.masterbar-menu-unified-desktop .masterbar-category-columns{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  body.masterbar-menu-style-8.masterbar-menu-unified-desktop .masterbar-category-column{position:relative;padding:13px 15px!important;border:1px solid #dfe8f2!important;border-radius:11px!important;background:linear-gradient(135deg,#fff 0%,#f5f9fd 100%)!important}
  body.masterbar-menu-style-8.masterbar-menu-unified-desktop .masterbar-category-title-icon{display:flex;width:34px;height:34px;flex-basis:34px;border-radius:9px;background:#eaf2fa;color:#174d7d}
  body.masterbar-menu-style-8.masterbar-menu-unified-desktop .masterbar-category-card-description{display:block;margin-left:42px}
  body.masterbar-menu-style-8.masterbar-menu-unified-desktop .masterbar-category-column ul{margin-left:42px!important}
}

@media (min-width:1480px){
  body.masterbar-menu-unified-desktop:not(.masterbar-menu-style-8) .masterbar-category-columns{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media (min-width:921px) and (max-width:1180px){
  body.masterbar-menu-unified-desktop .masterbar-category-children{padding-left:20px!important;padding-right:20px!important}
  body.masterbar-menu-unified-desktop .masterbar-category-columns{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* MASTERBAR Menu 0.2.5 – desktop hybrid 3-level navigation polish.
   Mobile pozostaje własnością MASTERBAR Mobile Menu / Catalog Sidebar. */
@media (min-width:921px){
  body.masterbar-menu-unified-desktop .masterbar-hybrid-menu{
    padding:18px 22px 24px!important;
    overflow:hidden!important;
  }
  body.masterbar-menu-unified-desktop .masterbar-hybrid-menu .masterbar-category-children-head{
    margin:0 0 10px!important;
    padding:0 44px 12px 0!important;
    min-height:38px;
  }
  body.masterbar-menu-unified-desktop .masterbar-hybrid-menu .masterbar-category-children-head h3{
    font-size:18px!important;
  }
  body.masterbar-menu-unified-desktop .masterbar-hybrid-body{
    display:grid!important;
    grid-template-columns:minmax(220px,31%) minmax(0,1fr)!important;
    min-height:360px;
    height:100%;
    gap:0!important;
  }
  body.masterbar-menu-unified-desktop .masterbar-hybrid-level2{
    min-width:0;
    padding:4px 16px 4px 0;
    border-right:1px solid #e7ebf0;
    overflow:auto;
  }
  body.masterbar-menu-unified-desktop .masterbar-hybrid-level2 ul,
  body.masterbar-menu-unified-desktop .masterbar-hybrid-level3-list{
    list-style:none!important;
    margin:0!important;
    padding:0!important;
  }
  body.masterbar-menu-unified-desktop .masterbar-hybrid-level2-item{
    margin:0!important;
    padding:0!important;
  }
  body.masterbar-menu-unified-desktop .masterbar-hybrid-level2-item>a{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    min-height:39px!important;
    padding:8px 10px!important;
    border-radius:7px!important;
    color:#26364a!important;
    font-size:13.5px!important;
    font-weight:600!important;
    line-height:1.25!important;
    text-decoration:none!important;
    transition:background .12s ease,color .12s ease!important;
  }
  body.masterbar-menu-unified-desktop .masterbar-hybrid-level2-item>a .masterbar-menu-chevron{
    width:15px!important;height:15px!important;flex:0 0 15px!important;color:#8a98a8!important;
  }
  body.masterbar-menu-unified-desktop .masterbar-hybrid-level2-item.is-active>a,
  body.masterbar-menu-unified-desktop .masterbar-hybrid-level2-item>a:hover,
  body.masterbar-menu-unified-desktop .masterbar-hybrid-level2-item>a:focus-visible{
    background:#eef5fb!important;
    color:#0f4c81!important;
  }
  body.masterbar-menu-unified-desktop .masterbar-hybrid-level2-item.is-active>a .masterbar-menu-chevron{color:#0f4c81!important}
  body.masterbar-menu-unified-desktop .masterbar-hybrid-level3{
    min-width:0;
    padding:5px 4px 8px 26px;
    overflow:auto;
  }
  body.masterbar-menu-unified-desktop .masterbar-hybrid-level3-panel{display:none!important}
  body.masterbar-menu-unified-desktop .masterbar-hybrid-level3-panel.is-active{display:block!important}
  body.masterbar-menu-unified-desktop .masterbar-hybrid-level3-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:18px;
    padding:0 0 13px;
    margin:0 0 9px;
    border-bottom:1px solid #edf0f4;
  }
  body.masterbar-menu-unified-desktop .masterbar-hybrid-eyebrow{
    display:block;
    margin:0 0 3px;
    color:#a3adba;
    font-size:10px;
    font-weight:500;
    line-height:1.2;
  }
  body.masterbar-menu-unified-desktop .masterbar-hybrid-level3-head h4{
    margin:0!important;
    color:#172033!important;
    font-size:17px!important;
    line-height:1.25!important;
    font-weight:700!important;
  }
  body.masterbar-menu-unified-desktop .masterbar-hybrid-level3-head>a{
    flex:0 0 auto;
    color:#0f5f9d!important;
    font-size:12px!important;
    font-weight:600!important;
    text-decoration:none!important;
  }
  body.masterbar-menu-unified-desktop .masterbar-hybrid-level3-list{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:1px 26px!important;
  }
  body.masterbar-menu-unified-desktop .masterbar-hybrid-level3-list li{margin:0!important;padding:0!important}
  body.masterbar-menu-unified-desktop .masterbar-hybrid-level3-list a{
    display:block!important;
    padding:8px 2px!important;
    color:#334155!important;
    font-size:13.5px!important;
    line-height:1.3!important;
    text-decoration:none!important;
  }
  body.masterbar-menu-unified-desktop .masterbar-hybrid-level3-list a:hover,
  body.masterbar-menu-unified-desktop .masterbar-hybrid-level3-list a:focus-visible{color:#0f4c81!important;text-decoration:underline!important;text-underline-offset:3px}
  body.masterbar-menu-unified-desktop .masterbar-hybrid-empty{
    padding:14px 0;
    color:#667085;
    font-size:13px;
  }
  body.masterbar-menu-unified-desktop .masterbar-hybrid-empty p{margin:0 0 9px!important}
  body.masterbar-menu-unified-desktop .masterbar-hybrid-empty a{color:#0f5f9d!important;font-weight:600!important;text-decoration:none!important}

  /* Stare warianty kart nie ingerują w nową hybrydę. */
  body.masterbar-menu-unified-desktop .masterbar-hybrid-menu .masterbar-category-columns,
  body.masterbar-menu-unified-desktop .masterbar-hybrid-menu .masterbar-category-column,
  body.masterbar-menu-unified-desktop .masterbar-hybrid-menu .masterbar-category-card-media,
  body.masterbar-menu-unified-desktop .masterbar-hybrid-menu .masterbar-category-title-row,
  body.masterbar-menu-unified-desktop .masterbar-hybrid-menu .masterbar-category-card-description{display:none!important}
}
@media (min-width:921px) and (max-width:1180px){
  body.masterbar-menu-unified-desktop .masterbar-hybrid-body{grid-template-columns:minmax(190px,35%) minmax(0,1fr)!important}
  body.masterbar-menu-unified-desktop .masterbar-hybrid-level3{padding-left:18px}
  body.masterbar-menu-unified-desktop .masterbar-hybrid-level3-list{grid-template-columns:1fr!important}
}

/* MASTERBAR Menu 0.2.6 – kompaktowy, przyszłościowy pasek nawigacji desktop.
   Mobile oraz istniejący drawer/mega-menu pozostają bez zmian. */
@media (min-width:921px){
  .masterbar-desktop-category-menu>.masterbar-desktop-primary-nav-item{
    display:flex!important;
    align-items:center!important;
  }
  .masterbar-desktop-category-menu>.masterbar-desktop-primary-nav-item>a,
  .masterbar-desktop-category-menu>.masterbar-desktop-primary-nav-item>.masterbar-desktop-categories-toggle{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    min-height:42px!important;
    padding:0 16px!important;
    border:0!important;
    background:transparent!important;
    color:inherit!important;
    font:inherit!important;
    font-weight:600!important;
    line-height:1.2!important;
    text-decoration:none!important;
    white-space:nowrap!important;
    cursor:pointer!important;
  }
  .masterbar-desktop-category-menu>.masterbar-desktop-primary-nav-item>a:hover,
  .masterbar-desktop-category-menu>.masterbar-desktop-primary-nav-item>a:focus-visible,
  .masterbar-desktop-category-menu>.masterbar-desktop-primary-nav-item>.masterbar-desktop-categories-toggle:hover,
  .masterbar-desktop-category-menu>.masterbar-desktop-primary-nav-item>.masterbar-desktop-categories-toggle:focus-visible{
    color:#0f4c81!important;
    background:#f4f7fa!important;
    outline:none!important;
  }
  .masterbar-desktop-primary-nav-categories{margin-right:4px!important}
  .masterbar-desktop-primary-nav-categories .masterbar-desktop-categories-toggle{font-weight:700!important}
  .masterbar-desktop-categories-icon{display:inline-flex!important;flex-direction:column!important;justify-content:center!important;gap:3px!important;width:15px!important;height:15px!important}
  .masterbar-desktop-categories-icon i{display:block!important;width:15px!important;height:1.5px!important;border-radius:2px!important;background:currentColor!important}
}


/* MASTERBAR Menu 0.2.7 – mocniejszy przycisk Kategorie + pewne otwieranie drawer. */
@media (min-width:921px){
  .masterbar-desktop-category-menu>.masterbar-desktop-primary-nav-categories{
    margin-right:10px!important;
  }
  .masterbar-desktop-category-menu>.masterbar-desktop-primary-nav-categories>.masterbar-desktop-categories-toggle{
    min-width:168px!important;
    min-height:44px!important;
    justify-content:flex-start!important;
    padding:0 18px!important;
    border:1px solid #d5e3ef!important;
    border-radius:8px!important;
    background:#eef5fb!important;
    color:#123f67!important;
    box-shadow:0 1px 2px rgba(15,23,42,.04)!important;
  }
  .masterbar-desktop-category-menu>.masterbar-desktop-primary-nav-categories>.masterbar-desktop-categories-toggle:hover,
  .masterbar-desktop-category-menu>.masterbar-desktop-primary-nav-categories>.masterbar-desktop-categories-toggle:focus-visible,
  .masterbar-desktop-category-menu>.masterbar-desktop-primary-nav-categories>.masterbar-desktop-categories-toggle[aria-expanded="true"]{
    background:#e2eef8!important;
    border-color:#b9d1e5!important;
    color:#0f4c81!important;
  }
  .masterbar-desktop-categories-icon{
    display:grid!important;
    grid-template-columns:repeat(2,5px)!important;
    grid-template-rows:repeat(2,5px)!important;
    gap:2px!important;
    width:12px!important;
    height:12px!important;
    flex:0 0 12px!important;
  }
  .masterbar-desktop-categories-icon i{
    width:5px!important;
    height:5px!important;
    border-radius:1px!important;
    background:currentColor!important;
  }
  .masterbar-desktop-categories-label{flex:1 1 auto!important;text-align:left!important}
  .masterbar-desktop-categories-chevron{width:16px!important;height:16px!important;flex:0 0 16px!important;transition:transform .18s ease!important}
  .masterbar-desktop-categories-toggle[aria-expanded="true"] .masterbar-desktop-categories-chevron{transform:rotate(180deg)!important}
}


/* MASTERBAR Menu 0.2.8 – wymuszona widoczność etykiety Kategorie.
   Naprawia konflikt stylów headera, który potrafił ukryć tekst przycisku. */
@media (min-width:921px){
  .masterbar-desktop-category-menu>.masterbar-desktop-primary-nav-categories>.masterbar-desktop-categories-toggle{
    min-width:188px!important;
    width:auto!important;
    gap:11px!important;
  }
  .masterbar-desktop-category-menu .masterbar-desktop-categories-label{
    display:inline-block!important;
    visibility:visible!important;
    opacity:1!important;
    width:auto!important;
    min-width:84px!important;
    max-width:none!important;
    height:auto!important;
    overflow:visible!important;
    clip:auto!important;
    clip-path:none!important;
    position:static!important;
    margin:0!important;
    padding:0!important;
    font-size:14px!important;
    font-weight:700!important;
    line-height:1.2!important;
    white-space:nowrap!important;
    text-indent:0!important;
  }
}


/* MASTERBAR Menu 0.3.1 – próba rozdzielenia nawigacji globalnej od lokalnej.
   Tylko desktop. Mega-menu i mobile bez zmian. */
@media (min-width:921px){
  .masterbar-desktop-primary-nav-categories--catalog{
    margin-right:22px!important;
    position:relative!important;
  }
  .masterbar-desktop-primary-nav-categories--catalog::after{
    content:""!important;
    position:absolute!important;
    right:-12px!important;
    top:11px!important;
    bottom:11px!important;
    width:1px!important;
    background:#e4e9ee!important;
  }
  .masterbar-desktop-primary-nav-categories--catalog>.masterbar-desktop-categories-toggle{
    background:#e9f2f9!important;
    border-color:#c7dbea!important;
  }
}


/* MASTERBAR Menu 0.3.2 – SEWING GOLD NAV FINAL
   Wariant wybrany na podstawie logo Sewing:
   złoty akcent przy globalnych Kategoriach + złoty separator + cienka
   złota linia zamykająca cały pasek. Tylko desktop. */
@media (min-width:921px){
  /* Cienka linia oddziela globalną nawigację od lokalnego katalogu. */
  .masterbar-desktop-category-menu{
    position:relative!important;
    border-bottom:1px solid #c18a16!important;
  }

  /* Globalne Kategorie – jasne, ale z akcentem marki zamiast kolejnego
     granatowego przycisku. */
  .masterbar-desktop-category-menu>.masterbar-desktop-primary-nav-categories>
  .masterbar-desktop-categories-toggle{
    background:#fff9ec!important;
    border-color:#e3c27a!important;
    color:#123f67!important;
    box-shadow:0 1px 2px rgba(15,23,42,.035)!important;
  }

  /* Ikona ma kolor dobrany do środkowego tonu złota z logo Sewing. */
  .masterbar-desktop-category-menu .masterbar-desktop-primary-nav-categories
  .masterbar-desktop-categories-icon{
    color:#b77a00!important;
  }

  .masterbar-desktop-category-menu>.masterbar-desktop-primary-nav-categories>
  .masterbar-desktop-categories-toggle:hover,
  .masterbar-desktop-category-menu>.masterbar-desktop-primary-nav-categories>
  .masterbar-desktop-categories-toggle:focus-visible,
  .masterbar-desktop-category-menu>.masterbar-desktop-primary-nav-categories>
  .masterbar-desktop-categories-toggle[aria-expanded="true"]{
    background:#fff5dd!important;
    border-color:#c99a38!important;
    color:#123f67!important;
  }

  /* Separator po Kategoriach – ten sam złoty język wizualny. */
  .masterbar-desktop-primary-nav-categories--catalog::after{
    background:#c18a16!important;
    opacity:.78!important;
  }
}

/* Poza archiwum też zachowujemy ten sam złoty separator, aby header
   wyglądał spójnie na stronie głównej i produkcie. */
@media (min-width:921px){
  .masterbar-desktop-category-menu>
  .masterbar-desktop-primary-nav-categories:not(.masterbar-desktop-primary-nav-categories--catalog){
    margin-right:22px!important;
    position:relative!important;
  }
  .masterbar-desktop-category-menu>
  .masterbar-desktop-primary-nav-categories:not(.masterbar-desktop-primary-nav-categories--catalog)::after{
    content:""!important;
    position:absolute!important;
    right:-12px!important;
    top:11px!important;
    bottom:11px!important;
    width:1px!important;
    background:#c18a16!important;
    opacity:.78!important;
  }
}


/* MASTERBAR Menu 0.3.3 – CENTRAL NAVY PALETTE
   Nadpisuje wcześniejszy eksperyment złoty bez usuwania logiki. */
@media (min-width:921px){
  .masterbar-desktop-category-menu{
    border-bottom:1px solid var(--mb-color-primary,#0D2F55)!important;
  }

  .masterbar-desktop-category-menu>.masterbar-desktop-primary-nav-categories>
  .masterbar-desktop-categories-toggle{
    background:var(--mb-color-primary,#0D2F55)!important;
    border-color:var(--mb-color-primary,#0D2F55)!important;
    color:var(--mb-color-contrast,#FFFFFF)!important;
  }

  .masterbar-desktop-category-menu .masterbar-desktop-primary-nav-categories
  .masterbar-desktop-categories-icon{
    color:var(--mb-color-contrast,#FFFFFF)!important;
  }

  .masterbar-desktop-category-menu>.masterbar-desktop-primary-nav-categories>
  .masterbar-desktop-categories-toggle:hover,
  .masterbar-desktop-category-menu>.masterbar-desktop-primary-nav-categories>
  .masterbar-desktop-categories-toggle:focus-visible,
  .masterbar-desktop-category-menu>.masterbar-desktop-primary-nav-categories>
  .masterbar-desktop-categories-toggle[aria-expanded="true"]{
    background:var(--mb-color-primary-hover,#1F4E8C)!important;
    border-color:var(--mb-color-primary-hover,#1F4E8C)!important;
    color:var(--mb-color-contrast,#FFFFFF)!important;
  }

  .masterbar-desktop-primary-nav-categories--catalog::after,
  .masterbar-desktop-category-menu>
  .masterbar-desktop-primary-nav-categories:not(.masterbar-desktop-primary-nav-categories--catalog)::after{
    background:var(--mb-color-primary,#0D2F55)!important;
    opacity:1!important;
  }

  .masterbar-desktop-category-menu>.masterbar-desktop-primary-nav-item>a:hover,
  .masterbar-desktop-category-menu>.masterbar-desktop-primary-nav-item>a:focus-visible{
    color:var(--mb-color-primary,#0D2F55)!important;
    background:var(--mb-color-primary-soft,#E9F1FB)!important;
  }
}

/* MASTERBAR Menu 0.3.4 – wyższe mega-menu na desktopie.
   Przy większej liczbie kategorii wykorzystujemy więcej wysokości ekranu.
   Mobile <= 920 px pozostaje bez zmian. */
@media (min-width:921px){
  body.masterbar-menu-unified-desktop .masterbar-categories-panel{
    height:min(82vh,720px)!important;
    min-height:440px!important;
    max-height:min(82vh,720px)!important;
  }

  body.masterbar-menu-unified-desktop .masterbar-hybrid-menu{
    height:100%!important;
    max-height:100%!important;
    overflow:hidden!important;
  }

  body.masterbar-menu-unified-desktop .masterbar-hybrid-body{
    min-height:0!important;
    height:calc(100% - 66px)!important;
    max-height:none!important;
  }

  body.masterbar-menu-unified-desktop .masterbar-hybrid-level2,
  body.masterbar-menu-unified-desktop .masterbar-hybrid-level3{
    min-height:0!important;
    max-height:100%!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
  }
}

/* Niższe laptopy: nadal więcej miejsca niż wcześniej, ale panel nie wychodzi
   poza widoczny obszar ekranu. */
@media (min-width:921px) and (max-height:760px){
  body.masterbar-menu-unified-desktop .masterbar-categories-panel{
    height:calc(100vh - 150px)!important;
    min-height:390px!important;
    max-height:calc(100vh - 150px)!important;
  }
}


/* MASTERBAR Menu 0.3.5 – spójna wysokość po uruchomieniu sticky headera
   + blokada przewijania strony pod otwartym mega-menu. */
@media (min-width:921px){
  html:has(body.masterbar-menu-open.masterbar-menu-unified-desktop){
    overflow:hidden!important;
  }

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

  body.masterbar-is-scrolled.masterbar-menu-unified-desktop .masterbar-categories-panel{
    height:min(82vh,720px)!important;
    min-height:440px!important;
    max-height:min(82vh,720px)!important;
  }

  body.masterbar-is-scrolled.masterbar-menu-unified-desktop .masterbar-hybrid-menu{
    height:100%!important;
    max-height:100%!important;
  }

  body.masterbar-is-scrolled.masterbar-menu-unified-desktop .masterbar-hybrid-body{
    min-height:0!important;
    height:calc(100% - 66px)!important;
    max-height:none!important;
  }

  body.masterbar-is-scrolled.masterbar-menu-unified-desktop .masterbar-hybrid-level2,
  body.masterbar-is-scrolled.masterbar-menu-unified-desktop .masterbar-hybrid-level3{
    min-height:0!important;
    max-height:100%!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
  }
}

@media (min-width:921px) and (max-height:760px){
  body.masterbar-is-scrolled.masterbar-menu-unified-desktop .masterbar-categories-panel{
    height:calc(100vh - 150px)!important;
    min-height:390px!important;
    max-height:calc(100vh - 150px)!important;
  }
}


/* MASTERBAR Menu 0.3.6 – jeden desktopowy układ niezależnie od przycisku.
   Nadpisuje legacy sticky-drawer z MASTERBAR UI tylko wtedy, gdy Menu
   przejęło desktopowy drawer klasą masterbar-menu-unified-desktop. */
@media (min-width:921px){
  body.masterbar-menu-unified-desktop.masterbar-is-scrolled .masterbar-categories-drawer-inner{
    width:min(calc(100% - 32px),var(--masterbar-content-width))!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0 auto!important;
    padding:62px 0 0!important;
    overflow:visible!important;
  }

  body.masterbar-menu-unified-desktop.masterbar-is-scrolled .masterbar-categories-panel{
    display:grid!important;
    grid-template-columns:300px minmax(0,1fr)!important;
    position:relative!important;
    width:100%!important;
    height:min(82vh,720px)!important;
    min-height:440px!important;
    max-height:min(82vh,720px)!important;
    overflow:hidden!important;
    border:1px solid var(--masterbar-border)!important;
    border-radius:0 0 14px 14px!important;
    background:#fff!important;
    box-shadow:0 18px 45px rgba(15,23,42,.18)!important;
  }

  body.masterbar-menu-unified-desktop.masterbar-is-scrolled .masterbar-categories-title,
  body.masterbar-menu-unified-desktop.masterbar-is-scrolled .masterbar-categories-root{
    display:block!important;
  }

  body.masterbar-menu-unified-desktop.masterbar-is-scrolled .masterbar-mobile-drawer-tabs,
  body.masterbar-menu-unified-desktop.masterbar-is-scrolled .masterbar-mobile-drawer-view{
    display:none!important;
  }
}

@media (min-width:921px) and (max-height:760px){
  body.masterbar-menu-unified-desktop.masterbar-is-scrolled .masterbar-categories-panel{
    height:calc(100vh - 150px)!important;
    min-height:390px!important;
    max-height:calc(100vh - 150px)!important;
  }
}
