/* FanZone.pl — motyw "Stadion nocą" dla całego serwisu (nagłówek, stopka, sklep, koszyk, checkout, konto, strony treści).
   Ładowany z kod_head PO arkuszach silnika (motyw.css, sklep.css, stopka.css), dlatego wygrywa przy równej specyficzności.
   Nie zmienia HTML silnika ani żadnej funkcji — tylko wygląd. Wyłączenie: usunąć blok "fanzone-wyglad-fz2" z kod_head.
   Strona główna ma własny arkusz (home.css). */

:root{
  --fz-bg:#040705;--fz-bg2:#08100a;--fz-card:#0c150e;--fz-ink:#eef3ea;--fz-mute:#a3b0a2;
  --fz-g:#6eb440;--fz-g-hi:#9ae06a;--fz-glow:rgba(110,180,64,.55);--fz-line:rgba(238,243,234,.14);--fz-line2:rgba(238,243,234,.28);
  --fz-on-g:#04120a;--fz-err:#ff9d94;
  --fz-serif:"Fraunces",Georgia,"Times New Roman",serif;
  --fz-mono:"JetBrains Mono",ui-monospace,Consolas,monospace;
  --fz-pad:clamp(16px,4vw,56px);--fz-max:1360px;--fz-hh:68px;
  --fz-ease:cubic-bezier(.2,.8,.2,1);
}
html{background:var(--fz-bg);color-scheme:dark;-webkit-text-size-adjust:100%}

/* ---------- zmienne silnika przemapowane na ciemną paletę ---------- */
body{
  --shop-primary:#040705!important;--shop-primary-text:#eef3ea!important;--shop-accent:#6eb440!important;--shop-accent-text:#04120a!important;
  --shop-bg:#040705!important;--shop-text:#eef3ea!important;--shop-font:"JetBrains Mono",ui-monospace,Consolas,monospace!important;
  --shop-heading-font:"Fraunces",Georgia,"Times New Roman",serif!important;--shop-width:1360px!important;
  --ink:#eef3ea;--accent:#6eb440;--paper:#0c150e;--line:rgba(238,243,234,.14);--danger:#ff9d94;--muted:#a3b0a2;
  --dark:#08100a;--dark-deep:#060b07;--dark-soft:#0c150e;--red:#6eb440;--red-dark:#9ae06a;--red-jasny:#9ae06a;--on-accent:#04120a;
  background:var(--fz-bg)!important;color:var(--fz-ink)!important;
  font-family:var(--fz-mono)!important;font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;
}
body a{color:inherit;text-decoration:none}
body ::selection{background:var(--fz-g);color:var(--fz-on-g)}
body :focus-visible{outline:2px solid var(--fz-g-hi)!important;outline-offset:3px;box-shadow:none!important;border-radius:4px}
body .skip-link{background:var(--fz-g);color:var(--fz-on-g);font-weight:700}

/* ziarno filmowe (tylko myszka, nie obciąża telefonów) */
@media (hover:hover) and (pointer:fine){
  body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:90;opacity:.06;mix-blend-mode:overlay;
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
}

/* ---------- nagłówek ---------- */
body .site-header,body .site-header--podstrona,body .site-header--glowna{
  position:sticky;top:0;left:0;right:0;z-index:60;color:var(--fz-ink);
  background:rgba(4,7,5,.84);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid var(--fz-line);transition:background .4s,border-color .4s}
