/* plon-menu 1.3.0: NoirPro na stronie ma wagi 300/400/500, wiec pogrubienie = 500 (700 bylo syntetyzowane i rozmyte).
 jedno menu w HTML, dwa wyglady (desktop >= 1025px, mobile ponizej). Namespace .plon-menu, bez stylowania globalnego.
   Wyglad wg makiety 29.09.2026 (potwierdzona przez Oskara): pasek uzytkowy nad logo, galezie "Dla ..." pogrubione,
   kaskada = lewa lista z ikonami + prawy panel 2. poziomu + baner, kolumny = 3 kolumny + baner, kafle = siatka z grafika + baner. */
:root{
  --plon-ink:#2b1a1d; --plon-ink-soft:#7d6a6e; --plon-bg:#fbf3f1; --plon-paper:#fff; --plon-pink:#f6dfe0; --plon-pink-2:#ecc6c9; --plon-line:#f1e6df;
  --plon-accent:#7a1f35; --plon-accent-2:#a8445b; --plon-radius:16px; --plon-shadow:0 18px 40px rgba(43,26,29,.14);
}
#plon-menu#plon-menu, #plon-menu#plon-menu *, .plon-topbar, .plon-topbar *{box-sizing:border-box}
/* Specyficznosc: motyw styluje "#header-nav .main-nav.--bottom .main-nav__menu ul li" (1,3,2). Podwojony id #plon-menu#plon-menu daje (2,x,x)
   i wygrywa bez !important, a zostaje jeden, czytelny selektor. Reset ponizej (2,0,1) przegrywa z naszymi regulami klasowymi (2,1,0): tak ma byc. */
#plon-menu#plon-menu ul, #plon-menu#plon-menu li, #plon-menu#plon-menu div{display:block;position:static;flex-direction:row;align-items:normal;gap:0;height:auto;min-height:0;margin:0;padding:0}
#plon-menu#plon-menu{position:relative;font-size:16px;line-height:1.45;color:var(--plon-ink)}
#plon-menu#plon-menu ul, .plon-topbar ul{list-style:none;margin:0;padding:0}
#plon-menu#plon-menu a, .plon-topbar a{color:inherit;text-decoration:none}
#plon-menu#plon-menu button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
#plon-menu#plon-menu :focus-visible, .plon-topbar :focus-visible{outline:2px solid var(--plon-accent);outline-offset:2px;border-radius:6px}

/* pasek uzytkowy: po przeniesieniu do #top-bar motywu siedzi po prawej, nad logo */
.plon-topbar{font-size:12px;letter-spacing:.02em}
.plon-topbar__list{display:flex;gap:22px;justify-content:flex-end}
.plon-topbar__list a{display:block;padding:4px 0;color:var(--plon-ink-soft)}
.plon-topbar__list a:hover{color:var(--plon-accent);text-decoration:underline}
#top-bar .plon-topbar{position:absolute;right:0;top:0;bottom:0;z-index:2;display:flex;align-items:center;padding:0 60px 0 40px;background:linear-gradient(90deg,transparent,var(--plon-topbar-bg,#f28a91) 36px)}
#top-bar .plon-topbar__list a{color:#fff;opacity:.95;padding:0}
#top-bar .plon-topbar__list a:hover{opacity:1;color:#fff}
#top-bar{position:relative}

/* etykiety sekcji, chipy i stopka istnieja tylko dla szuflady mobilnej */
#plon-menu#plon-menu .plon-menu__section, #plon-menu#plon-menu .plon-menu__chips, #plon-menu#plon-menu .plon-menu__boxes, #plon-menu#plon-menu .plon-menu__foot{display:none}

/* poziom 0 */
#plon-menu#plon-menu .plon-menu__list{display:flex;justify-content:center;flex-wrap:wrap;gap:2px}
#plon-menu#plon-menu .plon-menu__top{display:block;padding:14px 11px;font-size:16px;white-space:nowrap;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}
#plon-menu#plon-menu .plon-menu__item--klient>.plon-menu__top{font-weight:500}
#plon-menu#plon-menu .plon-menu__item--first-cat{margin-left:17px}
#plon-menu#plon-menu .plon-menu__item--first-cat>.plon-menu__top{position:relative}
#plon-menu#plon-menu .plon-menu__item--first-cat>.plon-menu__top::before{content:"";position:absolute;left:-9px;top:10px;bottom:10px;width:1px;background:var(--plon-pink-2)}
#plon-menu#plon-menu .plon-menu__item.is-open>.plon-menu__top, #plon-menu#plon-menu .plon-menu__top:hover{color:var(--plon-accent);border-bottom-color:var(--plon-accent)}

