/* =========================================================
   Idealne Zakupy — style podstawowe
   Kolory i proporcje przeniesione 1:1 z makiety CentrumSeo.
   ========================================================= */

:root{
  --gold:#D99B30; --gold-d:#B87F1F; --gold-l:#F6EBD8; --gold-xl:#FDF8F0;
  --ink:#16202B; --ink-2:#22303F; --ink-3:#33414F;
  --txt:#333333; --txt-2:#6B7480; --txt-3:#9AA3AD;
  --line:#E6E9ED; --line-2:#F1F3F5; --bg:#FFFFFF; --bg-2:#F7F8FA;
  --ok:#1F7A48; --ok-bg:#EAF5EE; --ok-line:#CFE6D9; --hot:#C43B2E; --hot-bg:#FCEDEB;
  --r:10px; --r-l:16px;
  --sh:0 1px 2px rgba(22,32,43,.05), 0 8px 24px rgba(22,32,43,.06);
  --sh-h:0 2px 6px rgba(22,32,43,.07), 0 16px 40px rgba(22,32,43,.11);
  --max:1180px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--txt);
  font:15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
a:hover{color:var(--gold-d)}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
h1,h2,h3,h4{margin:0;line-height:1.25;color:var(--ink);font-weight:800;letter-spacing:-.4px}
p{margin:0 0 12px}
ul,ol{margin:0;padding:0}
table{border-collapse:collapse}