body .site-header.is-fixed{background:rgba(4,7,5,.92)}
body .site-header .wrap{width:100%;max-width:var(--fz-max);padding-inline:var(--fz-pad);margin-inline:auto}
body .site-header .nav{height:var(--fz-hh);gap:20px}
body .site-header .brand{gap:10px;margin-right:auto;flex:none}
body .site-header .brand__logo{display:block}
body .site-header .brand img{width:auto;height:34px;max-width:none;object-fit:contain}
body .site-header .brand>span:not(.brand__logo){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
body .site-header .main-menu{gap:clamp(14px,2.2vw,34px);font-family:var(--fz-mono)}
body .site-header .menu-glowne-lista{gap:clamp(14px,2.2vw,34px)}
body .site-header .main-menu a{position:relative;padding:8px 0;font-size:12.5px;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:var(--fz-mute);transition:color .2s}
body .site-header .main-menu a::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:1px;background:var(--fz-g);box-shadow:0 0 10px var(--fz-g);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--fz-ease)}
body .site-header .main-menu a:hover,body .site-header .main-menu a:focus-visible{color:var(--fz-ink)}
body .site-header .main-menu a:hover::after,body .site-header .main-menu a:focus-visible::after{transform:scaleX(1)}
body .site-header .main-menu a[href="/sklep/kategoria/wyprzedaz/"]{color:var(--fz-g-hi)}
body .site-header .main-menu a[href="/koszyk/"]{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border:1px solid var(--fz-line);border-radius:999px;color:var(--fz-ink)}
body .site-header .main-menu a[href="/koszyk/"]::after{display:none}
body .site-header .main-menu a[href="/koszyk/"]::before{content:"";width:18px;height:18px;flex:none;background:currentColor;
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M3 4h2.5l2.2 11h10.6l2-8H6.4'/><circle cx='9' cy='19.5' r='1.4'/><circle cx='17' cy='19.5' r='1.4'/></svg>") center/contain no-repeat;
  mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M3 4h2.5l2.2 11h10.6l2-8H6.4'/><circle cx='9' cy='19.5' r='1.4'/><circle cx='17' cy='19.5' r='1.4'/></svg>") center/contain no-repeat}
body .site-header .main-menu a[href="/koszyk/"]:hover{border-color:var(--fz-g);box-shadow:0 0 18px -4px var(--fz-glow)}
body .site-header .szukaj-przelacznik{width:44px;height:44px;padding:0;border:1px solid var(--fz-line);border-radius:50%;align-items:center;justify-content:center;color:var(--fz-ink);background:transparent;transition:border-color .2s,color .2s}
body .site-header .szukaj-przelacznik:hover{color:var(--fz-g-hi);border-color:var(--fz-g)}
body .site-header .menu-button{display:none;position:relative;width:44px;height:44px;padding:0;border:1px solid var(--fz-line);border-radius:50%;background:transparent;color:var(--fz-ink)}
body .site-header .menu-button span:not(.sr-only){position:absolute;left:12px;right:12px;width:auto;height:1.5px;margin:0;background:currentColor;transition:transform .3s var(--fz-ease),opacity .2s}
body .site-header .menu-button span:nth-child(1){top:16px}
body .site-header .menu-button span:nth-child(2){top:21px}
body .site-header .menu-button span:nth-child(3){top:26px}
body .site-header .menu-button[aria-expanded=true] span:nth-child(1){transform:translateY(5px) rotate(45deg)}
body .site-header .menu-button[aria-expanded=true] span:nth-child(2){opacity:0}
body .site-header .menu-button[aria-expanded=true] span:nth-child(3){transform:translateY(-5px) rotate(-45deg)}
body .szukaj-panel{background:rgba(4,7,5,.97);border-top:1px solid var(--fz-line);padding:16px 0}
body .szukaj-formularz{gap:10px}
body .szukaj-formularz input{flex:1;min-width:0;background:transparent;border:1px solid var(--fz-line2);border-radius:999px;color:var(--fz-ink);padding:13px 20px;font:inherit}
body .szukaj-formularz input:focus{border-color:var(--fz-g-hi)}
body .szukaj-formularz input::placeholder{color:#7f8d7f}
@media (max-width:980px){
  body .site-header .menu-button{display:block;order:3}
  body .site-header .szukaj-przelacznik{order:2}
  body .site-header .main-menu{position:absolute;top:100%;left:0;right:0;height:calc(100vh - var(--fz-hh));height:calc(100svh - var(--fz-hh));overflow:auto;
    background:#040705;display:none;flex-direction:column;align-items:stretch;gap:0;padding:20px var(--fz-pad) 40px}
  body .site-header .menu-glowne-lista>li{display:block}
  body .site-header .main-menu a{display:block}
  body .site-header .main-menu.is-open{display:flex}
  body .site-header .menu-glowne-lista{display:block;width:100%}
  body .site-header .main-menu a{padding:12px 0;border-bottom:1px solid var(--fz-line);font-family:var(--fz-serif);font-size:32px;font-weight:300;letter-spacing:0;text-transform:none;color:var(--fz-ink)}
  body .site-header .main-menu a::after{display:none}
  body .site-header .main-menu a[href="/koszyk/"]{display:flex;border:0;border-bottom:1px solid var(--fz-line);border-radius:0;padding:12px 0}
  body .site-header .main-menu a[href="/koszyk/"]::before{width:26px;height:26px}
}

/* ---------- przyciski i pola ---------- */
body .button,body.sklep-theme .sklep-button,body button.button,body .newsletter-formularz button[type=submit]{
  border-radius:999px;font-family:var(--fz-mono)}
body .button{min-height:48px;padding:0 24px;font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;gap:14px}
body .button:hover{transform:none}
body .button--red,body.sklep-theme .sklep-button,body .newsletter-formularz button[type=submit]{
  background:var(--fz-g);border:1px solid var(--fz-g);color:var(--fz-on-g);font-weight:700;letter-spacing:.06em;text-transform:none;
  transition:box-shadow .3s,background .2s,border-color .2s}
body .button--red:hover,body.sklep-theme .sklep-button:hover,body .newsletter-formularz button[type=submit]:hover,body :is(.produkt-karta-akcje button,.dodaj-koszyk>button[type=submit],form.checkout button[type=submit],.checkout-podsumowanie>button,.konto-auth button,.konto-adres-form button):hover{
  background:var(--fz-g-hi);border-color:var(--fz-g-hi);color:var(--fz-on-g);box-shadow:0 0 0 6px rgba(110,180,64,.18)}
body.sklep-theme .sklep-button--drugorzedny,body.sklep-theme .ilosc-kontrolki button,body.sklep-theme .sklep-drzewo-toggle,body.sklep-theme .sklep-filtry-toggle{
  background:transparent;border:1px solid var(--fz-line2);color:var(--fz-ink)}
body.sklep-theme .sklep-button--drugorzedny:hover,body.sklep-theme .ilosc-kontrolki button:hover{background:rgba(110,180,64,.12);border-color:var(--fz-g);color:var(--fz-ink);box-shadow:none}
body.sklep-theme .link-usun,body.sklep-theme .wariant-wyczysc{background:none;border:0;border-bottom:1px solid var(--fz-line);border-radius:0;padding:0 0 1px;color:var(--fz-mute);font-weight:400;font-size:12.5px}
body.sklep-theme .link-usun:hover,body.sklep-theme .wariant-wyczysc:hover{background:none;color:var(--fz-ink);border-color:var(--fz-g);box-shadow:none}
body.sklep-theme .lightbox-zamknij,body.sklep-theme .lightbox-prev,body.sklep-theme .lightbox-next{background:rgba(4,7,5,.85);border:1px solid var(--fz-line2);color:var(--fz-ink);border-radius:50%;padding:0}
body button:disabled{opacity:.5}
body input,body select,body textarea{font-family:var(--fz-mono);font-size:15px;background:#0a140c;color:var(--fz-ink);border:1px solid var(--fz-line2);border-radius:12px;padding:12px 14px}
body input[type=search]{border-radius:999px;padding-inline:18px}
body input::placeholder,body textarea::placeholder{color:#7f8d7f}
body input:focus,body select:focus,body textarea:focus{border-color:var(--fz-g-hi);outline:none}
body input[type=checkbox],body input[type=radio]{accent-color:var(--fz-g);background:none;padding:0}
body select{appearance:none;-webkit-appearance:none;padding-right:42px;cursor:pointer;
  background-image:linear-gradient(45deg,transparent 50%,#9ae06a 50%),linear-gradient(135deg,#9ae06a 50%,transparent 50%);
  background-position:calc(100% - 20px) 52%,calc(100% - 14px) 52%;background-size:6px 6px,6px 6px;background-repeat:no-repeat}
body select option{background:#0a140c;color:var(--fz-ink)}
body label{color:var(--fz-ink)}

/* ---------- układ główny sklepu ---------- */
body .sklep-wrap{width:100%;max-width:var(--fz-max);margin-inline:auto;padding:clamp(24px,3.5vw,44px) var(--fz-pad) clamp(60px,9vw,120px);min-height:60vh}
body :where(.sklep-wrap) h1{font-size:clamp(40px,6.6vw,96px)}
body :where(.sklep-wrap) :is(h1,h2,h3){font-family:var(--fz-serif);font-weight:300;letter-spacing:-.03em;line-height:1;margin:0 0 .4em}
body :where(.sklep-wrap) h2{font-size:clamp(24px,3vw,40px)}
body :where(.sklep-wrap) h3{font-size:clamp(20px,2vw,26px)}
body :where(.sklep-wrap) a{color:inherit}
body .sklep-okruszki{margin:0 0 20px;font-size:12px;letter-spacing:.05em}
body .sklep-okruszki ol{gap:4px 10px;color:var(--fz-mute)}
body .sklep-okruszki li+li::before{content:"/";color:var(--fz-g);margin-right:10px}
body .sklep-okruszki a{border-bottom:1px solid transparent;transition:color .2s,border-color .2s}
body .sklep-okruszki a:hover{color:var(--fz-ink);border-color:var(--fz-g)}
body .sklep-okruszki [aria-current=page]{color:var(--fz-ink);font-weight:400}
body .sklep-alert{padding:16px 20px;border:1px solid var(--fz-line);border-left:4px solid var(--fz-g);border-radius:0 12px 12px 0;background:var(--fz-card);color:var(--fz-ink)}
body .sklep-alert--blad{border-left-color:var(--fz-err)}
body .sklep-pusto{padding:35px;background:var(--fz-card);border:1px solid var(--fz-line);border-radius:14px;color:var(--fz-mute)}

/* nagłówek kategorii / wyników */
body .sklep-hero{position:relative;overflow:hidden;isolation:isolate;align-items:center;margin:0 0 clamp(24px,3vw,40px);padding:clamp(26px,4vw,50px) clamp(22px,4vw,56px);border:1px solid var(--fz-line);border-radius:18px;
  background:radial-gradient(60% 150% at 88% -35%,rgba(154,224,106,.26),transparent 62%),linear-gradient(180deg,#07100a,var(--fz-bg))}
body .sklep-hero::after{content:"";position:absolute;z-index:-1;right:max(2vw,-60px);top:50%;width:clamp(200px,30vw,400px);aspect-ratio:1;transform:translateY(-50%);border-radius:50%;
  border:2px solid rgba(238,243,234,.17);
  background:linear-gradient(90deg,transparent calc(50% - 1px),rgba(238,243,234,.17) calc(50% - 1px) calc(50% + 1px),transparent 0),radial-gradient(circle,rgba(238,243,234,.3) 0 4px,transparent 5px);box-shadow:0 0 90px -20px var(--fz-glow)}
body .sklep-hero p{color:var(--fz-g-hi);font-size:12px;font-weight:400;letter-spacing:.2em;text-transform:uppercase}
body .sklep-hero h1{margin:10px 0 0;font-size:clamp(34px,5.4vw,76px);line-height:.98;overflow-wrap:anywhere}
body .sklep-opis-kategorii{color:var(--fz-mute);max-width:60ch}
body .sklep-hero form{position:relative;z-index:1;gap:8px}
body .sklep-hero form input{min-width:min(300px,100%)}
body .sklep-podkategorie a{border:1px solid var(--fz-line);border-radius:999px;background:var(--fz-card);color:var(--fz-ink)}
body .sklep-podkategorie a:hover{border-color:var(--fz-g)}
body .sklep-podkategorie small{color:var(--fz-mute)}

/* drzewo kategorii i filtry */
body .sklep-katalog{gap:clamp(22px,3.4vw,50px);grid-template-columns:260px minmax(0,1fr)}
body .sklep-katalog--z-drzewem{grid-template-columns:260px minmax(0,1fr);--dk-akcent:var(--fz-g);--dk-akcent-ciemny:var(--fz-ink)}
body .sklep-drzewo,body .sklep-filtry,body .sklep-sidebar-blok{border:1px solid var(--fz-line);border-radius:14px;background:var(--fz-card);color:var(--fz-ink)}
body .sklep-drzewo{padding:10px;font-size:13.5px}
body .sklep-drzewo a{color:var(--fz-mute);border-radius:8px;transition:color .2s,background .2s}
body .sklep-drzewo a:hover{background:rgba(110,180,64,.1);color:var(--fz-ink)}
body .sklep-drzewo .sklep-drzewo-wszystkie{color:var(--fz-ink);border-bottom:1px solid var(--fz-line);border-radius:8px 8px 0 0}
body .sklep-drzewo-liczba{color:var(--fz-mute);font-size:11.5px}
body .sklep-drzewo ul ul{border-left-color:var(--fz-line)}
body .sklep-drzewo summary::before{border-color:var(--fz-g-hi)}
body .sklep-drzewo li.is-current>a,body .sklep-drzewo li.is-current>details>summary>a,body .sklep-drzewo .sklep-drzewo-wszystkie.is-current{background:rgba(110,180,64,.14);box-shadow:inset 3px 0 0 var(--fz-g-hi);color:var(--fz-ink);font-weight:700}
body .sklep-drzewo li.is-path>details>summary>a{color:var(--fz-ink)}
body .sklep-drzewo-poziom-1>li>details>summary>a,body .sklep-drzewo-poziom-1>li>a{color:var(--fz-ink);font-weight:500}
body .sklep-filtry-form legend{font-size:11.5px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--fz-g-hi)}
body .sklep-filtry-form fieldset>label small,body .sklep-aktywne-filtry a{color:var(--fz-mute)}
body .sklep-aktywne-filtry a{background:var(--fz-card);border:1px solid var(--fz-line)}
body .sklep-aktywne-filtry .wyczysc{background:none;border:0}
body .sklep-wyniki-toolbar{padding-bottom:16px;border-bottom:1px solid var(--fz-line);margin-bottom:clamp(18px,2.5vw,30px);font-size:13px;color:var(--fz-mute)}
body .sklep-wyniki-toolbar>p{font-weight:400;color:var(--fz-mute)}
body .sklep-sortowanie label{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--fz-mute)}
body .sklep-sortowanie select{border-radius:999px;padding:10px 40px 10px 16px;font-size:13.5px;background-color:var(--fz-bg2)}
@media (max-width:900px){
  body .sklep-katalog,body .sklep-katalog--z-drzewem,body .sklep-katalog--z-drzewem.sklep-katalog--z-sidebar{grid-template-columns:minmax(0,1fr)}
  body .sklep-drzewo{background:none;border:0;padding:0}
  body .js .sklep-drzewo-panel,body .sklep-drzewo-panel{background:var(--fz-card);border:1px solid var(--fz-line);border-radius:14px}
  body .sklep-drzewo .sklep-drzewo-toggle,body .sklep-filtry-toggle{min-height:48px;border-radius:999px;padding:0 18px;font-size:13px;letter-spacing:.1em;text-transform:uppercase}
}

/* ---------- karty produktów ---------- */
body .sklep-grid{gap:clamp(10px,1.4vw,18px);grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
body .sklep-katalog--z-drzewem .sklep-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
body .produkt-karta,body.shop-karta--cien .produkt-karta{position:relative;overflow:hidden;border:1px solid var(--fz-line);border-radius:14px;background:linear-gradient(160deg,#0c150e,#060b07);box-shadow:none;transition:transform .5s var(--fz-ease),border-color .3s,box-shadow .4s}
body .produkt-karta:hover,body .produkt-karta:focus-within,body.shop-karta--cien .produkt-karta:hover{border-color:rgba(110,180,64,.7);box-shadow:0 30px 70px -30px var(--fz-glow)}
body .produkt-obraz-wrap{margin:6px 6px 0}
body .produkt-obraz{border-radius:9px;background:radial-gradient(70% 60% at 50% 30%,#fff 0,#dfe6da 70%,#b7c2b2 100%);padding:7%}
body .produkt-obraz img{mix-blend-mode:multiply;transition:transform .7s var(--fz-ease)}
body .produkt-karta:hover .produkt-obraz img{transform:scale(1.06)}
body .produkt-karta-tresc{padding:14px 16px 16px;gap:2px}
body .produkt-karta h2{margin:0 0 8px;font-family:var(--fz-serif);font-weight:400;font-size:clamp(15px,1.4vw,18px);line-height:1.2;letter-spacing:-.01em}
body .produkt-karta h2 a{color:var(--fz-ink)}
body .produkt-karta h2 a:hover{text-decoration:none;color:var(--fz-g-hi)}
body .produkt-badge-lista{top:12px;left:12px}
body .produkt-badge{border-radius:99px;padding:4px 10px;background:var(--fz-g);color:var(--fz-on-g);font-size:10.5px;letter-spacing:.12em}
body .produkt-badge--promocja{background:var(--fz-g);color:var(--fz-on-g)}
body .produkt-badge--brak{background:#3a4338;color:var(--fz-ink)}
body .produkt-badge--nowosc{background:var(--fz-g-hi);color:var(--fz-on-g)}
body .cena,body .cena ins{color:var(--fz-g-hi);font-family:var(--fz-mono);font-weight:700;font-size:16px}
body .cena{align-items:baseline;gap:10px;text-shadow:0 0 16px rgba(110,180,64,.35)}
body .cena del{color:var(--fz-mute);font-size:12.5px;font-weight:400;text-shadow:none}
body .cena-brak,body .produkt-placeholder{color:var(--fz-mute)}
body .produkt-dostepnosc{font-size:13px;color:var(--fz-mute);display:flex;align-items:center}
body .produkt-dostepnosc.jest-dostepny{color:var(--fz-mute)}
body .produkt-dostepnosc.jest-dostepny::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--fz-g-hi);box-shadow:0 0 10px var(--fz-g);margin-right:10px;flex:none}
body .produkt-dostepnosc.brak-dostepnosci{color:var(--fz-err)}
body .produkt-karta-akcje button,body .produkt-karta-akcje .sklep-button{padding:12px 16px;font-size:13px}
body .produkt-placeholder{background-color:#142016}

/* paginacja */
body .sklep-paginacja{gap:10px;margin-top:clamp(30px,4vw,56px)}
body .sklep-paginacja a,body .sklep-paginacja span{min-width:46px;min-height:46px;border:1px solid var(--fz-line);border-radius:999px;padding:0 16px;font-size:13.5px;color:var(--fz-ink);transition:border-color .2s,box-shadow .2s}
body .sklep-paginacja a:hover{border-color:var(--fz-g);box-shadow:0 0 18px -6px var(--fz-glow)}
body .sklep-paginacja a[aria-current=page],body .sklep-paginacja span[aria-current=page]{background:var(--fz-g);border-color:var(--fz-g-hi);color:var(--fz-on-g);font-weight:700}

/* ---------- strona produktu ---------- */
body .produkt{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:0 clamp(26px,4.5vw,72px);align-items:start}
body .produkt>div{position:sticky;top:calc(var(--fz-hh) + 24px);display:grid;gap:14px;align-content:start;min-width:0}
body .produkt-galeria{min-width:0}
body .produkt-galeria-glowne{border:1px solid var(--fz-line);border-radius:18px;overflow:hidden;padding:6%;min-height:320px;cursor:zoom-in;
  background:radial-gradient(70% 60% at 50% 30%,#fff 0,#dfe6da 70%,#b7c2b2 100%);box-shadow:0 40px 90px -50px var(--fz-glow)}
body .produkt-galeria-glowne img{mix-blend-mode:multiply;max-height:620px}
body .produkt-miniatury{gap:10px;padding:14px 2px 4px}
body .produkt-miniatury button{flex:0 0 88px;width:88px;height:88px;padding:6px;border:1.5px solid var(--fz-line);border-radius:12px;background:radial-gradient(70% 60% at 50% 30%,#fff,#cfd8ca);transition:border-color .25s,box-shadow .25s}
body .produkt-miniatury button img{object-fit:contain;mix-blend-mode:multiply}
body .produkt-miniatury button:hover{border-color:var(--fz-g);background:radial-gradient(70% 60% at 50% 30%,#fff,#cfd8ca);box-shadow:none}
body .produkt-miniatury button[aria-current=true],body .produkt-miniatury button[aria-pressed=true]{border-color:var(--fz-g-hi);box-shadow:0 0 22px -4px var(--fz-glow)}
body .produkt-lightbox{border:1px solid var(--fz-line);border-radius:16px;background:#050a06;color:var(--fz-ink)}
body .produkt-lightbox::backdrop{background:rgba(2,4,3,.9)}
body .produkt-lightbox img{background:#fff;border-radius:10px}
body .wstecz{display:inline-block;color:var(--fz-g-hi);font-size:12px;letter-spacing:.14em;text-transform:uppercase}
body .wstecz:hover{color:var(--fz-ink)}
body .produkt h1{font-size:clamp(30px,3.5vw,52px);line-height:1.02;margin:0;overflow-wrap:anywhere}
body .produkt .cena--duza,body .produkt .cena--duza ins{font-family:var(--fz-serif);font-size:clamp(34px,3.4vw,46px);font-weight:600;letter-spacing:-.02em;line-height:1}
body .produkt .cena--duza del{font-family:var(--fz-mono);font-size:16px}
body .produkt .produkt-dostepnosc{margin:0}
body .opis-krotki{color:var(--fz-mute)}
body .dodaj-koszyk{margin-top:6px;gap:16px;grid-template-columns:minmax(0,1fr) auto;align-items:end}
body .dodaj-koszyk>.produkt-atrybuty{grid-column:1/-1}
body .dodaj-koszyk>label.produkt-ilosc{grid-column:1}
body .dodaj-koszyk>button[type=submit]{grid-column:2;min-height:56px;padding:0 32px;font-size:13px;letter-spacing:.1em;text-transform:uppercase;box-shadow:0 0 0 0 var(--fz-glow),0 10px 40px -10px var(--fz-glow)}
body .produkt-atrybuty label,body .produkt-ilosc{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--fz-mute)}
body .produkt-atrybuty select{border-radius:999px;font-size:14px;letter-spacing:0;text-transform:none;min-height:48px}
body .ilosc-kontrolki{border:1px solid var(--fz-line2);border-radius:999px;overflow:hidden;grid-template-columns:46px minmax(46px,60px) 46px;background:transparent}
body .ilosc-kontrolki button,body.sklep-theme .ilosc-kontrolki button{border:0;border-radius:0;background:transparent;color:var(--fz-ink);font-size:20px;padding:0;min-height:54px}
body .ilosc-kontrolki input{border:0;border-radius:0;background:transparent;text-align:center;font-weight:700;padding:0;-moz-appearance:textfield;appearance:textfield}
body .ilosc-kontrolki input::-webkit-outer-spin-button,body .ilosc-kontrolki input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
body .ilosc-kontrolki button:hover{color:var(--fz-g-hi);background:rgba(110,180,64,.1)!important}
body .produkt-meta{margin-top:6px;padding-top:18px;border-top:1px solid var(--fz-line);font-size:13px;color:var(--fz-mute)}
body .produkt-meta>div{padding:9px 0;border-bottom:1px dashed var(--fz-line);grid-template-columns:96px minmax(0,1fr)}
body .produkt-meta dt{font-size:11.5px;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:var(--fz-mute)}
body .produkt-meta dd{color:var(--fz-ink);overflow-wrap:anywhere}
body .produkt-meta dd a{border-bottom:1px solid var(--fz-g)}
body .produkt-meta dd a:hover{color:var(--fz-g-hi)}
body .produkt-sekcja{margin:clamp(30px,4vw,50px) 0 0;max-width:78ch;color:var(--fz-mute);font-size:14.5px;border-top:1px solid var(--fz-line);padding-top:clamp(18px,2.4vw,26px)}
body .produkt-sekcja h2{font-size:clamp(24px,2.6vw,34px);margin-bottom:14px;color:var(--fz-ink)}
body .produkt-sekcja strong{color:var(--fz-ink);font-weight:500}
body .produkt-sekcja a{color:var(--fz-g-hi);border-bottom:1px solid var(--fz-g)}
body .produkt-sekcja th{background:none;color:var(--fz-ink);font-weight:500}
body .produkt-sekcja th,body .produkt-sekcja td{border-bottom:1px solid var(--fz-line)}
body .cennik-ilosciowy caption{color:var(--fz-g-hi)}
body .cennik-ilosciowy td{border-bottom-color:var(--fz-line)}
body .produkt-powiazane .sklep-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
@media (max-width:860px){
  body .produkt{grid-template-columns:minmax(0,1fr)}
  body .produkt>div{position:static;margin-top:26px}
  body .dodaj-koszyk{grid-template-columns:minmax(0,1fr)}
  body .dodaj-koszyk>label.produkt-ilosc,body .dodaj-koszyk>button[type=submit]{grid-column:1}
  body .produkt-galeria-glowne{min-height:0}
}

/* ---------- koszyk i zamówienie ---------- */
body .koszyk-lista{border-top:1px solid var(--fz-line)}
body .koszyk-wiersz{border-bottom:1px solid var(--fz-line)}
body .koszyk-zdjecie{border-radius:10px;background:radial-gradient(70% 60% at 50% 30%,#fff,#cfd8ca);padding:6px}
body .koszyk-zdjecie img{mix-blend-mode:multiply}
body .koszyk-produkt strong{font-family:var(--fz-serif);font-weight:400;font-size:19px;letter-spacing:-.01em}
body .koszyk-produkt>a:hover strong{color:var(--fz-g-hi)}
body .koszyk-wiersz small,body .koszyk-cena-jednostkowa,body .koszyk-suma-pozycji span{color:var(--fz-mute)}
body .koszyk-suma-pozycji strong{color:var(--fz-g-hi);font-size:17px}
body .koszyk-blad{border-left:4px solid var(--fz-err);background:rgba(255,157,148,.1);color:var(--fz-err);border-radius:0 10px 10px 0}
body .koszyk-ilosc .sklep-button{padding:9px 14px}
body .sumy,body .checkout-podsumowanie,body .koszyk-kupon,body .konto-adresy article,body .checkout fieldset{border:1px solid var(--fz-line);border-radius:16px;background:var(--fz-card);color:var(--fz-ink)}
body .sumy{padding:24px}
body .sumy p{color:var(--fz-mute)}
body .sumy p b{color:var(--fz-ink);font-weight:500}
body .sumy .razem{font-family:var(--fz-serif);font-size:24px;border-top:1px solid var(--fz-line);color:var(--fz-ink)}
body .sumy .razem b{color:var(--fz-g-hi);font-weight:600}
body .sumy .sklep-button{margin-top:10px;width:100%;text-align:center;padding:16px 24px;min-height:52px}
body .checkout-podsumowanie .sumy{background:transparent;border:0;padding:14px 0}
body .koszyk-kupon{margin-bottom:16px;padding:18px}
body .koszyk-kupon label{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--fz-mute)}
body .checkout fieldset{padding:22px 24px}
body .checkout legend{font-family:var(--fz-serif);font-weight:400;font-size:22px;padding:0 10px;letter-spacing:-.01em;color:var(--fz-ink)}
body .checkout label,body .konto-auth label,body .konto-adres-form label{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--fz-mute)}
body .checkout label input:not([type=checkbox]):not([type=radio]),body .checkout label select,body .checkout label textarea,body .konto-auth label input,body .konto-adres-form label input,body .konto-adres-form label select{letter-spacing:0;text-transform:none}
body .checkout .zgoda,body .checkout-metoda,body .checkout-wybor-adresu label{letter-spacing:0;text-transform:none;font-size:14px;color:var(--fz-ink)}
body .checkout-metoda{border:1px solid var(--fz-line);border-radius:12px;padding:14px 16px!important;transition:border-color .2s,background .2s}
body .checkout-metoda:hover,body .checkout-metoda:has(input:checked){border-color:var(--fz-g);background:rgba(110,180,64,.08)}
body .checkout-metoda small,body .zgoda small,body .pole-pomoc{color:var(--fz-mute)}
body .checkout a,body .konto-auth a,body .konto-zamowienia a,body .konto-zamowienie a{color:var(--fz-g-hi);border-bottom:1px solid var(--fz-g)}
body input[type=checkbox],body input[type=radio]{width:18px;height:18px;flex:none;margin:2px 0}
body .checkout-wybor-adresu label{display:flex;align-items:center;gap:10px}
body .pole-blad{color:var(--fz-err)}
body .checkout-punkt-odbioru{border:1px dashed var(--fz-line2);border-radius:12px;padding:14px}
body .checkout-podsumowanie li{color:var(--fz-ink)}
body .checkout-podsumowanie ul{border-bottom-color:var(--fz-line)}
body .podsumowanie .sukces{color:var(--fz-g-hi)}
body .konto-naglowek p{color:var(--fz-g-hi);letter-spacing:.2em;font-weight:400}
body .konto-zamowienia th,body .konto-zamowienia td,body .konto-zamowienie th,body .konto-zamowienie td{border-bottom:1px solid var(--fz-line)}
body .konto-zamowienia th,body .konto-zamowienie th{font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--fz-mute)}
body .konto-auth{padding:clamp(22px,3vw,36px);border:1px solid var(--fz-line);border-radius:18px;background:radial-gradient(80% 120% at 0% 0%,rgba(110,180,64,.14),transparent 60%),#060b07}
body .konto-auth h1{font-size:clamp(34px,5vw,56px);margin-bottom:18px}

/* ---------- strony treści (O FanZone.pl, Regulamin, FAQ, Kontakt, Koszty wysyłki...) ---------- */
body .artykul{background:var(--fz-bg);color:var(--fz-mute)}
body .podglowie,body .podglowie--artykul{position:relative;overflow:hidden;isolation:isolate;border-bottom:1px solid var(--fz-line);color:var(--fz-ink);
  padding:clamp(34px,5vw,64px) 0 clamp(30px,4.5vw,56px);
  background:radial-gradient(60% 150% at 88% -35%,rgba(154,224,106,.26),transparent 62%),linear-gradient(180deg,#07100a,var(--fz-bg))}
body .podglowie::after{content:"";position:absolute;z-index:-1;right:max(2vw,-80px);top:50%;width:clamp(220px,34vw,460px);aspect-ratio:1;transform:translateY(-50%);border-radius:50%;
  border:2px solid rgba(238,243,234,.17);
  background:linear-gradient(90deg,transparent calc(50% - 1px),rgba(238,243,234,.17) calc(50% - 1px) calc(50% + 1px),transparent 0),radial-gradient(circle,rgba(238,243,234,.3) 0 4px,transparent 5px);box-shadow:0 0 90px -20px var(--fz-glow)}
body .podglowie .wrap{width:100%;max-width:var(--fz-max);padding-inline:var(--fz-pad)}
body .podglowie h1,body .podglowie--artykul h1{font-family:var(--fz-serif);font-weight:300;font-variation-settings:"opsz" 144;font-size:clamp(40px,6.6vw,96px);line-height:.98;letter-spacing:-.035em;text-transform:none;max-width:16ch;margin:0;color:var(--fz-ink)}
body .podglowie__opis{color:var(--fz-mute);max-width:60ch}
body .artykul__cialo{padding-bottom:clamp(70px,10vw,130px)}
body .artykul .wrap--waski,body .artykul__cialo.wrap{width:100%;max-width:calc(70ch + 2 * var(--fz-pad));padding-inline:var(--fz-pad);margin-inline:auto}
body .podglowie .wrap--waski{max-width:var(--fz-max)}
body .artykul__cialo{padding-top:clamp(34px,5vw,64px)}
body .tresc-wpisu{font-family:var(--fz-serif);font-size:clamp(17px,1.5vw,19px);line-height:1.72;color:#d3dccf;font-variation-settings:"opsz" 18}
body .tresc-wpisu p{margin:0 0 1em}
body .tresc-wpisu h2,body .tresc-wpisu h3,body .tresc-wpisu h4{font-family:var(--fz-serif);font-weight:300;font-variation-settings:"opsz" 144;text-transform:none;letter-spacing:-.03em;line-height:1.04;color:var(--fz-ink)}
body .tresc-wpisu h2{font-size:clamp(30px,4vw,48px);margin:clamp(34px,5vw,56px) 0 18px}
body .tresc-wpisu h3{font-size:clamp(24px,3vw,34px);margin:30px 0 12px}
body .tresc-wpisu h4{font-size:22px;margin:26px 0 10px}
body .tresc-wpisu strong{color:var(--fz-ink);font-weight:600}
body .tresc-wpisu a{color:var(--fz-g-hi);text-decoration:none;border-bottom:1px solid var(--fz-g)}
body .tresc-wpisu a:hover{color:var(--fz-ink)}
body .tresc-wpisu ul,body .tresc-wpisu ol{padding-left:1.4em}
body .tresc-wpisu li::marker{color:var(--fz-g-hi)}
body .tresc-wpisu blockquote{border-left:3px solid var(--fz-g);background:var(--fz-card);color:var(--fz-ink)}
body .tresc-wpisu hr{border-top-color:var(--fz-line)}
body .tresc-wpisu table{font-family:var(--fz-mono);font-size:14px}
body .tresc-wpisu th,body .tresc-wpisu td{border:0;border-bottom:1px solid var(--fz-line);padding:9px 12px}
body .tresc-wpisu figcaption{color:var(--fz-mute)}
body .artykul-sidebar{background:var(--fz-card);border:1px solid var(--fz-line);border-radius:14px}
body .artykul-sidebar h2,body .artykul-sidebar--widget a{color:var(--fz-ink)}
body .podglowie--404{padding:clamp(70px,10vw,130px) 0}

/* ---------- stopka (wspólna dla sklepu i stron treści) ---------- */
body .sklep-footer,body.shop-footer--jasny .sklep-footer{position:relative;overflow:hidden;margin-top:0;padding:clamp(50px,7vw,90px) 0 0;border-top:1px solid var(--fz-line);background:var(--fz-bg);color:var(--fz-mute);font-family:var(--fz-mono);font-size:13.5px}
body .sklep-footer-inner{width:100%;max-width:var(--fz-max);padding-inline:var(--fz-pad);margin-inline:auto}
body.shop-site--fanzone .sklep-footer-grid,body .sklep-footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding:0 0 clamp(28px,4vw,48px)}
body.shop-site--fanzone .sklep-footer-kol h4,body .sklep-footer-kol h4{margin:0 0 14px;font-family:var(--fz-mono);font-size:11.5px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--fz-g-hi)}
body.shop-site--fanzone .sklep-footer-kol p,body .sklep-footer-kol p{margin:0 0 8px;color:var(--fz-mute)}
body.shop-site--fanzone .sklep-footer-kol a,body .sklep-footer-kol a{color:var(--fz-mute);transition:color .2s}
body.shop-site--fanzone .sklep-footer-kol a:hover,body .sklep-footer-kol a:hover{color:var(--fz-ink);text-decoration:none}
body .sklep-footer-kol ul{gap:6px}
body .sklep-footer-newsletter{width:100%;max-width:none;flex:none;margin-bottom:clamp(20px,3vw,40px)}
body .newsletter-formularz{width:100%;max-width:none;box-sizing:border-box;position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(24px,5vw,70px);row-gap:8px;align-items:start;
  padding:clamp(24px,4vw,56px);border:1px solid var(--fz-line);border-radius:18px;color:var(--fz-ink);
  background:radial-gradient(80% 120% at 0% 0%,rgba(110,180,64,.16),transparent 60%),#060b07}
body .newsletter-formularz h2{grid-column:1;margin:0;font-family:var(--fz-serif);font-weight:300;font-size:clamp(30px,4.2vw,60px);line-height:.98;letter-spacing:-.03em;color:var(--fz-ink)}
body .newsletter-formularz>p{grid-column:1;margin:10px 0 0;color:var(--fz-mute);max-width:42ch}
body .newsletter-formularz__pola{grid-column:2;grid-row:1 / span 6;display:grid;gap:14px;align-content:start}
body .newsletter-formularz__pola>label:first-child{display:grid;gap:6px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--fz-mute)}
body .newsletter-formularz input[type=email]{width:100%;min-height:48px;background:transparent;border:0;border-bottom:1.5px solid var(--fz-ink);border-radius:0;color:var(--fz-ink);font-size:18px;padding:10px 0;letter-spacing:0;text-transform:none}
body .newsletter-formularz input[type=email]:focus{border-color:var(--fz-g-hi);box-shadow:0 8px 20px -14px var(--fz-g)}
body .newsletter-zgoda{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;align-items:start;font-size:12px;line-height:1.5;color:var(--fz-mute);letter-spacing:0;text-transform:none}
body .newsletter-zgoda input{width:18px;height:18px;margin:2px 0 0}
body .newsletter-zgoda a{color:var(--fz-ink);border-bottom:1px solid var(--fz-g);text-decoration:none}
body .newsletter-klauzula{margin:0;font-size:11.5px;line-height:1.55;color:#8f9d8f;opacity:1}
body .newsletter-formularz button[type=submit]{justify-self:start;padding:16px 28px;font-size:13px;letter-spacing:.1em;text-transform:uppercase}
body .newsletter-komunikat{grid-column:1/-1;border-left:4px solid var(--fz-g);background:var(--fz-card);padding:10px 14px;border-radius:0 10px 10px 0;color:var(--fz-ink)}
body .newsletter-komunikat--blad{border-left-color:var(--fz-err)}
body .newsletter-pulapka{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
body .sklep-footer .newsletter-formularz input[type=email]{background:transparent;color:var(--fz-ink)}
body.shop-site--fanzone .sklep-footer-dol,body .sklep-footer-dol{margin-top:0;padding:18px 0;border-top:1px solid var(--fz-line);font-size:11.5px;color:var(--fz-mute);position:relative;z-index:1;background:var(--fz-bg)}
body .sklep-footer::after{content:"FanZone";display:block;margin-top:clamp(-70px,-5vw,-30px);margin-bottom:-.12em;font-family:var(--fz-serif);font-weight:800;font-style:italic;font-size:clamp(70px,22.5vw,340px);line-height:.8;letter-spacing:-.05em;text-align:center;
  color:transparent;-webkit-text-stroke:1px rgba(110,180,64,.55);white-space:nowrap;user-select:none;text-shadow:0 0 80px rgba(110,180,64,.25);
  -webkit-mask-image:linear-gradient(180deg,#000 30%,transparent 98%);mask-image:linear-gradient(180deg,#000 30%,transparent 98%);pointer-events:none;height:.8em;overflow:hidden}
@media (max-width:960px){
  body.shop-site--fanzone .sklep-footer-grid,body .sklep-footer-grid{grid-template-columns:1fr 1fr}
  body .newsletter-formularz{grid-template-columns:minmax(0,1fr)}
  body .newsletter-formularz h2,body .newsletter-formularz>p,body .newsletter-formularz__pola{grid-column:1;grid-row:auto}
  body .newsletter-formularz__pola{margin-top:14px}
}
@media (max-width:560px){
  body.shop-site--fanzone .sklep-footer-grid,body .sklep-footer-grid{grid-template-columns:1fr}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  body *,body *::before,body *::after{animation-duration:.001ms!important;animation-delay:0s!important;transition-duration:.001ms!important}
}

/* szukajka w naglowku sklepu: przycisk w calosci, bez placeholdera (23.10) */
body .sklep-hero form{flex:0 1 auto;flex-wrap:nowrap;align-items:stretch;max-width:100%;min-width:0}
body .sklep-hero form input[type=search]{flex:1 1 220px;min-width:0;width:clamp(200px,26vw,340px);height:48px;padding:0 20px;border-radius:999px}
body .sklep-hero form input[type=search]::placeholder{color:transparent;opacity:0}
body .sklep-hero form button{flex:0 0 auto;height:48px;padding:0 26px;border:0;border-radius:999px;background:var(--fz-g);color:#04110a;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:box-shadow .2s,transform .2s,background .2s}
body .sklep-hero form button:hover,body .sklep-hero form button:focus-visible{background:var(--fz-g-hi);box-shadow:0 0 28px -4px var(--fz-glow);transform:translateY(-1px)}
body .sklep-hero form button:focus-visible{outline:2px solid var(--fz-ink);outline-offset:2px}
@media (max-width:640px){body .sklep-hero form{width:100%}body .sklep-hero form input[type=search]{width:auto}}