/* panel (pletwa): pozycjonowany wzgledem calego paska motywu (.main-nav.--bottom), nie wzgledem listy, zeby miec pelna szerokosc */
#plon-menu#plon-menu{position:relative;width:-moz-fit-content;width:fit-content;margin:0 auto}
#plon-menu#plon-menu .plon-menu__list{flex-wrap:nowrap}
#plon-menu#plon-menu .plon-menu__panel{display:none;position:absolute;left:0;right:0;top:100%;z-index:60;background:var(--plon-paper);border-radius:0 0 var(--plon-radius) var(--plon-radius);box-shadow:var(--plon-shadow);padding:20px 22px;gap:22px;min-width:900px}
#plon-menu#plon-menu .plon-menu__item.is-open>.plon-menu__panel{display:flex}
#plon-menu#plon-menu .plon-menu__panel-main{flex:1;min-width:0;position:relative}
#plon-menu#plon-menu .plon-menu__panel-side{flex:0 0 240px;display:flex}
#plon-menu#plon-menu .plon-menu__all{display:inline-block;margin:0 0 12px;font-weight:500;color:var(--plon-accent);font-size:15px}
#plon-menu#plon-menu .plon-menu__all:hover{text-decoration:underline}
#plon-menu#plon-menu .plon-menu__link{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:8px;font-size:15px;transition:background .12s,color .12s}
#plon-menu#plon-menu .plon-menu__link:hover{color:var(--plon-accent)}
#plon-menu#plon-menu .plon-menu__icon{width:28px;height:28px;border-radius:6px;object-fit:cover;background:var(--plon-pink);flex:none}
#plon-menu#plon-menu .plon-menu__icon--empty{display:inline-block}
#plon-menu#plon-menu .plon-menu__subitem.has-l2>.plon-menu__link::after{content:"\203A";margin-left:auto;color:var(--plon-ink-soft);font-size:16px}

/* uklad: kaskada = lewa lista (260px) z ikonami, prawy panel z 2. poziomem aktywnej pozycji */
#plon-menu#plon-menu .plon-menu__panel[data-uklad="kaskada"] .plon-menu__panel-main{min-height:300px}
#plon-menu#plon-menu .plon-menu__panel[data-uklad="kaskada"] .plon-menu__sub{width:280px;padding-right:10px;border-right:1px solid var(--plon-line)}
#plon-menu#plon-menu .plon-menu__panel[data-uklad="kaskada"] .plon-menu__subitem.is-active>.plon-menu__link{background:var(--plon-pink)}
#plon-menu#plon-menu .plon-menu__l2{display:none;position:absolute;left:304px;right:0;top:0;bottom:0;overflow:auto}
#plon-menu#plon-menu .plon-menu__subitem.is-active>.plon-menu__l2{display:block}
#plon-menu#plon-menu .plon-menu__l2-all{display:block;margin:4px 0 10px}
#plon-menu#plon-menu .plon-menu__l2-all strong{display:block;font-size:16px}
#plon-menu#plon-menu .plon-menu__l2-all span{font-size:14px;color:var(--plon-accent);font-weight:500}
#plon-menu#plon-menu .plon-menu__l2-all:hover span{text-decoration:underline}
#plon-menu#plon-menu .plon-menu__l2-list{max-width:560px}
#plon-menu#plon-menu .plon-menu__l2-item{break-inside:avoid}
#plon-menu#plon-menu .plon-menu__link--l2{padding:6px 0;border-radius:0;font-size:15px}
/* uklad: kolumny = 3 kolumny tekstowe, bez ikon */
#plon-menu#plon-menu .plon-menu__panel[data-uklad="kolumny"] .plon-menu__sub{columns:3;column-gap:24px}
#plon-menu#plon-menu .plon-menu__panel[data-uklad="kolumny"] .plon-menu__subitem{break-inside:avoid}
#plon-menu#plon-menu .plon-menu__panel[data-uklad="kolumny"] .plon-menu__icon{display:none}
#plon-menu#plon-menu .plon-menu__panel[data-uklad="kolumny"] .plon-menu__link{padding:6px 0;border-radius:0;font-size:15px}
#plon-menu#plon-menu .plon-menu__panel[data-uklad="kolumny"] .plon-menu__l2, #plon-menu#plon-menu .plon-menu__panel[data-uklad="kafle"] .plon-menu__l2{display:none!important}
#plon-menu#plon-menu .plon-menu__panel[data-uklad="kolumny"] .has-l2>.plon-menu__link::after, #plon-menu#plon-menu .plon-menu__panel[data-uklad="kafle"] .has-l2>.plon-menu__link::after{content:none}
/* uklad: kafle = siatka: grafika + nazwa ("tekst + grafika") */
#plon-menu#plon-menu .plon-menu__panel[data-uklad="kafle"] .plon-menu__sub{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,190px));gap:14px}
#plon-menu#plon-menu .plon-menu__panel[data-uklad="kafle"] .plon-menu__link{flex-direction:column;align-items:flex-start;gap:0;padding:0;background:var(--plon-bg);border:1px solid var(--plon-line);border-radius:12px;overflow:hidden}
#plon-menu#plon-menu .plon-menu__panel[data-uklad="kafle"] .plon-menu__link:hover{border-color:var(--plon-pink-2);color:var(--plon-accent)}
#plon-menu#plon-menu .plon-menu__panel[data-uklad="kafle"] .plon-menu__icon{width:100%;height:150px;border-radius:0;object-fit:contain;padding:8px;background:linear-gradient(135deg,var(--plon-pink),var(--plon-pink-2))}
#plon-menu#plon-menu .plon-menu__panel[data-uklad="kafle"] .plon-menu__label{padding:10px 12px;font-weight:500;font-size:15px}
/* uklad: brak = bez panelu */
#plon-menu#plon-menu .plon-menu__item[data-uklad="brak"]>.plon-menu__panel{display:none!important}

