/* ==================== NAWIGACJA DESKTOP — ZAKŁADKI (M4H_HDR_NAV_STYLE = 'tabs') ====================
   Układ i stylistyka Metal4Home:
   [≡ wszystkie kategorie] | zakładki kategorii z oknem pod pozycją |  ···  | strefa prawa (B2B). */
.m4h-hdr__nav .m4h-hdr__wrap:has(.m4h-nav2){justify-content:flex-start}
.m4h-nav2{display:flex;align-items:stretch;justify-content:space-between;gap:14px;width:100%;height:var(--m4h-hdr-nav);margin:0;padding:0;list-style:none}
/* dwie strefy: OFERTA (główny element — jasna płyta z górną belką) | strefa pomocnicza (B2B, kontakt) */
.m4h-nav2__zone{display:flex;align-items:stretch;min-width:0;margin:0;padding:0;list-style:none}
.m4h-nav2__group{display:flex;align-items:stretch;height:100%;margin:0;padding:0;list-style:none}
.m4h-nav2__zone--offer{position:relative;background:transparent;box-shadow:none} /* v8.1.2: bez pogrubionej linii nad kategoriami — cała belka ma jedną, cienką linię */
.m4h-nav2__zone--offer .m4h-nav2__link{font-weight:600;letter-spacing:1.05px;color:var(--m4h-ink)}
.m4h-nav2__zone--offer .m4h-nav2__item:hover>.m4h-nav2__link,.m4h-nav2__zone--offer .m4h-nav2__item.is-open>.m4h-nav2__link{background:var(--m4h-surface)}
.m4h-nav2__zone--aux .m4h-nav2__group{align-items:center;gap:2px}
.m4h-nav2__zone--aux .m4h-nav2__item:not(.is-featured)>.m4h-nav2__link{height:36px;padding:0 9px;font-weight:500;letter-spacing:1.1px;color:#3d3d3d;background:none;transition:color .2s}
.m4h-nav2__zone--aux .m4h-nav2__item:not(.is-featured)>.m4h-nav2__link:hover{color:var(--m4h-ink);background:none}
.m4h-nav2__zone--aux .m4h-nav2__item:not(.is-featured)>.m4h-nav2__link::after{top:auto;bottom:7px;left:9px;right:9px;height:1px;transform:scaleX(0);transform-origin:center;transition:transform .3s var(--m4h-ease-out)}
.m4h-nav2__zone--aux .m4h-nav2__item:not(.is-featured):hover>.m4h-nav2__link::after,.m4h-nav2__zone--aux .m4h-nav2__item.is-current:not(.is-featured)>.m4h-nav2__link::after{transform:scaleX(1)}
.m4h-nav2__zone--aux .m4h-nav2__item:not(.is-featured):hover>.m4h-nav2__link{background:none}
.m4h-nav2__zone--aux .m4h-nav2__item{align-items:center}
.m4h-nav2__zone--aux .m4h-nav2__item.is-right-first{margin-left:0}
/* etykieta „Oferta” na początku płyty */
.m4h-nav2__lead{display:flex;align-items:center;gap:8px;padding:0 13px 0 14px;border-right:1px solid var(--m4h-line-2);font:600 10px/1 var(--m4h-font-ui);letter-spacing:2.2px;text-transform:uppercase;color:var(--m4h-muted);white-space:nowrap;list-style:none;user-select:none}
.m4h-nav2__lead-ico{display:block;width:12px;height:12px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Crect x='0' y='0' width='5' height='5' rx='.6'/%3E%3Crect x='7' y='0' width='5' height='5' rx='.6'/%3E%3Crect x='0' y='7' width='5' height='5' rx='.6'/%3E%3Crect x='7' y='7' width='5' height='5' rx='.6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Crect x='0' y='0' width='5' height='5' rx='.6'/%3E%3Crect x='7' y='0' width='5' height='5' rx='.6'/%3E%3Crect x='0' y='7' width='5' height='5' rx='.6'/%3E%3Crect x='7' y='7' width='5' height='5' rx='.6'/%3E%3C/svg%3E") center/contain no-repeat}
.m4h-nav2__item{position:relative;display:flex;align-items:stretch;list-style:none}
/* delikatne pionowe kreski między zakładkami (gasną przy aktywnej) */
.m4h-nav2__item:not(.is-right)+.m4h-nav2__item:not(.is-right)::before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:1px;background:linear-gradient(180deg,rgba(24,24,24,0),rgba(24,24,24,.14) 35%,rgba(24,24,24,.14) 65%,rgba(24,24,24,0));transition:opacity .2s}
.m4h-nav2__item.is-open::before,.m4h-nav2__item.is-open+.m4h-nav2__item::before,.m4h-nav2__item:hover::before,.m4h-nav2__item:hover+.m4h-nav2__item::before{opacity:0}
.m4h-nav2__link{position:relative;display:inline-flex;align-items:center;gap:8px;height:100%;padding:0 clamp(14px,1.4vw,22px);font:500 12px/1 var(--m4h-font-ui);letter-spacing:1.5px;text-transform:uppercase;color:var(--m4h-ink);white-space:nowrap;text-decoration:none;transition:background .2s,color .2s}
/* belka u góry zakładki — rym z górną krawędzią okna */
.m4h-nav2__link::after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--m4h-ink);transform:scaleX(0);transform-origin:center;transition:transform .3s var(--m4h-ease-out)}
.m4h-nav2__item:hover>.m4h-nav2__link,.m4h-nav2__item.is-open>.m4h-nav2__link{background:var(--m4h-surface)}
.m4h-nav2__item:hover>.m4h-nav2__link::after,.m4h-nav2__item.is-open>.m4h-nav2__link::after,.m4h-nav2__item.is-current>.m4h-nav2__link::after{transform:scaleX(1)}
.m4h-nav2__chev{width:9px;height:9px;opacity:.5;transition:transform .28s var(--m4h-ease-out),opacity .2s}
.m4h-nav2__item.is-open>.m4h-nav2__link .m4h-nav2__chev{transform:rotate(180deg);opacity:1}
/* przycisk „wszystkie kategorie” */
.m4h-nav2__offer{display:flex;align-items:center;margin-right:clamp(6px,.8vw,12px);list-style:none}
.m4h-hdr .m4h-nav2__offer-btn,.m4h-nav2__offer-btn{display:inline-flex;align-items:center;justify-content:center;width:42px;height:36px;padding:0;border:0;border-radius:var(--m4h-radius);background:var(--m4h-ink);color:#fff;cursor:pointer;transition:background .2s,transform .25s var(--m4h-ease-out)}
.m4h-hdr .m4h-nav2__offer-btn:hover,.m4h-nav2__offer-btn:hover{background:#000;transform:translateY(-1px)}
.m4h-nav2__offer-lines{position:relative;display:block;width:17px;height:11px}
.m4h-nav2__offer-lines i{position:absolute;left:0;height:1.4px;background:currentColor;transition:width .25s var(--m4h-ease-out)}
.m4h-nav2__offer-lines i:nth-child(1){top:0;width:100%}.m4h-nav2__offer-lines i:nth-child(2){top:5px;width:70%}.m4h-nav2__offer-lines i:nth-child(3){bottom:0;width:100%}
.m4h-nav2__offer-btn:hover .m4h-nav2__offer-lines i:nth-child(2){width:100%}
/* strefa prawa */
.m4h-nav2__item.is-right-first{margin-left:auto}
.m4h-nav2__item.is-featured{align-items:center}
/* B2B bez ramki: wyróżnia go pogrubienie i strzałka; przy najechaniu podkreślenie od środka i przesunięcie strzałki */
.m4h-nav2__item.is-featured>.m4h-nav2__link{height:36px;padding:0 9px;gap:9px;letter-spacing:1.1px;border:0;border-radius:0;background:none;font-weight:600;color:var(--m4h-ink);transition:color .2s}
.m4h-nav2__item.is-featured>.m4h-nav2__link::after{display:block;top:auto;bottom:7px;left:9px;right:9px;height:1px;transform:scaleX(0);transform-origin:center;transition:transform .3s var(--m4h-ease-out)}
.m4h-nav2__item.is-featured:hover>.m4h-nav2__link,.m4h-nav2__item.is-featured>.m4h-nav2__link:focus-visible{background:none;color:var(--m4h-ink)}
.m4h-nav2__item.is-featured:hover>.m4h-nav2__link::after,.m4h-nav2__item.is-featured>.m4h-nav2__link:focus-visible::after{transform:scaleX(1)}
/* „Polski producent” z okrągłą flagą — pierwszy w prawej strefie */
.m4h-nav2__item--producer>.m4h-nav2__link{gap:9px}
.m4h-nav2__flag{flex:none;display:block;width:14px;height:14px;border-radius:50%;background:linear-gradient(180deg,#fff 0 50%,#dc143c 50% 100%);box-shadow:inset 0 0 0 1px rgba(0,0,0,.16)}
.m4h-nav2__zone--aux .m4h-nav2__item--producer>.m4h-nav2__link::after{left:32px}
.m4h-nav2__go{width:13px;height:13px;transition:transform .25s var(--m4h-ease-out)}
.m4h-nav2__item.is-featured:hover .m4h-nav2__go{transform:translateX(3px)}

/* ---------- okno zakładki ---------- */
.m4h-nav2__drop{--m4h-nav2-sq:320px;position:absolute;top:100%;left:0;z-index:960;display:grid;grid-template-columns:minmax(0,1fr) var(--m4h-nav2-sq);grid-template-rows:auto auto;gap:0 20px;width:min(700px,calc(100vw - 48px));padding:18px 18px 0;background:#fff;border:1px solid var(--m4h-line);border-top:2px solid var(--m4h-ink);border-radius:0 0 var(--m4h-radius) var(--m4h-radius);box-shadow:0 26px 56px rgba(0,0,0,.10);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .2s var(--m4h-ease),transform .24s var(--m4h-ease-out),visibility 0s .24s;pointer-events:none}
.m4h-nav2__item.is-open>.m4h-nav2__drop{opacity:1;visibility:visible;transform:none;transition:opacity .2s var(--m4h-ease),transform .24s var(--m4h-ease-out),visibility 0s;pointer-events:auto}
.m4h-nav2__item.is-flip>.m4h-nav2__drop{left:auto;right:0}
/* gdy skrypt zakładek się nie wczytał (np. stary scalony JS w cache) — okna otwierają się samym CSS */
html:not(.m4h-nav2-js) .m4h-nav2__item.has-drop:hover>.m4h-nav2__drop,html:not(.m4h-nav2-js) .m4h-nav2__item.has-drop:focus-within>.m4h-nav2__drop{opacity:1;visibility:visible;transform:none;pointer-events:auto;transition-delay:0s}
/* długie listy: dwie kolumny wierszy zamiast przewijania, szersze okno — wysokość listy i podglądu się równoważy */
.m4h-nav2__drop.is-long{width:min(960px,calc(100vw - 48px));grid-template-columns:minmax(0,1fr) var(--m4h-nav2-sq)}
.m4h-nav2__drop.is-long .m4h-nav2__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px;row-gap:5px;align-content:start;max-height:calc(100vh - var(--m4h-top,160px) - 150px);overflow-y:auto}
.m4h-nav2__drop.is-long .m4h-nav2__eyebrow{grid-column:1/-1}
/* długie menu tekstowe (np. „Rodzaje dekoracji”): trzy kolumny bez miniatur, bez pustego podglądu,
   całość mieści się w ekranie, a nadmiar przewija się wewnątrz okna */
.m4h-nav2__drop.is-compact{width:min(1080px,calc(100vw - 48px));grid-template-columns:minmax(0,1fr) var(--m4h-nav2-sq)}
.m4h-nav2__drop.is-compact.no-preview{grid-template-columns:minmax(0,1fr)}
.m4h-nav2__drop.is-compact .m4h-nav2__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:18px;row-gap:1px;align-content:start;max-height:calc(100vh - var(--m4h-top,160px) - 150px);overflow-y:auto}
.m4h-nav2__drop.is-compact.no-preview .m4h-nav2__list{grid-template-columns:repeat(4,minmax(0,1fr))}
.m4h-nav2__drop.is-compact .m4h-nav2__eyebrow{grid-column:1/-1}
.m4h-nav2__drop.is-compact .m4h-nav2__eyebrow--group{margin-top:10px}
.m4h-nav2__eyebrow--group.is-first{margin-top:0!important}
.m4h-nav2__drop.is-compact .m4h-nav2__thumb{display:none}
.m4h-nav2__drop.is-compact .m4h-nav2__row{gap:10px;padding:7px 10px}
.m4h-nav2__drop.is-compact .m4h-nav2__text strong{font-size:13px;font-weight:400}
.m4h-nav2__drop.is-compact .m4h-nav2__row:hover .m4h-nav2__text strong,.m4h-nav2__drop.is-compact .m4h-nav2__row.is-active .m4h-nav2__text strong{font-weight:500}
@media (max-width:1280px){.m4h-nav2__drop.is-compact.no-preview .m4h-nav2__list{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* cienki pasek przewijania w liście */
.m4h-nav2__list{scrollbar-width:thin;scrollbar-color:#cfcfcf transparent}
.m4h-nav2__list::-webkit-scrollbar{width:6px}.m4h-nav2__list::-webkit-scrollbar-thumb{background:#cfcfcf;border-radius:3px}
/* lista */
.m4h-nav2__list{display:flex;flex-direction:column;gap:5px;min-width:0;max-height:min(420px,calc(100vh - var(--m4h-top,160px) - 120px));overflow-y:auto;overscroll-behavior:contain;padding:0 2px 18px 0}
.m4h-nav2__eyebrow{display:block;margin:0 0 6px;padding:0 0 9px 8px;border-bottom:1px solid var(--m4h-line);font:500 10px/1 var(--m4h-font-ui);letter-spacing:2.4px;text-transform:uppercase;color:var(--m4h-muted)}
.m4h-nav2__eyebrow--group{margin-top:14px}
.m4h-nav2__row{position:relative;display:flex;align-items:center;gap:14px;padding:7px 10px 7px 8px;border-radius:var(--m4h-radius);color:var(--m4h-ink);text-decoration:none;transition:background .18s var(--m4h-ease),padding .22s var(--m4h-ease-out)}
.m4h-nav2__row::before{content:"";position:absolute;left:0;top:50%;width:2px;height:0;background:var(--m4h-ink);transform:translateY(-50%);transition:height .22s var(--m4h-ease-out)}
.m4h-nav2__row:hover,.m4h-nav2__row:focus-visible,.m4h-nav2__row.is-active{background:var(--m4h-surface);padding-left:12px}
.m4h-nav2__row:hover::before,.m4h-nav2__row:focus-visible::before,.m4h-nav2__row.is-active::before{height:26px}
.m4h-nav2__thumb{flex:none;display:block;width:40px;height:40px;overflow:hidden;border-radius:var(--m4h-radius);background:var(--m4h-surface)}
.m4h-nav2__thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s var(--m4h-ease-out)}
.m4h-nav2__row:hover .m4h-nav2__thumb img{transform:scale(1.05)}
.m4h-nav2__thumb-empty{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font:300 18px/1 var(--m4h-font-display);color:var(--m4h-muted-2);text-transform:uppercase}
.m4h-nav2__text{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}
.m4h-nav2__text strong{font:500 13px/1.3 var(--m4h-font-ui);color:var(--m4h-ink)}
.m4h-nav2__text small{font:400 11px/1.3 var(--m4h-font-ui);color:var(--m4h-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m4h-nav2__arrow{flex:none;display:inline-flex;color:var(--m4h-muted-2);transition:transform .2s var(--m4h-ease-out),color .2s}
.m4h-nav2__arrow svg{width:12px;height:12px}
.m4h-nav2__row:hover .m4h-nav2__arrow,.m4h-nav2__row.is-active .m4h-nav2__arrow{color:var(--m4h-ink);transform:translateX(3px)}
/* podgląd */
.m4h-nav2__preview{position:relative;display:block;align-self:start;width:var(--m4h-nav2-sq);height:var(--m4h-nav2-sq);margin-bottom:18px;overflow:hidden;border-radius:var(--m4h-radius);background:var(--m4h-surface);color:#fff;text-decoration:none}
.m4h-nav2__img{position:absolute;inset:0;display:block;overflow:hidden;background:var(--m4h-surface)}
.m4h-nav2__img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 58%,rgba(0,0,0,.14) 72%,rgba(0,0,0,.58) 100%);pointer-events:none}
.m4h-nav2__img img{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;min-height:0!important;max-width:none!important;max-height:none!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:center!important;transition:transform .7s var(--m4h-ease-out),opacity .22s ease}
.m4h-nav2__img img.is-swapping{opacity:.35}
.m4h-nav2__preview:hover .m4h-nav2__img img{transform:scale(1.035)}
.m4h-nav2__cap{position:absolute;left:0;right:0;bottom:0;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:14px}
.m4h-nav2__cap strong{min-width:0;font:400 15px/1.25 var(--m4h-font-display);letter-spacing:0;color:#fff;text-shadow:0 1px 10px rgba(0,0,0,.35);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.m4h-nav2__desc{display:none!important}
.m4h-nav2__desc:empty{display:none}
/* „Zobacz wszystko” jako przycisk */
.m4h-nav2__cta{flex:none;display:inline-flex;align-items:center;gap:8px;height:32px;margin:0;padding:0 12px;border-radius:var(--m4h-radius);background:#fff;font:600 10px/1 var(--m4h-font-ui);letter-spacing:1.6px;text-transform:uppercase;color:var(--m4h-ink);transition:background .2s,color .2s}
.m4h-nav2__cta svg{width:13px;height:13px;transition:transform .25s var(--m4h-ease-out)}
.m4h-nav2__preview:hover .m4h-nav2__cta{background:var(--m4h-ink);color:#fff}
.m4h-nav2__preview:hover .m4h-nav2__cta svg{transform:translateX(3px)}
/* pasek B2B na dole okna — ciepły neutralny ton, wyrównany do wewnętrznych marginesów okna */
.m4h-nav2__b2b{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 -18px;padding:8px 18px;border-top:1px solid #e7ded2;background:#f3eee7;color:#4a443c;font:400 12px/1.4 var(--m4h-font-ui);text-decoration:none;transition:background .2s}
.m4h-nav2__b2b:hover{background:#ece4d9}
.m4h-nav2__b2b>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.m4h-nav2__b2b-cta{display:inline-flex;align-items:center;gap:8px;flex:none;height:30px;padding:0 12px;border-radius:var(--m4h-radius);background:var(--m4h-ink);font:600 10px/1 var(--m4h-font-ui);letter-spacing:1.6px;text-transform:uppercase;color:#fff;transition:background .2s}
.m4h-nav2__b2b:hover .m4h-nav2__b2b-cta{background:#000}
.m4h-nav2__b2b-cta svg{width:13px;height:13px;transition:transform .25s var(--m4h-ease-out)}
.m4h-nav2__b2b:hover .m4h-nav2__b2b-cta svg{transform:translateX(4px)}
/* Szerokość paska dopasowana tak, żeby obie strefy zawsze mieściły się w kontenerze 1360 px */
.m4h-nav2__link{padding:0 10px;font-size:11.5px}
.m4h-nav2__zone--offer{flex:0 1 auto}
.m4h-nav2__zone--aux{flex:none}
@media (max-width:1499px){
  .m4h-nav2__lead{display:none}
}
@media (max-width:1439px){
  .m4h-nav2__item--producer>.m4h-nav2__link>span:not(.m4h-nav2__flag){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .m4h-nav2__item--producer>.m4h-nav2__link{padding:0 8px}
  .m4h-nav2__item--producer>.m4h-nav2__link::after{display:none!important}
  .m4h-nav2__flag{width:16px;height:16px}
}
@media (max-width:1320px){
  .m4h-nav2__link{padding:0 9px;font-size:11px}
  .m4h-nav2__zone--offer .m4h-nav2__link{letter-spacing:.85px}
  .m4h-nav2__zone--aux .m4h-nav2__link{letter-spacing:.9px}
  .m4h-nav2__item.is-featured>.m4h-nav2__link{padding:0 8px}
}
/* v8.2.1: pasek z najwyżej 4 zakładkami oferty (klasa is-roomy nadawana przez serwer) — większa czcionka i więcej oddechu */
.m4h-nav2__zone--offer.is-roomy .m4h-nav2__link{padding:0 17px;font-size:13px;letter-spacing:1.25px}
.m4h-nav2__zone--offer.is-roomy~.m4h-nav2__zone--aux .m4h-nav2__item:not(.is-featured)>.m4h-nav2__link,
.m4h-nav2__zone--offer.is-roomy~.m4h-nav2__zone--aux .m4h-nav2__item.is-featured>.m4h-nav2__link{padding:0 12px;font-size:12.5px;letter-spacing:1.2px}
@media (max-width:1439px){
  .m4h-nav2__zone--offer.is-roomy .m4h-nav2__link{padding:0 13px;font-size:12.5px;letter-spacing:1.1px}
  .m4h-nav2__zone--offer.is-roomy~.m4h-nav2__zone--aux .m4h-nav2__item:not(.is-featured)>.m4h-nav2__link,
  .m4h-nav2__zone--offer.is-roomy~.m4h-nav2__zone--aux .m4h-nav2__item.is-featured>.m4h-nav2__link{padding:0 10px;font-size:12px;letter-spacing:1.05px}
}
/* przy is-roomy jest miejsce na etykietę „Polski producent” także poniżej 1440 px */
@media (min-width:1200px) and (max-width:1439px){
  .m4h-nav2__zone--offer.is-roomy~.m4h-nav2__zone--aux .m4h-nav2__item--producer>.m4h-nav2__link>span:not(.m4h-nav2__flag){position:static;width:auto;height:auto;overflow:visible;clip:auto}
  .m4h-nav2__zone--offer.is-roomy~.m4h-nav2__zone--aux .m4h-nav2__item--producer>.m4h-nav2__link{padding:0 10px}
  .m4h-nav2__zone--offer.is-roomy~.m4h-nav2__zone--aux .m4h-nav2__item--producer>.m4h-nav2__link::after{display:block!important}
}
@media (max-width:1320px){
  .m4h-nav2__zone--offer.is-roomy .m4h-nav2__link{padding:0 11px;font-size:12px;letter-spacing:1px}
  .m4h-nav2__zone--offer.is-roomy~.m4h-nav2__zone--aux .m4h-nav2__item:not(.is-featured)>.m4h-nav2__link,
  .m4h-nav2__zone--offer.is-roomy~.m4h-nav2__zone--aux .m4h-nav2__item.is-featured>.m4h-nav2__link{padding:0 9px;font-size:11.5px;letter-spacing:.95px}
}
@media (prefers-reduced-motion:reduce){.m4h-nav2__drop,.m4h-nav2__row,.m4h-nav2__img img{transition:none!important}}

/* ===== v8.5.1: „Sklep” na pasku (komputer) — sama czarna ikona przed kategoriami, zachowuje się jak zakładka ===== */
.m4h-nav2__shop{position:relative;display:flex;align-items:stretch;flex:none;margin:0 -6px 0 0;padding:0;list-style:none}
.m4h-nav2__shop::after{content:"";position:absolute;right:-4px;top:16px;bottom:16px;width:1px;background:linear-gradient(180deg,rgba(24,24,24,0),rgba(24,24,24,.14) 35%,rgba(24,24,24,.14) 65%,rgba(24,24,24,0))}
/* przycisk przylega do „Do domu”; wolne miejsce zostaje między kategoriami a strefą pomocniczą (jak dotąd) */
.m4h-nav2.has-shop>.m4h-nav2__zone--offer{margin-right:auto}
.m4h-hdr .m4h-nav2__shop-btn,.m4h-nav2__shop-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:100%;margin:0;padding:0;border:0;border-radius:0;background:none;color:var(--m4h-ink);text-decoration:none;transition:background .2s,color .2s}
.m4h-nav2__shop-btn .m4h-hdr-ico{flex:none;width:20px;height:20px}
.m4h-nav2__shop-btn::after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--m4h-ink);transform:scaleX(0);transform-origin:center;transition:transform .3s var(--m4h-ease-out)}
.m4h-hdr .m4h-nav2__shop-btn:hover,.m4h-nav2__shop-btn:hover{background:var(--m4h-surface);color:var(--m4h-ink)}
.m4h-nav2__shop-btn:hover::after,.m4h-nav2__shop.is-current .m4h-nav2__shop-btn::after{transform:scaleX(1)}
.m4h-hdr .m4h-nav2__shop-btn:focus-visible,.m4h-nav2__shop-btn:focus-visible{outline:2px solid var(--m4h-ink);outline-offset:-2px}
/* napis „Sklep” — dla czytników ekranu; wzrokowo podpowiedź po najechaniu */
.m4h-nav2__shop-txt{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
/* ===== v8.5.3: odrobinę mniejsze litery w pasku (komputer) i flaga „Polski producent” w osi wersalików ===== */
.m4h-hdr .m4h-nav2__zone--offer.is-roomy .m4h-nav2__link{font-size:12px}
.m4h-hdr .m4h-nav2 .m4h-nav2__zone--offer.is-roomy~.m4h-nav2__zone--aux .m4h-nav2__item>.m4h-nav2__link,
.m4h-hdr .m4h-nav2 .m4h-nav2__zone--offer.is-roomy~.m4h-nav2__zone--aux .m4h-nav2__item.is-featured>.m4h-nav2__link{font-size:11.5px}
.m4h-hdr .m4h-nav2 .m4h-nav2__zone--offer:not(.is-roomy) .m4h-nav2__item>.m4h-nav2__link,
.m4h-hdr .m4h-nav2 .m4h-nav2__zone--offer:not(.is-roomy)~.m4h-nav2__zone--aux .m4h-nav2__item>.m4h-nav2__link,
.m4h-hdr .m4h-nav2 .m4h-nav2__zone--offer:not(.is-roomy)~.m4h-nav2__zone--aux .m4h-nav2__item.is-featured>.m4h-nav2__link{font-size:11px}
@media (max-width:1439px){
  .m4h-hdr .m4h-nav2__zone--offer.is-roomy .m4h-nav2__link{font-size:11.5px}
  .m4h-hdr .m4h-nav2 .m4h-nav2__zone--offer.is-roomy~.m4h-nav2__zone--aux .m4h-nav2__item>.m4h-nav2__link,
  .m4h-hdr .m4h-nav2 .m4h-nav2__zone--offer.is-roomy~.m4h-nav2__zone--aux .m4h-nav2__item.is-featured>.m4h-nav2__link{font-size:11px}
}
@media (max-width:1320px){
  .m4h-hdr .m4h-nav2 .m4h-nav2__zone--offer:not(.is-roomy) .m4h-nav2__item>.m4h-nav2__link,
  .m4h-hdr .m4h-nav2 .m4h-nav2__zone--offer:not(.is-roomy)~.m4h-nav2__zone--aux .m4h-nav2__item>.m4h-nav2__link,
  .m4h-hdr .m4h-nav2 .m4h-nav2__zone--offer:not(.is-roomy)~.m4h-nav2__zone--aux .m4h-nav2__item.is-featured>.m4h-nav2__link{font-size:10.5px}
}
.m4h-hdr .m4h-nav2__flag{transform:translateY(-1.5px)}
/* Miejsce na ikonę „Sklep” (progi dobrane pod najciaśniejsze strony: sklep i kategorie renderują etykiety nieco szerzej). */
/* 1200–1239 px: „Polski producent” jako sama flaga (tak jak poniżej 1200 px) — napis zostaje dla czytników ekranu */
@media (min-width:1200px) and (max-width:1239px){
  .m4h-nav2.has-shop .m4h-nav2__zone--offer.is-roomy~.m4h-nav2__zone--aux .m4h-nav2__item--producer>.m4h-nav2__link>span:not(.m4h-nav2__flag){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .m4h-nav2.has-shop .m4h-nav2__zone--aux .m4h-nav2__item--producer>.m4h-nav2__link::after{display:none!important}
}
@media (max-width:1160px){
  .m4h-nav2__shop{margin-right:-10px}
  .m4h-nav2__shop::after{right:-2px}
  .m4h-nav2.has-shop .m4h-nav2__zone--offer.is-roomy .m4h-nav2__link{padding:0 8px}
}
@media (max-width:1120px){.m4h-hdr .m4h-nav2.has-shop .m4h-nav2__zone--offer.is-roomy .m4h-nav2__link{font-size:11px;letter-spacing:.6px}}
@media (max-width:1060px){.m4h-nav2.has-shop .m4h-nav2__zone--offer.is-roomy .m4h-nav2__link{padding:0 6px}}
/* v8.6.2: nagłówek grupy dołączonej z innej kategorii (np. „Wieszaki i Stojaki” w „Do domu”) prowadzi do jej kategorii */
a.m4h-nav2__eyebrow--link{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-right:8px;text-decoration:none;color:var(--m4h-muted);transition:color .2s var(--m4h-ease)}
a.m4h-nav2__eyebrow--link svg{flex:none;width:12px;height:12px;opacity:.55;transition:transform .3s var(--m4h-ease),opacity .2s var(--m4h-ease)}
a.m4h-nav2__eyebrow--link:hover,a.m4h-nav2__eyebrow--link:focus-visible{color:var(--m4h-ink)}
a.m4h-nav2__eyebrow--link:hover svg,a.m4h-nav2__eyebrow--link:focus-visible svg{opacity:1;transform:translateX(4px)}