.iz-kontener{max-width:var(--max);margin:0 auto;padding:0 26px;width:100%}
.iz-sr,.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.iz-skip{position:absolute;left:-9999px;top:0;z-index:9999;background:var(--ink);color:#fff;padding:12px 20px;border-radius:0 0 8px 0}
.iz-skip:focus{left:0;color:#fff}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px}

/* ---------- przyciski ---------- */
.iz-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;
  background:var(--gold);color:var(--ink);font-weight:700;padding:13px 26px;border-radius:9px;font-size:15px;
  box-shadow:0 6px 18px rgba(217,155,48,.28);transition:.15s;text-align:center}
.iz-btn:hover{background:#E8AC44;color:var(--ink)}
.iz-btn--duch{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.35);box-shadow:none}
.iz-btn--duch:hover{border-color:#fff;background:rgba(255,255,255,.08);color:#fff}
.iz-btn--pelny{width:100%}
.iz-btn--ciemny{background:var(--ink);color:#fff;box-shadow:none}
.iz-btn--ciemny:hover{background:var(--gold);color:var(--ink)}
.iz-btn[disabled],.iz-btn.iz-btn--off{opacity:.5;pointer-events:none}

/* ---------- górna belka ---------- */
.iz-topbar{background:var(--ink);color:#C7D0DA;font-size:12.5px}
.iz-topbar__in{display:flex;align-items:center;gap:20px;padding-top:9px;padding-bottom:9px;flex-wrap:wrap}
.iz-topbar__zloto{color:var(--gold);font-weight:700}
.iz-topbar__prawo{margin-left:auto;display:flex;gap:20px;align-items:center}
.iz-topbar__menu{display:flex;gap:18px;list-style:none}
.iz-topbar a:hover{color:#fff}

/* ---------- nagłówek ---------- */
.iz-head{border-bottom:1px solid var(--line);background:#fff}
.iz-head__in{display:flex;align-items:center;gap:28px;padding-top:16px;padding-bottom:16px}
.iz-logo{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.iz-logo__z{width:34px;height:34px;flex:0 0 auto}
.iz-logo__t{font-size:22px;font-weight:800;letter-spacing:-.5px;color:var(--ink);white-space:nowrap}
.iz-logo__t i{color:var(--gold);font-style:normal}
.iz-logo__t u{color:var(--gold);text-decoration:none}
.custom-logo-link img{max-height:52px;width:auto}

.iz-szukajka{flex:1;min-width:0}
.iz-szukaj{display:flex;border:2px solid var(--ink);border-radius:9px;background:#fff;position:relative}
.iz-szukaj__kat{border:0;background:var(--bg-2);padding:0 12px;font-size:13.5px;color:var(--txt-2);
  border-right:1px solid var(--line);outline:none;max-width:180px;border-radius:7px 0 0 7px;cursor:pointer}
.iz-szukaj__pole{flex:1;border:0;padding:12px 14px;font-size:14.5px;outline:none;min-width:40px;background:transparent;border-radius:0}
.iz-szukaj__pole::-webkit-search-cancel-button{cursor:pointer}
.iz-szukaj__btn{background:var(--gold);color:var(--ink);font-weight:700;padding:0 26px;font-size:14.5px;border-radius:0 7px 7px 0}
.iz-szukaj__btn:hover{background:#E8AC44}
.iz-szukaj__btn-ik{display:none}

.iz-akcje{display:flex;align-items:center;gap:20px;flex:0 0 auto}
.iz-akcja{display:flex;align-items:center;gap:9px;font-size:13px;line-height:1.3}
.iz-akcja__lb{color:var(--txt-2);font-size:11.5px;display:block}
.iz-akcja__vl{font-weight:700;color:var(--ink);font-size:13.5px;display:block;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.iz-akcja__ikona{width:36px;height:36px;border-radius:9px;background:var(--gold-xl);display:grid;place-items:center;position:relative;flex:0 0 auto;color:var(--ink)}
.iz-akcja:hover .iz-akcja__ikona{background:var(--gold-l)}
.iz-koszyk__bdg,.iz-bdg{position:absolute;top:-6px;right:-6px;background:var(--gold);color:var(--ink);
  font-size:10.5px;font-weight:800;min-width:19px;height:19px;padding:0 4px;border-radius:99px;display:grid;place-items:center;line-height:1}
.iz-koszyk__bdg--pusty,.iz-bdg--pusty{background:var(--line);color:var(--txt-2)}
.iz-akcje__mob{display:none;width:40px;height:40px;border-radius:9px;background:var(--bg-2);place-items:center;color:var(--ink)}

/* ---------- menu ---------- */
.iz-nav{background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:60}
.iz-nav__in{display:flex;align-items:stretch;gap:2px}
.iz-nav__wszystkie{display:flex;align-items:center;gap:8px;background:var(--ink);color:#fff;
  padding:13px 16px;font-size:14px;font-weight:600;border-radius:8px 8px 0 0;margin-right:12px;white-space:nowrap}
.iz-nav__wszystkie:hover{background:var(--ink-2)}
.iz-nav__lista{display:flex;align-items:stretch;list-style:none;flex-wrap:wrap}
.iz-nav__el{position:relative;display:flex}
.iz-nav__a{padding:14px 15px;font-size:14px;font-weight:600;color:var(--ink);border-bottom:3px solid transparent;
  white-space:nowrap;display:flex;align-items:center;gap:6px}
.iz-nav__el:hover>.iz-nav__a,.iz-nav__el--akt>.iz-nav__a{color:var(--gold-d);border-bottom-color:var(--gold)}
.iz-nav__pod{position:absolute;top:100%;left:0;min-width:250px;background:#fff;border:1px solid var(--line);
  border-radius:0 8px 8px 8px;box-shadow:var(--sh-h);padding:8px;list-style:none;display:none;z-index:70}
.iz-nav__el:hover>.iz-nav__pod,.iz-nav__el:focus-within>.iz-nav__pod{display:block}
.iz-nav__pod a{display:flex;justify-content:space-between;gap:12px;padding:8px 11px;border-radius:6px;font-size:13.5px;color:var(--txt)}
.iz-nav__pod a:hover{background:var(--gold-xl);color:var(--ink)}
.iz-nav__licz{color:var(--txt-3);font-size:12px}
.iz-nav__promo{margin-left:auto;color:var(--hot);font-weight:700;font-size:13.5px;display:flex;align-items:center;white-space:nowrap}
.iz-caret{width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;
  transform:rotate(45deg) translateY(-2px);opacity:.55;flex:0 0 auto}

.iz-mega{background:var(--bg-2);border-bottom:1px solid var(--line);padding:22px 0}
.iz-mega__in{display:grid;grid-template-columns:repeat(5,1fr);gap:26px}
.iz-mega__t{margin:0 0 9px;font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:var(--gold-d);font-weight:800}
.iz-mega__kol ul{list-style:none}
.iz-mega__kol li{margin:5px 0;font-size:13.5px;color:var(--txt-2)}
.iz-mega__kol li a:hover{color:var(--ink)}

/* ---------- menu mobilne ---------- */
.iz-mob-nav{display:none;background:#fff;border-bottom:1px solid var(--line)}
.iz-mob-nav__in{padding:8px 20px 20px}
.iz-mob-nav__lista,.iz-mob-nav__lista ul,.iz-mob-nav__info{list-style:none}
.iz-mob-nav__lista>li{border-bottom:1px solid var(--line-2);position:relative}
.iz-mob-nav__lista>li>a{display:block;padding:13px 44px 13px 0;font-weight:600;color:var(--ink)}
.iz-mob-nav__roz{position:absolute;right:0;top:6px;width:36px;height:36px;display:grid;place-items:center}
.iz-mob-nav__roz[aria-expanded="true"] .iz-caret{transform:rotate(-135deg) translateY(-2px)}
.iz-mob-nav__lista ul{padding:0 0 10px 14px}
.iz-mob-nav__lista ul a{display:block;padding:8px 0;font-size:14px;color:var(--txt-2)}
.iz-mob-nav__info{margin-top:16px;display:flex;flex-wrap:wrap;gap:10px 18px;font-size:13.5px;color:var(--txt-2)}

/* ---------- podpowiedzi wyszukiwania ---------- */
.iz-pods{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border:1px solid var(--line);
  border-radius:10px;box-shadow:var(--sh-h);z-index:200;max-height:70vh;overflow:auto;padding:6px}
.iz-pods__lista{list-style:none}
.iz-pods__lista a{display:flex;gap:11px;align-items:center;padding:8px;border-radius:8px}
.iz-pods__lista a:hover,.iz-pods__lista li.iz-akt a{background:var(--gold-xl)}
.iz-pods__foto{width:44px;height:44px;flex:0 0 auto;background:var(--bg-2);border-radius:6px;overflow:hidden;display:grid;place-items:center}
.iz-pods__foto img{max-width:100%;max-height:100%;width:auto;object-fit:contain}
.iz-pods__n{display:block;font-size:13.5px;color:var(--ink);line-height:1.35}
.iz-pods__c{display:block;font-size:12.5px;color:var(--txt-2);margin-top:2px}
.iz-pods__c del{opacity:.6}
.iz-pods__all{display:block;text-align:center;padding:10px;font-weight:700;font-size:13.5px;color:var(--gold-d);border-top:1px solid var(--line-2);margin-top:4px}
.iz-pods__brak{padding:16px}
.iz-pods__brak strong{display:block;font-size:14px;color:var(--ink);margin-bottom:6px}
.iz-pods__brak p{font-size:13px;color:var(--txt-2);margin:0 0 10px}
.iz-pods__pop{display:flex;flex-wrap:wrap;gap:7px;align-items:center;font-size:12.5px;color:var(--txt-3)}
.iz-pods__pop a{background:var(--bg-2);border:1px solid var(--line);border-radius:99px;padding:5px 11px;color:var(--txt)}
.iz-pods__pop a:hover{border-color:var(--gold);color:var(--gold-d)}

/* ---------- okruszki ---------- */
.iz-okruszki{font-size:13px;color:var(--txt-3);padding:15px 0}
.iz-okruszki__sep{margin:0 8px;opacity:.5}
.iz-okruszki__akt{color:var(--txt)}

/* ---------- hero ---------- */
.iz-hero{background:linear-gradient(115deg,var(--ink) 0%,var(--ink-2) 48%,#2C3D4F 100%);color:#fff;position:relative;overflow:hidden}
.iz-hero::after{content:"";position:absolute;right:-160px;top:-160px;width:620px;height:620px;border-radius:50%;
  background:radial-gradient(circle,rgba(217,155,48,.20),transparent 66%);pointer-events:none}
.iz-hero__in{padding-top:50px;padding-bottom:50px;display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center;position:relative;z-index:2}
.iz-eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(217,155,48,.16);border:1px solid rgba(217,155,48,.4);
  color:var(--gold);font-size:11.5px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;padding:6px 13px;border-radius:99px}
.iz-hero__h1{margin:16px 0 12px;font-size:40px;line-height:1.14;letter-spacing:-.9px;color:#fff}
.iz-hero__h1 em{color:var(--gold);font-style:normal}
.iz-hero__lead{margin:0 0 22px;font-size:16.5px;color:#C7D0DA;max-width:520px;line-height:1.62}
.iz-hero__cta{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.iz-hero__punkty{display:flex;gap:26px;margin-top:26px;flex-wrap:wrap}
.iz-hero__punkty div{font-size:13px;color:#C7D0DA;display:flex;align-items:center;gap:8px}
.iz-hero__punkty b{color:#fff;display:block;font-size:14.5px}
.iz-hero__ptak{color:var(--gold);font-size:19px}

/* ---------- hero jako slider kategorii ---------- */
.iz-hero__slider{position:relative}
.iz-hero__tor{display:grid}
.iz-hero__slajd{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .4s ease}
.iz-hero__slajd.is-akt{opacity:1;visibility:visible}
.iz-hero--slider .iz-hero__in{padding-bottom:26px}
.iz-hero--slider .iz-hero__punkty{margin-top:0;padding:18px 0 30px;border-top:1px solid rgba(255,255,255,.13);position:relative;z-index:2}
.iz-hero--slider .iz-hero__h1{margin-top:14px}
.iz-hero__foto{position:relative;display:block;border-radius:var(--r-l);overflow:hidden;background:#fff;
  border:1px solid rgba(255,255,255,.14);box-shadow:0 24px 60px rgba(0,0,0,.34);aspect-ratio:4/3}
/* Zdjecia w tym sklepie to packshoty na bialym tle, wiec musza sie miescic w calosci.
   Obrazek jest pozycjonowany bezwzglednie, bo `max-height:100%` NIE ogranicza go
   w ramce, ktorej wysokosc bierze sie z `aspect-ratio`: procent nie ma sie do czego
   odniesc (rzad czeka na tresc, tresc na rzad), wiec przegladarka skaluje szerokoscia
   i wysokosc wychodzi poza ramke, a `overflow:hidden` ja przycina — czyli dokladnie
   to, przed czym `object-fit` mial chronic. `inset:0` daje pudelko o wymiarze pewnym,
   `padding` z `box-sizing:border-box` robi margines w srodku. */
.iz-hero__foto img{position:absolute;inset:0;width:100%;height:100%;padding:22px;
  box-sizing:border-box;object-fit:contain;display:block}
.iz-hero__panel{display:grid;place-items:center;gap:8px;text-align:center;aspect-ratio:4/3;padding:26px;
  border-radius:var(--r-l);border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);align-content:center}
.iz-hero__panel:hover{color:inherit}
.iz-hero__panel-ik{color:var(--gold);display:grid;place-items:center}
.iz-hero__panel-ik .iz-kat__ikona{width:82px;height:82px}
.iz-hero__panel b{font-size:21px;color:#fff;letter-spacing:-.3px}
.iz-hero__panel span{font-size:13px;color:#C7D0DA}
.iz-hero__nav{position:absolute;top:36%;width:44px;height:44px;border-radius:50%;padding:0;cursor:pointer;z-index:4;
  border:1px solid rgba(255,255,255,.3);background:rgba(22,32,43,.55);color:#fff;display:grid;place-items:center;transition:.16s}
.iz-hero__nav:hover{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.iz-hero__nav--prev{left:-6px}
.iz-hero__nav--next{right:-6px}
.iz-hero__kropki{display:flex;gap:8px;justify-content:center;position:relative;z-index:3;padding-bottom:2px}
.iz-hero__kropka{width:26px;height:4px;border-radius:2px;border:0;padding:0;cursor:pointer;
  background:rgba(255,255,255,.3);transition:.16s}
.iz-hero__kropka:hover{background:rgba(255,255,255,.55)}
.iz-hero__kropka.is-akt{background:var(--gold);width:40px}

/* ---------- pas z promowanym produktem pod sliderem ---------- */
.iz-pas-promo{background:var(--bg-2);border-bottom:1px solid var(--line);padding:22px 0}
.iz-pas-promo .iz-promo{box-shadow:var(--sh-h);border:1px solid var(--line);padding:16px 20px;
  display:grid;grid-template-columns:112px minmax(0,1fr) auto auto;grid-template-rows:auto auto;
  gap:6px 22px;align-items:center}
.iz-pas-promo .iz-promo__lbl{grid-column:2;grid-row:1;margin:0}
.iz-pas-promo .iz-promo__foto{grid-column:1;grid-row:1/-1;height:96px;width:112px;margin:0}
.iz-pas-promo .iz-promo__foto img{max-height:84px}
.iz-pas-promo .iz-promo__t{grid-column:2;grid-row:2;margin:0;font-size:17px}
.iz-pas-promo .iz-promo__ceny{grid-column:3;grid-row:1/-1;margin:0;justify-content:flex-end}
.iz-pas-promo .iz-licznik{grid-column:4;grid-row:1;margin:0}
.iz-pas-promo .iz-licznik div{min-width:52px}
.iz-pas-promo .iz-btn{grid-column:4;grid-row:2;justify-self:end;width:100%;justify-content:center}
.iz-pas-promo .iz-promo:not(:has(.iz-licznik)) .iz-btn{grid-row:1/-1}


/* ---------- karta promowanego produktu ---------- */
.iz-promo{background:#fff;border-radius:var(--r-l);padding:22px;box-shadow:0 24px 60px rgba(0,0,0,.34);color:var(--txt)}
.iz-promo__lbl{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:var(--hot)}
.iz-promo__foto{background:var(--bg-2);border-radius:var(--r);height:210px;display:grid;place-items:center;margin:12px 0;overflow:hidden;border:1px solid var(--line)}
.iz-promo__foto img{max-height:196px;width:auto;object-fit:contain}
.iz-promo__t{margin:0 0 8px;font-size:16px;line-height:1.42;color:var(--ink);font-weight:700}
.iz-promo__ceny{display:flex;align-items:baseline;gap:11px;margin-bottom:12px;flex-wrap:wrap}
.iz-promo__cena{font-size:27px;font-weight:800;color:var(--ink);letter-spacing:-.6px}
.iz-promo__stara{font-size:15px;color:var(--txt-3);text-decoration:line-through}
.iz-promo__rabat{background:var(--hot);color:#fff;font-size:11.5px;font-weight:800;padding:3px 9px;border-radius:5px}
.iz-licznik{display:flex;gap:7px;margin-bottom:13px}
.iz-licznik div{flex:1;background:var(--ink);color:#fff;border-radius:8px;padding:8px 4px;text-align:center}
.iz-licznik b{display:block;font-size:19px;font-weight:800;line-height:1.1}
.iz-licznik span{font-size:10px;color:var(--gold);text-transform:uppercase;letter-spacing:.06em}

/* ---------- pas zaufania ---------- */
.iz-trust{border-bottom:1px solid var(--line);background:var(--gold-xl)}
.iz-trust__in{padding-top:20px;padding-bottom:20px;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.iz-trust__el{display:flex;gap:12px;align-items:flex-start}
.iz-trust__ik{width:38px;height:38px;border-radius:9px;background:#fff;border:1px solid var(--line);
  display:grid;place-items:center;flex:0 0 auto;color:var(--gold-d)}
.iz-trust__el b{display:block;font-size:14px;color:var(--ink)}
.iz-trust__el span{font-size:12.5px;color:var(--txt-2);line-height:1.5;display:block}

/* ---------- sekcje ---------- */
.iz-sekcja{padding:46px 0}
.iz-sekcja--gora0{padding-top:0}
.iz-sekcja__glowa{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px;flex-wrap:wrap}
.iz-sekcja__t{font-size:25px;color:var(--ink)}
.iz-sekcja__lead{margin:6px 0 0;color:var(--txt-2);font-size:14.5px;max-width:640px;font-weight:400}
.iz-wiecej{color:var(--gold-d);font-weight:700;font-size:14px;display:inline-flex;align-items:center;gap:7px;white-space:nowrap}

/* ---------- kafle kategorii ---------- */
.iz-kafle{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.iz-kat{border:1px solid var(--line);border-radius:var(--r);padding:20px 14px;text-align:center;transition:.16s;background:#fff;display:block}
.iz-kat:hover{border-color:var(--gold);box-shadow:var(--sh-h);transform:translateY(-2px);color:inherit}
.iz-kat__ik{height:56px;display:grid;place-items:center;margin-bottom:10px;color:var(--gold-d)}
.iz-kat__ikona{width:46px;height:46px}
.iz-kat:hover .iz-kat__ik{color:var(--ink)}
.iz-kat b{display:block;font-size:14px;color:var(--ink)}
.iz-kat__n{font-size:12px;color:var(--txt-3)}

/* ---------- sekcja B2B ---------- */
.iz-b2b{background:var(--ink);color:#fff}
.iz-b2b__in{padding-top:38px;padding-bottom:38px;display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center}
.iz-b2b h2{margin:0 0 10px;font-size:25px;color:#fff}
.iz-b2b p{margin:0;color:#C7D0DA;font-size:15px;line-height:1.65}
.iz-b2b__lista{display:grid;gap:10px}
.iz-b2b__lista div{display:flex;gap:11px;align-items:flex-start;font-size:14px;color:#E4E9EE}
.iz-chk{width:20px;height:20px;border-radius:50%;background:var(--gold);color:var(--ink);display:grid;place-items:center;
  font-size:11px;font-weight:900;flex:0 0 auto;margin-top:1px}

/* ---------- newsletter ---------- */
.iz-nl{background:var(--gold-xl);border-top:1px solid var(--line)}
.iz-nl__in{padding-top:36px;padding-bottom:36px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.iz-nl__t{margin:0 0 8px;font-size:23px;color:var(--ink)}
.iz-nl__lead{margin:0;color:var(--txt-2);font-size:14.5px}
.iz-nl__row{display:flex;gap:9px}
.iz-nl__row input{flex:1;border:1.5px solid var(--line);border-radius:9px;padding:13px 15px;font-size:14.5px;outline:none;background:#fff;min-width:0}
.iz-nl__row input:focus{border-color:var(--gold)}
.iz-nl__row .iz-btn{box-shadow:none;padding:13px 24px;white-space:nowrap}
.iz-zgoda{display:flex;gap:9px;align-items:flex-start;margin-top:11px;font-size:12px;color:var(--txt-2);line-height:1.55;cursor:pointer}
.iz-zgoda input{margin-top:2px;accent-color:var(--gold-d);width:16px;height:16px;flex:0 0 auto}
.iz-zgoda a{color:var(--gold-d);text-decoration:underline}
.iz-nl__info{margin:10px 0 0;font-size:13px;min-height:19px}
.iz-nl__info.iz-ok{color:var(--ok);font-weight:600}
.iz-nl__info.iz-blad{color:var(--hot);font-weight:600}

/* ---------- stopka ---------- */
.iz-stopka{background:var(--ink);color:#A9B4BF;font-size:13.5px}
.iz-stopka__in{padding-top:44px;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:36px}
.iz-stopka h4{color:#fff;font-size:13px;letter-spacing:.09em;text-transform:uppercase;margin:0 0 14px}
.iz-stopka ul{list-style:none}
.iz-stopka li{margin:7px 0}
.iz-stopka a:hover{color:#fff}
.iz-logo--stopka{margin-bottom:14px}
.iz-logo--stopka .iz-logo__t{color:#fff;font-size:19px}
.iz-stopka__o{line-height:1.68;margin:0 0 16px;max-width:340px}
.iz-dane{background:rgba(255,255,255,.05);border-left:2px solid var(--gold);border-radius:0 8px 8px 0;padding:12px 14px;font-size:12.5px;line-height:1.72}
.iz-dane strong{color:#fff}
.iz-social{display:flex;gap:9px;margin-top:15px}
.iz-social a{width:34px;height:34px;border-radius:8px;background:rgba(255,255,255,.08);display:grid;place-items:center;color:#fff}
.iz-social a:hover{background:var(--gold);color:var(--ink)}
.iz-stopka__dol{border-top:1px solid rgba(255,255,255,.1);margin-top:34px}
.iz-stopka__dol-in{padding-top:18px;padding-bottom:18px;display:flex;align-items:center;gap:20px;flex-wrap:wrap;font-size:12.5px}
.iz-platnosci{margin-left:auto;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.iz-pay{background:#fff;border-radius:6px;height:28px;min-width:50px;display:grid;place-items:center;padding:0 9px;
  font-size:10.5px;font-weight:800;color:var(--ink);letter-spacing:.02em}
.iz-pay--blik{background:#000;color:#fff}

/* ---------- proza (strony, wpisy) ---------- */
.iz-proza{font-size:15.5px;line-height:1.75;color:var(--txt)}
.iz-proza h2{font-size:22px;margin:28px 0 10px}
.iz-proza h3{font-size:17px;margin:22px 0 8px}
.iz-proza ul,.iz-proza ol{padding-left:22px;margin:0 0 14px}
.iz-proza li{margin:6px 0}
.iz-proza a{color:var(--gold-d);text-decoration:underline}
.iz-proza table{width:100%;margin:0 0 18px}
.iz-proza td,.iz-proza th{border:1px solid var(--line);padding:9px 12px;text-align:left}
.iz-strona-tresc{padding:10px 26px 60px;max-width:900px}
.iz-strona-tresc .iz-arch__h1{margin-bottom:18px}

/* ---------- blog ---------- */
.iz-blog{display:grid;grid-template-columns:1fr 300px;gap:40px;padding-top:10px;padding-bottom:60px;align-items:start}
.iz-wpisy{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:22px;margin-top:20px}
.iz-wpis{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:#fff}
.iz-wpis__foto{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--tlo-2,#f4f5f7)}
.iz-wpis__foto img{height:100%;object-fit:cover;width:100%;display:block}
.iz-wpis__body{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1}
.iz-wpis__t{font-size:18px;margin:0 0 6px}
.iz-wpis__meta{font-size:12.5px;color:var(--txt-3);margin-bottom:8px}
.iz-wpis__zaj{color:var(--txt-2);font-size:14px}
.iz-wpis__body .iz-wiecej{margin-top:auto;padding-top:10px}
.iz-wpis__hero{margin:0 0 20px;border-radius:var(--r);overflow:hidden}
.iz-widget{border:1px solid var(--line);border-radius:var(--r);padding:16px;margin-bottom:16px;background:#fff}
.iz-widget__t{font-size:14px;margin:0 0 10px}
.iz-widget ul{list-style:none;font-size:14px}
.iz-widget li{margin:6px 0}

/* ---------- puste stany ---------- */
.iz-pusto{text-align:center;padding:46px 20px;border:1px dashed var(--line);border-radius:var(--r-l);background:var(--bg-2)}
.iz-pusto__ikona{color:var(--txt-3);display:grid;place-items:center;margin-bottom:12px}
.iz-pusto__t{font-size:21px;margin-bottom:8px}
.iz-pusto__l{color:var(--txt-2);max-width:560px;margin:0 auto 18px;font-size:14.5px}
.iz-pusto__akcje{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.iz-pusto__szukaj{max-width:520px;margin:0 auto 18px}
.iz-pusto .iz-btn--duch{background:#fff;color:var(--ink);border-color:var(--line)}
.iz-pusto .iz-btn--duch:hover{border-color:var(--gold);color:var(--ink)}
.iz-pusto__polecane{margin-top:34px;text-align:left}
.iz-pusto__polecane h3{font-size:17px;margin-bottom:14px;text-align:center}

/* ---------- 404 ---------- */
.iz-404{text-align:center;padding:40px 26px 70px;max-width:900px}
.iz-404__kod{font-size:104px;font-weight:800;color:var(--gold-l);line-height:1;letter-spacing:-4px}
.iz-404__t{font-size:28px;margin:-14px 0 10px}
.iz-404__l{color:var(--txt-2);max-width:600px;margin:0 auto 22px}
.iz-404__szukaj{max-width:560px;margin:0 auto 20px}
.iz-404__akcje{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:44px}
.iz-404 .iz-btn--duch{background:#fff;color:var(--ink);border-color:var(--line)}
.iz-404__kat h2{font-size:19px;margin-bottom:16px}

/* ---------- powiadomienia i dymki ---------- */
.iz-toast-strefa{position:fixed;right:20px;bottom:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;max-width:min(420px,calc(100vw - 40px))}
.iz-toast{background:#fff;border:1px solid var(--ok-line);border-left:4px solid var(--ok);border-radius:10px;
  padding:13px 15px;display:flex;gap:12px;align-items:center;box-shadow:var(--sh-h);
  animation:iz-wjedz .22s ease-out}
.iz-toast--blad{border-color:#EBC4BF;border-left-color:var(--hot)}
.iz-toast__ok{width:26px;height:26px;border-radius:50%;background:var(--ok);color:#fff;display:grid;place-items:center;
  font-size:13px;font-weight:900;flex:0 0 auto}
.iz-toast--blad .iz-toast__ok{background:var(--hot)}
.iz-toast__foto{width:42px;height:42px;flex:0 0 auto;border-radius:7px;overflow:hidden;background:var(--bg-2);display:grid;place-items:center}
.iz-toast__foto img{max-width:100%;max-height:100%;object-fit:contain}
.iz-toast b{display:block;font-size:13.5px;color:#14532D}
.iz-toast--blad b{color:#7A241B}
.iz-toast span{font-size:12.5px;color:var(--txt-2);display:block}
.iz-toast__lnk{margin-left:auto;font-size:13px;font-weight:700;color:var(--ok);text-decoration:underline;white-space:nowrap}
.iz-toast__x{width:26px;height:26px;color:var(--txt-3);flex:0 0 auto}
@keyframes iz-wjedz{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* ---------- paginacja ---------- */
.iz-pager,.woocommerce-pagination,nav.woocommerce-pagination{
  display:flex;gap:7px;justify-content:center;margin:32px 0 8px;flex-wrap:wrap}
/* WooCommerce rysuje wokol paginacji wlasna ramke regula
   .woocommerce nav.woocommerce-pagination ul - o dwa czlony bardziej specyficzna
   niz nasza, wiec wygrywala i dokladala drugie obramowanie wokol kafelkow. */
.iz-pager ul.page-numbers,.woocommerce-pagination ul.page-numbers,.woocommerce-pagination ul,
.woocommerce nav.woocommerce-pagination ul{
  list-style:none;display:flex;gap:7px;flex-wrap:wrap;padding:0;margin:0;border:0;background:none}
.iz-pager ul.page-numbers li,.woocommerce-pagination ul li,
.woocommerce nav.woocommerce-pagination ul li{list-style:none;margin:0;padding:0;border:0;overflow:visible}
.iz-pager a,.iz-pager span.page-numbers,
.woocommerce-pagination a.page-numbers,.woocommerce-pagination span.page-numbers,
.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{
  min-width:38px;height:38px;border:1px solid var(--line);border-radius:8px;display:grid;place-items:center;
  font-size:14px;font-weight:600;color:var(--ink);padding:0 12px;background:#fff;text-decoration:none;line-height:1}
.iz-pager .current,.woocommerce-pagination .current,
.woocommerce nav.woocommerce-pagination ul li span.current{
  background:var(--ink)!important;color:#fff!important;border-color:var(--ink)!important}
.iz-pager a:hover,.woocommerce-pagination a:hover,
.woocommerce nav.woocommerce-pagination ul li a:hover{border-color:var(--gold);color:var(--gold-d);background:#fff}
.iz-pager a.next,.iz-pager a.prev,
.woocommerce-pagination a.next,.woocommerce-pagination a.prev{padding:0 16px}

/* Kafle kategorii: liczba kolumn przychodzi z PHP w --kafle-kol (iz_kolumny_kafli).
   repeat(auto-fit,minmax(168px,1fr)) przy siedmiu kategoriach robilo 6 + 1 sierote. */
.iz-kafle{grid-template-columns:repeat(var(--kafle-kol,5),minmax(0,1fr))}

/* ---------- responsywność ---------- */
@media(max-width:1080px){
  .iz-hero__in,.iz-b2b__in,.iz-nl__in{grid-template-columns:1fr}
  .iz-hero__nav{display:none}
  .iz-hero__karta{max-width:460px}
  .iz-pas-promo .iz-promo{grid-template-columns:96px minmax(0,1fr) auto}
  .iz-pas-promo .iz-licznik{display:none}
  .iz-pas-promo .iz-btn{grid-column:3;grid-row:1/-1;width:auto}
  .iz-kafle{grid-template-columns:repeat(3,1fr)}
  .iz-trust__in{grid-template-columns:repeat(2,1fr)}
  .iz-stopka__in{grid-template-columns:1fr 1fr}
  .iz-mega__in{grid-template-columns:repeat(3,1fr)}
  .iz-hero__h1{font-size:31px}
  .iz-blog{grid-template-columns:1fr}
}
@media(max-width:860px){
  .iz-kontener{padding:0 18px}
  .iz-hero--slider .iz-hero__punkty{padding:16px 0 24px}
  .iz-hero__panel-ik .iz-kat__ikona{width:60px;height:60px}
  .iz-pas-promo .iz-promo{grid-template-columns:80px minmax(0,1fr);grid-template-rows:auto auto auto}
  .iz-pas-promo .iz-promo__foto{width:80px;height:80px;grid-row:1/3}
  .iz-pas-promo .iz-promo__ceny{grid-column:1/-1;grid-row:3;justify-content:flex-start}
  .iz-pas-promo .iz-btn{grid-column:1/-1;grid-row:4}
  .iz-topbar{overflow:hidden}
  .iz-topbar__prawo{display:none}
  .iz-topbar__in{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;gap:16px;
    scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;padding-right:18px}
  .iz-topbar__in::-webkit-scrollbar{display:none}
  .iz-topbar__in > span{white-space:nowrap;flex:0 0 auto}
  .iz-head__in{flex-wrap:wrap;gap:14px}
  .iz-szukajka{order:3;flex-basis:100%;display:none}
  .iz-szukajka.iz-otwarta{display:block}
  .iz-akcje{margin-left:auto;gap:10px}
  .iz-akcje__mob{display:grid}
  .iz-akcja__txt{display:none}
  .iz-nav{display:none}
  .iz-mega{display:none!important}
  .iz-mob-nav{display:none}
  .iz-mob-nav.iz-otwarta{display:block}
  .iz-szukaj__btn-txt{display:none}
  .iz-szukaj__btn-ik{display:grid;place-items:center}
  .iz-szukaj__btn{padding:0 16px}
  .iz-szukaj__kat{display:none}
  .iz-kafle{grid-template-columns:repeat(2,1fr)}
  .iz-wpisy{grid-template-columns:1fr}
  .iz-wpis__body{padding:16px 18px 18px}
  .iz-hero__in{padding-top:34px;padding-bottom:34px;gap:28px}
  .iz-hero__h1{font-size:27px}
  .iz-sekcja{padding:32px 0}
  .iz-sekcja__t{font-size:21px}
  .iz-404__kod{font-size:76px}
}
@media(max-width:560px){
  .iz-trust__in,.iz-stopka__in{grid-template-columns:1fr}
  .iz-toast-strefa{left:14px;right:14px;bottom:14px;max-width:none}
  .iz-nl__row{flex-wrap:wrap}
  .iz-nl__row .iz-btn{width:100%}
}

/* mega menu: równe kolumny, wyróżnione „wszystko z działu” */
.iz-mega__in{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:start}
.iz-mega__wszystko a{color:var(--gold-d);font-weight:700}
.iz-mega__kol--popularne li{margin:6px 0}
.iz-mega__kol--popularne a{color:var(--txt-2)}
.iz-mega__kol--popularne a:hover{color:var(--gold-d)}

/* cele dotykowe na telefonie */
@media(max-width:860px){
  .iz-akcje__mob{width:44px;height:44px}
  .iz-akcja__ikona{width:42px;height:42px}
}