/* baner: jeden na pozycje glownego menu, z pol ACF */
#plon-menu#plon-menu .plon-menu__banner{display:flex;flex-direction:column;justify-content:flex-end;position:relative;border-radius:14px;overflow:hidden;background:linear-gradient(160deg,var(--plon-accent),#c0697c);min-height:300px;flex:1;width:100%;color:#fff}
#plon-menu#plon-menu .plon-menu__banner-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#plon-menu#plon-menu .plon-menu__banner-text{position:relative;padding:16px;background:linear-gradient(transparent,rgba(43,26,29,.72));display:flex;flex-direction:column;gap:6px}
#plon-menu#plon-menu .plon-menu__banner-text small{font-size:11px;text-transform:uppercase;letter-spacing:.06em;opacity:.85}
#plon-menu#plon-menu .plon-menu__banner-text strong{font-size:18px;line-height:1.2}
#plon-menu#plon-menu .plon-menu__banner-text::after{content:"Sprawdź";align-self:flex-start;background:#fff;color:var(--plon-accent);border-radius:8px;padding:6px 10px;font-size:12px;font-weight:500;margin-top:4px}

/* przycisk mobilny (ukryty na desktopie) */
#plon-menu#plon-menu .plon-menu__toggle{display:none}

/* podczas podgladu: chowamy stary automat mobilny motywu (do usuniecia przez Leszka w partials/mobile-menu.php) */
body.plon-menu-active .mobile-menu__toggle, body.plon-menu-active .mobile-menu__off-canvas, body.plon-menu-active .mobile-menu__off-canvas--backdrop{display:none!important}

@media (max-width:1024px){
  /* motyw chowa .main-nav.--bottom na mobile; nasz kontener musi byc widoczny, zeby dzialal jako szuflada */
  body.plon-menu-active .main-nav.--bottom{display:block!important;position:static;height:0;overflow:visible}
  #plon-menu#plon-menu .plon-menu__toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;position:fixed;top:13px;right:16px;z-index:80;width:44px;height:44px;padding:10px;border-radius:10px;background:transparent}
  body.admin-bar .plon-menu__toggle{top:60px}
  #plon-menu#plon-menu .plon-menu__toggle span{display:block;height:2px;background:var(--plon-ink);border-radius:2px;transition:transform .2s,opacity .2s}
  #plon-menu#plon-menu.is-open .plon-menu__toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  #plon-menu#plon-menu.is-open .plon-menu__toggle span:nth-child(2){opacity:0}
  #plon-menu#plon-menu.is-open .plon-menu__toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  #top-bar .plon-topbar, .plon-topbar{display:none}

  /* szuflada: jeden poziom na ekranie, kolejne wjezdzaja z prawej */
  #plon-menu#plon-menu .plon-menu__list{display:none;position:fixed;inset:0;z-index:70;width:auto;margin:0;background:var(--plon-bg);overflow:auto;padding:64px 14px 30px;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;gap:0}
  body.admin-bar .plon-menu__list, body.admin-bar .plon-menu__panel, body.admin-bar .plon-menu__l2{padding-top:110px}
  #plon-menu#plon-menu.is-open .plon-menu__list{display:flex}
  #plon-menu#plon-menu .plon-menu__chips{display:flex;gap:6px;flex-wrap:wrap;margin:4px 0 8px}
  #plon-menu#plon-menu .plon-menu__chips a{background:#fff;border:1px solid var(--plon-pink-2);border-radius:999px;padding:5px 10px;font-size:12px}
  #plon-menu#plon-menu .plon-menu__boxes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 16px}
  #plon-menu#plon-menu .plon-menu__box{position:relative;display:block;aspect-ratio:1/1;padding:0;border-radius:14px;overflow:hidden;background:var(--plon-pink);text-align:left}
  #plon-menu#plon-menu .plon-menu__box-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
  #plon-menu#plon-menu .plon-menu__box-label{position:absolute;left:10px;bottom:8px;right:8px;color:#fff;font-size:15px;font-weight:500;line-height:1.15;text-shadow:0 1px 6px rgba(0,0,0,.45)}
  /* galezie "Dla ..." sa w banerach, wiec w liscie ich nie powtarzamy; etykieta sekcji i chipy tez zbedne */
  #plon-menu#plon-menu .plon-menu__item--klient>.plon-menu__top, #plon-menu#plon-menu .plon-menu__section, #plon-menu#plon-menu .plon-menu__chips{display:none}
  #plon-menu#plon-menu .plon-menu__item--klient{border:0}
  #plon-menu#plon-menu .plon-menu__section{display:none;font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--plon-ink-soft);margin:14px 4px 4px}
  #plon-menu#plon-menu .plon-menu__list>li{flex:none}
  #plon-menu#plon-menu .plon-menu__item{border-bottom:1px solid var(--plon-line);margin:0!important}
  #plon-menu#plon-menu .plon-menu__item--first-cat>.plon-menu__top::before{display:none}
  #plon-menu#plon-menu .plon-menu__top{width:100%;text-align:left;padding:12px 4px;font-size:16px;border:0;display:flex;align-items:center;gap:10px;white-space:normal}
  #plon-menu#plon-menu .plon-menu__item.has-panel>.plon-menu__top::after{content:"\203A";margin-left:auto;font-size:22px;color:var(--plon-ink-soft)}
  #plon-menu#plon-menu .plon-menu__foot{display:block;margin-top:16px;font-size:13px}
  #plon-menu#plon-menu .plon-menu__foot a{display:block;padding:8px 4px;color:var(--plon-ink-soft)}

  #plon-menu#plon-menu .plon-menu__panel, #plon-menu#plon-menu .plon-menu__l2{position:fixed;inset:0;z-index:75;border-radius:0;box-shadow:none;background:var(--plon-bg);padding:64px 14px 30px;overflow:auto;flex-direction:column;transform:translateX(100%);transition:transform .22s ease;display:flex;min-height:0;min-width:0}
  #plon-menu#plon-menu .plon-menu__item.is-open>.plon-menu__panel{transform:none}
  #plon-menu#plon-menu .plon-menu__subitem.is-open>.plon-menu__l2{transform:none;z-index:76}
  #plon-menu#plon-menu .plon-menu__panel-main{min-height:0!important;flex:none}
  #plon-menu#plon-menu .plon-menu__panel-side{flex:none;margin-top:16px}
  #plon-menu#plon-menu .plon-menu__back{display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:6px 0 10px;margin:0 0 6px;border-bottom:1px solid var(--plon-line);font-weight:500;color:var(--plon-accent)}
  #plon-menu#plon-menu .plon-menu__all, #plon-menu#plon-menu .plon-menu__l2-all{display:block;background:var(--plon-accent);color:#fff;text-align:center;border-radius:10px;padding:10px;margin:6px 0 8px;font-weight:500;font-size:13px}
  #plon-menu#plon-menu .plon-menu__all:hover{text-decoration:none}
  #plon-menu#plon-menu .plon-menu__l2-all strong{display:none}
  #plon-menu#plon-menu .plon-menu__l2-all span{color:#fff;font-size:13px}
  #plon-menu#plon-menu .plon-menu__panel[data-uklad] .plon-menu__sub, #plon-menu#plon-menu .plon-menu__l2-list{display:block;columns:auto;width:auto;max-width:none;border:0;padding:0}
  #plon-menu#plon-menu .plon-menu__panel[data-uklad] .plon-menu__subitem.is-active>.plon-menu__link{background:none}
  #plon-menu#plon-menu .plon-menu__panel[data-uklad="kolumny"] .plon-menu__icon{display:block}
  #plon-menu#plon-menu .plon-menu__link, #plon-menu#plon-menu .plon-menu__panel[data-uklad="kolumny"] .plon-menu__link, #plon-menu#plon-menu .plon-menu__link--l2{display:flex;padding:12px 4px;border-bottom:1px solid var(--plon-line);border-radius:0;font-size:16px}
  #plon-menu#plon-menu .plon-menu__subitem.has-l2>.plon-menu__link::after{font-size:22px}
  #plon-menu#plon-menu .plon-menu__panel[data-uklad="kolumny"] .has-l2>.plon-menu__link::after{content:"\203A"}
  /* kafle w dwoch kolumnach, jak na desktopie */
  #plon-menu#plon-menu .plon-menu__panel[data-uklad="kafle"] .plon-menu__sub{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:8px}
  #plon-menu#plon-menu .plon-menu__panel[data-uklad="kafle"] .plon-menu__link{border-bottom:1px solid var(--plon-line);padding:0;flex-direction:column}
  #plon-menu#plon-menu .plon-menu__panel[data-uklad="kafle"] .plon-menu__icon{height:70px}
  #plon-menu#plon-menu .plon-menu__banner{min-height:120px}
  body.plon-menu-open{overflow:hidden}
}
@media (min-width:1025px){
  #plon-menu#plon-menu .plon-menu__back{display:none}
}
@media (prefers-reduced-motion:reduce){.plon-menu *{transition:none!important}}

/* plon-menu 1.5.1: ukrycie filtra "Dla kogo" w kategoriach z plcia; kafle podkategorii uzywaja klas motywu (.categories-list) */
body.plon-gender-cat .categories-list.--for-who{display:none!important}

/* ===== 1.7.0 (29.10.2026): ustalenia z Oskarem ===== */
#plon-menu#plon-menu .plon-menu__icon--top{display:none}
#plon-menu#plon-menu .plon-menu__link--l2{gap:10px}
#plon-menu#plon-menu .plon-menu__link--l2 .plon-menu__icon{width:24px;height:24px}
#plon-menu#plon-menu .plon-menu__bbanners,#plon-menu#plon-menu .plon-menu__scrollhint{display:none}
.plon-menu__toggle.is-in-header{display:none}
/* kafle w panelu: biale tlo, ramka (domyslnie) albo rozowe pole pod nazwa (opcja) */
#plon-menu#plon-menu .plon-menu__panel[data-uklad="kafle"] .plon-menu__link{background:#fff;border-color:var(--plon-pink-2)}
#plon-menu#plon-menu .plon-menu__panel[data-uklad="kafle"] .plon-menu__icon{background:#fff}
#plon-menu#plon-menu.plon-kafle--roz .plon-menu__panel[data-uklad="kafle"] .plon-menu__label{display:block;width:100%;background:var(--plon-pink)}
@media (min-width:1025px){
	/* panel do wysokosci okna, widoczny pasek przewijania */
	#plon-menu#plon-menu .plon-menu__panel{max-height:calc(100vh - var(--plon-top,170px) - 12px)}
	#plon-menu#plon-menu .plon-menu__panel[data-uklad="kaskada"] .plon-menu__sub{max-height:calc(100vh - var(--plon-top,170px) - 96px);overflow-y:auto}
	#plon-menu#plon-menu .plon-menu__panel[data-uklad="kafle"] .plon-menu__panel-main,#plon-menu#plon-menu .plon-menu__panel[data-uklad="kolumny"] .plon-menu__panel-main{max-height:calc(100vh - var(--plon-top,170px) - 52px);overflow-y:auto;padding-right:8px}
	#plon-menu#plon-menu .plon-menu__sub,#plon-menu#plon-menu .plon-menu__panel-main,#plon-menu#plon-menu .plon-menu__l2{scrollbar-width:thin;scrollbar-color:var(--plon-pink-2) var(--plon-line)}
	#plon-menu#plon-menu .plon-menu__sub::-webkit-scrollbar,#plon-menu#plon-menu .plon-menu__panel-main::-webkit-scrollbar,#plon-menu#plon-menu .plon-menu__l2::-webkit-scrollbar{width:8px}
	#plon-menu#plon-menu .plon-menu__sub::-webkit-scrollbar-track,#plon-menu#plon-menu .plon-menu__panel-main::-webkit-scrollbar-track,#plon-menu#plon-menu .plon-menu__l2::-webkit-scrollbar-track{background:var(--plon-line);border-radius:8px}
	#plon-menu#plon-menu .plon-menu__sub::-webkit-scrollbar-thumb,#plon-menu#plon-menu .plon-menu__panel-main::-webkit-scrollbar-thumb,#plon-menu#plon-menu .plon-menu__l2::-webkit-scrollbar-thumb{background:var(--plon-pink-2);border-radius:8px}
}
@media (max-width:1024px){
	/* przycisk menu w rzedzie ikon naglowka (nie nachodzi na konto i koszyk) */
	.header__icons-wrap .plon-menu__toggle{display:inline-flex;flex-direction:column;justify-content:center;gap:5px;width:32px;height:32px;padding:6px;margin-left:0;background:none;border:0;border-radius:8px;cursor:pointer;position:relative;z-index:81;flex:none}
	.header__icons-wrap .plon-menu__toggle span{display:block;height:2px;background:#2b1a1d;border-radius:2px;transition:transform .2s,opacity .2s}
	body.plon-menu-open .header__icons-wrap .plon-menu__toggle{position:fixed;top:13px;right:16px;z-index:90}
	body.admin-bar.plon-menu-open .header__icons-wrap .plon-menu__toggle{top:60px}
	body.plon-menu-open .header__icons-wrap .plon-menu__toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
	body.plon-menu-open .header__icons-wrap .plon-menu__toggle span:nth-child(2){opacity:0}
	body.plon-menu-open .header__icons-wrap .plon-menu__toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
	/* lista kategorii z ikonami */
	#plon-menu#plon-menu .plon-menu__icon--top{display:block;width:30px;height:30px}
	/* 4 kafle na gorze (2 x 2), kafle i banery na dole w jednym rzedzie */
	#plon-menu#plon-menu .plon-menu__boxes--gora{grid-template-columns:repeat(2,minmax(0,1fr))}
	#plon-menu#plon-menu .plon-menu__boxes--gora .plon-menu__box{aspect-ratio:16/10}
	#plon-menu#plon-menu .plon-menu__boxes--dol{grid-template-columns:repeat(var(--plon-n,2),minmax(0,1fr));margin:18px 0 8px}
	#plon-menu#plon-menu .plon-menu__boxes--dol .plon-menu__box{aspect-ratio:16/10}
	#plon-menu#plon-menu .plon-menu__bbanners{display:grid;grid-template-columns:repeat(var(--plon-n,1),minmax(0,1fr));gap:8px;margin:0 0 12px}
	#plon-menu#plon-menu .plon-menu__bbanner{position:relative;display:block;min-height:110px;border-radius:14px;overflow:hidden;background:var(--plon-pink)}
	#plon-menu#plon-menu .plon-menu__bbanner-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
	#plon-menu#plon-menu .plon-menu__bbanner-label{position:absolute;left:12px;right:10px;bottom:10px;color:#fff;font-size:16px;font-weight:500;line-height:1.2;text-shadow:0 1px 6px rgba(0,0,0,.5)}
	/* wskazowka, ze lista przewija sie w dol */
	#plon-menu#plon-menu .plon-menu__scrollhint{display:block;position:sticky;bottom:0;height:48px;margin:-48px -14px 0;pointer-events:none;background:linear-gradient(rgba(251,243,241,0),var(--plon-bg) 75%);transition:opacity .2s}
	#plon-menu#plon-menu .plon-menu__scrollhint span{display:block;width:12px;height:12px;margin:22px auto 0;border-right:2px solid var(--plon-accent);border-bottom:2px solid var(--plon-accent);transform:rotate(45deg);animation:plon-hint 1.6s ease-in-out infinite}
	#plon-menu#plon-menu .plon-menu__scrollhint.is-hidden{opacity:0}
}
@keyframes plon-hint{0%,100%{transform:translateY(0) rotate(45deg)}50%{transform:translateY(5px) rotate(45deg)}}
@media (prefers-reduced-motion:reduce){#plon-menu#plon-menu .plon-menu__scrollhint span{animation:none}}

/* 1.7.2: kafle w szufladzie mobilnej jak na produkcji (kwadrat, ciemne przejscie pod napisem) */
@media (max-width:1024px){
	#plon-menu#plon-menu .plon-menu__boxes--gora .plon-menu__box,#plon-menu#plon-menu .plon-menu__boxes--dol .plon-menu__box{aspect-ratio:1/1;border-radius:8px}
	#plon-menu#plon-menu .plon-menu__box::after,#plon-menu#plon-menu .plon-menu__bbanner::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(0,0,0,0) 40%,rgba(0,0,0,.8) 100%);pointer-events:none}
	#plon-menu#plon-menu .plon-menu__box-label,#plon-menu#plon-menu .plon-menu__bbanner-label{z-index:1;left:12px;right:10px;bottom:12px;font-size:20px;font-weight:500;line-height:1.15;text-shadow:none}
	#plon-menu#plon-menu .plon-menu__bbanner{min-height:150px;border-radius:8px}
}

/* 1.7.2: przycisk w naglowku nie dostaje przesuniecia pod pasek admina (to bylo dla starego przycisku plywajacego) */
@media (max-width:1024px){
	body.admin-bar .header__icons-wrap .plon-menu__toggle{top:auto}
}

/* 1.7.5: dolny pasek nawigacji motywu (w nim siedzi menu) na telefonie poza ukladem naglowka - inaczej rozpycha naglowek i logo wchodzi pod pasek „Dyskretna przesylka” */
@media (max-width:1024px){
	.header-main > .main-nav.--bottom{position:absolute;left:0;right:0;top:100%;height:0;min-height:0;margin:0;padding:0;overflow:visible}
}
/* 1.7.6: wskazowka przewijania przyklejona do dolu ekranu i klikalna */
@media (max-width:1024px){
	#plon-menu#plon-menu.is-open .plon-menu__list{padding-bottom:64px}
	#plon-menu#plon-menu .plon-menu__scrollhint{position:fixed;left:0;right:0;bottom:0;height:56px;margin:0;padding-bottom:env(safe-area-inset-bottom);z-index:72;pointer-events:auto;cursor:pointer;background:linear-gradient(rgba(251,243,241,0),var(--plon-bg) 60%)}
	#plon-menu#plon-menu .plon-menu__scrollhint span{margin:26px auto 0}
	#plon-menu#plon-menu .plon-menu__scrollhint.is-hidden{opacity:0;pointer-events:none}
	#plon-menu#plon-menu:not(.is-open) .plon-menu__scrollhint{display:none}
}
/* 1.7.8: Nowosci i Promocje w belce menu (desktop), Promocje w kolorze akcentu; ciasniejsze odstepy na oknach 1025-1279 px; na telefonie Promocje tylko jako kafel */
#plon-menu#plon-menu .plon-menu__item--sep>.plon-menu__top{position:relative}
#plon-menu#plon-menu .plon-menu__item--sep>.plon-menu__top::before{content:"";position:absolute;left:-2px;top:10px;bottom:10px;width:1px;background:var(--plon-pink-2)}
#plon-menu#plon-menu .plon-menu__item--promo>.plon-menu__top{color:var(--plon-accent);font-weight:500}
@media (min-width:1025px) and (max-width:1279px){
	#plon-menu#plon-menu .plon-menu__top{padding-left:5px;padding-right:5px}
	#plon-menu#plon-menu .plon-menu__item--first-cat>.plon-menu__top::before{left:-3px}
}
@media (max-width:1024px){
	#plon-menu#plon-menu .plon-menu__item--promo{display:none}
	#plon-menu#plon-menu .plon-menu__item--sep>.plon-menu__top::before{display:none}
}
/* 1.7.10: okna 1025-1199 px - czcionka 15 px, zeby belka z Nowosciami i Promocjami miala marginesy */
@media (min-width:1025px) and (max-width:1199px){
	#plon-menu#plon-menu .plon-menu__top{font-size:15px;padding-left:4px;padding-right:4px}
}

/* 1.7.11: płetwa desktop zachodzi 1 px na belkę (bez szczeliny przy połówkach pikseli) */
@media (min-width:1025px){
	#plon-menu#plon-menu .plon-menu__panel{top:calc(100% - 1px)}
}

/* 1.7.12: płetwa desktop kończy się na kresce przed Nowościami (szerokość wyliczana skryptem, zmienna --plon-panel-r) */
@media (min-width:1025px){
	#plon-menu#plon-menu .plon-menu__panel{right:var(--plon-panel-r,0);min-width:0}
}

/* 1.7.14 (3.11.2026): uwagi Oskara z 2.11 */
:root{--plon-rose:#f28a91;--plon-box-line:#ead3d6}
/* 2 i 4: ikony kategorii bez rozowego tla (mobile i plewy kaskadowe na desktopie); kafle z grafika bez zmian */
#plon-menu#plon-menu .plon-menu__icon{background:none}
@media (min-width:1025px){
	/* 6: belka - wskazana i otwarta pozycja rozowa jak na produkcji, bez kreski pod spodem */
	#plon-menu#plon-menu .plon-menu__item.is-open>.plon-menu__top, #plon-menu#plon-menu .plon-menu__top:hover{color:var(--plon-rose);border-bottom-color:transparent}
}
@media (max-width:1024px){
	/* 1: odstep i naglowek "Kategorie" miedzy kaflami a lista */
	#plon-menu#plon-menu .plon-menu__section{display:block;margin:20px 0 10px;padding:0 4px;font-size:16px;font-weight:500;line-height:1.3;text-transform:none;letter-spacing:0;color:var(--plon-ink)}
	/* 3: kazda kategoria jako osobne biale pole z wyrazna ramka (wzor: hot kategorie w starym menu) */
	#plon-menu#plon-menu .plon-menu__item{border-bottom:0}
	#plon-menu#plon-menu .plon-menu__item:not(.plon-menu__item--klient){margin:0 0 8px!important}
	#plon-menu#plon-menu .plon-menu__item:not(.plon-menu__item--klient)>.plon-menu__top{padding:12px;background:#fff;border:1px solid var(--plon-box-line);border-radius:8px}
	#plon-menu#plon-menu .plon-menu__panel:not([data-uklad="kafle"]) .plon-menu__link{padding:12px;margin:0 0 8px;background:#fff;border:1px solid var(--plon-box-line);border-radius:8px}
	/* 5: ekran podkategorii w rozu sklepu zamiast bordo; przycisk z ciemnym tekstem (bialy na rozu nieczytelny) */
	#plon-menu#plon-menu .plon-menu__back{color:var(--plon-rose)}
	#plon-menu#plon-menu .plon-menu__all, #plon-menu#plon-menu .plon-menu__l2-all{background:var(--plon-rose);color:var(--plon-ink)}
	#plon-menu#plon-menu .plon-menu__l2-all span{color:var(--plon-ink)}
}

/* 1.7.15 (3.11.2026): kolory plewy zgodne z designem sklepu, podswietlenie pozycji bez podmenu, hamburger bez skoku */
:root{--plon-ink:#261313;--plon-page:#fbf3f1}
@media (min-width:1025px){
	/* tekst wskazanej pozycji i linki "Zobacz wszystko" w rozu sklepu (zamiast bordo), tlo wskazanej pozycji = tlo strony */
	#plon-menu#plon-menu .plon-menu__link:hover, #plon-menu#plon-menu .plon-menu__panel[data-uklad="kafle"] .plon-menu__link:hover{color:var(--plon-rose)}
	#plon-menu#plon-menu .plon-menu__panel[data-uklad="kaskada"] .plon-menu__subitem.is-active>.plon-menu__link{background:var(--plon-page);color:var(--plon-rose)}
	#plon-menu#plon-menu .plon-menu__all, #plon-menu#plon-menu .plon-menu__l2-all span{color:var(--plon-rose)}
	#plon-menu#plon-menu .plon-menu__banner-text::after{background:var(--plon-rose);color:var(--plon-ink)}
}
@media (max-width:1024px){
	/* zanim przycisk trafi do rzedu ikon, nie pokazuje sie w rogu ekranu (nic nie zaslania) */
	#plon-menu#plon-menu>.plon-menu__toggle{visibility:hidden}
}

/* 1.7.16 (3.11.2026): hamburger na telefonie stoi w miejscu od pierwszej klatki.
   Rzad ikon naglowka od razu dostaje zastepczy hamburger narysowany w CSS (te same wymiary i kreski co przycisk),
   prawdziwy przycisk go zastepuje po przeniesieniu do naglowka - nic nie przeskakuje, nawet gdy skrypt sie spozni. */
@media (max-width:1024px){
	body.plon-menu-active .header__icons-wrap::after{content:"";display:block;flex:none;width:32px;height:32px;
		background:linear-gradient(#2b1a1d,#2b1a1d) 6px 8px/20px 2px no-repeat,linear-gradient(#2b1a1d,#2b1a1d) 6px 15px/20px 2px no-repeat,linear-gradient(#2b1a1d,#2b1a1d) 6px 22px/20px 2px no-repeat}
	body.plon-menu-active .header__icons-wrap.plon-has-toggle::after{display:none}
}
@media (max-width:1024px){
	body.plon-menu-active .header__icons-wrap:has(>.plon-menu__toggle)::after{display:none}
}

/* 1.7.17 (3.11.2026): ekran podkategorii na telefonie bez pustego miejsca u gory - "‹ Menu" w jednym rzedzie z krzyzykiem, 14 px do przycisku "Zobacz wszystko" */
@media (max-width:1024px){
	#plon-menu#plon-menu .plon-menu__panel, #plon-menu#plon-menu .plon-menu__l2{padding-top:6px;gap:0}
	body.admin-bar #plon-menu#plon-menu .plon-menu__panel, body.admin-bar #plon-menu#plon-menu .plon-menu__l2{padding-top:52px}
	#plon-menu#plon-menu .plon-menu__back{min-height:44px;padding:0 56px 0 0;margin:0 0 8px}
}