/*
Theme Name: T2T na Fali - Sklep (zamowienia online)
Theme URI: https://t2tnafali.pl
Author: T2T
Description: Motyw one-page dla lokalu T2T na Fali w Mielnie (ul. Wojska Polskiego 3A). Wersja kinowa, spojna z ulotka. Menu, gofry, dostawa, kontakt z QR.
Version: 1.0
Requires at least: 6.0
Tested up to: 7.0
Requires PHP: 7.4
License: GNU GPL v2 or later
Text Domain: motyw_t2t_gastro
*/
:root{
  --ink:#06070b;
  --ink-2:#0c0e15;
  --ink-3:#12151f;
  --amber:#ffb224;
  --amber-2:#ff8a16;
  --amber-soft:#ffd27a;
  --cyan:#3aa6e6;
  --cyan-2:#58c7ff;
  --cream:#fff6e9;
  --muted:#9aa1b0;
  --line:rgba(255,255,255,.10);
  --radius:22px;
  --shadow:0 30px 70px -22px rgba(0,0,0,.7);
  --glow-amber:0 0 0 1px rgba(255,178,36,.4), 0 14px 36px -10px rgba(255,138,22,.65), 0 0 60px -10px rgba(255,138,22,.45);
  --maxw:1120px;
  --ease:cubic-bezier(.22,.61,.36,1);
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:84px;-webkit-text-size-adjust:100%}
body{font-family:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:var(--ink);color:var(--cream);line-height:1.55;overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
h1,h2,h3{font-family:"Anton",Impact,system-ui,sans-serif;font-weight:400;line-height:.96;letter-spacing:.5px;text-transform:uppercase}
h2{line-height:1.1}
ul{list-style:none}
section{position:relative}

/* ---------- helpers ---------- */
.eyebrow{display:inline-flex;align-items:center;gap:.55rem;font-size:.74rem;font-weight:800;letter-spacing:.24em;text-transform:uppercase;color:var(--amber)}
.eyebrow .dot{width:8px;height:8px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 4px rgba(255,178,36,.2),0 0 14px var(--amber)}

.ribbon{position:relative;display:inline-block;font-family:"Anton",sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.04em;
  font-size:clamp(1.5rem,5vw,2.5rem);color:#1a1206;padding:.5rem 1.7rem;border-radius:12px;
  background:linear-gradient(180deg,var(--amber),var(--amber-2));
  box-shadow:0 0 0 3px rgba(255,255,255,.92),0 16px 34px -12px rgba(255,138,22,.7),0 0 50px -8px rgba(255,138,22,.55)}
.ribbon::before,.ribbon::after{content:"";position:absolute;top:50%;width:18px;height:18px;background:var(--amber-2);transform:translateY(-50%) rotate(45deg);border-radius:3px}
.ribbon::before{left:-7px}.ribbon::after{right:-7px}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.95rem 1.7rem;border-radius:999px;font-weight:800;font-size:.98rem;cursor:pointer;transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s;will-change:transform}
.btn svg{width:18px;height:18px;fill:currentColor}
.btn--amber{background:linear-gradient(135deg,var(--amber),var(--amber-2));color:#1a1206}
.btn--amber:hover{transform:translateY(-3px)}
.btn--glow{box-shadow:var(--glow-amber);animation:pulseGlow 2.8s var(--ease) infinite}
@keyframes pulseGlow{0%,100%{box-shadow:0 0 0 1px rgba(255,178,36,.4),0 14px 36px -10px rgba(255,138,22,.6),0 0 40px -12px rgba(255,138,22,.4)}50%{box-shadow:0 0 0 1px rgba(255,178,36,.55),0 16px 40px -10px rgba(255,138,22,.8),0 0 70px -8px rgba(255,138,22,.6)}}
.btn--glass{background:rgba(255,255,255,.08);color:var(--cream);border:1px solid rgba(255,255,255,.24);backdrop-filter:blur(10px)}
.btn--glass:hover{transform:translateY(-3px);background:rgba(255,255,255,.16)}
.btn--dark{background:#0a0b10;color:var(--cream);border:1px solid rgba(0,0,0,.4)}
.btn--dark:hover{transform:translateY(-3px);background:#000}

.reveal{opacity:0;transform:translateY(30px) scale(.985);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.btn--glow{animation:none}}

/* glow orbs (tlo sekcji) */
.glow-orb{position:absolute;width:420px;height:420px;border-radius:50%;filter:blur(90px);opacity:.5;z-index:0;pointer-events:none}
.glow-orb--amber{background:radial-gradient(circle,rgba(255,138,22,.5),transparent 70%);top:-120px;right:-120px}
.glow-orb--cyan{background:radial-gradient(circle,rgba(58,166,230,.45),transparent 70%);bottom:-140px;left:-120px}

/* sec-deco = pelne grafiki w tle sekcji (cale widoczne, zacienione, po bokach na srodku) */
.sec-deco{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.sec-deco img{position:absolute;top:50%;transform:translateY(-50%) rotate(-4deg);width:min(24%,250px);opacity:.2;border-radius:18px;filter:saturate(1.1) contrast(1.03);box-shadow:0 20px 50px -20px rgba(0,0,0,.7)}
.sec-deco--left img{left:3%;transform:translateY(-50%) rotate(4deg)}
.sec-deco--right img{right:3%;transform:translateY(-50%) rotate(-4deg)}
@media(max-width:1024px){.sec-deco img{opacity:.12;width:30%}}
@media(max-width:680px){.sec-deco--right{display:none}.sec-deco--left img{opacity:.08;width:55%;left:auto;right:-10%}}

/* ---------- pricelist (kropki) ---------- */
.pricelist{position:relative;z-index:1;max-width:760px;margin:0 auto;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.012));border:1px solid var(--line);border-radius:var(--radius);padding:1.4rem clamp(1.1rem,4vw,2rem);backdrop-filter:blur(6px);box-shadow:var(--shadow)}
.pricelist ul li,.dcard ul li,.sweet__board ul li{display:flex;align-items:baseline;gap:.4rem;padding:.62rem 0;transition:color .2s}
.pricelist ul li:hover .nm{color:#fff}
.pricelist .nm{font-weight:600;color:#ece3d2;font-size:1rem}
.pricelist .ld,.dcard .ld,.sweet__board .ld{flex:1;border-bottom:2px dotted rgba(255,255,255,.22);transform:translateY(-5px);min-width:18px}
.pricelist b,.dcard b,.sweet__board b{font-family:"Anton",sans-serif;font-weight:400;color:var(--amber);font-size:1.16rem;white-space:nowrap;text-shadow:0 0 18px rgba(255,178,36,.35)}
.pricelist li.has-desc{flex-wrap:wrap;padding-bottom:.72rem}
.pricelist li.has-desc .nm{font-weight:800;color:#fff;font-size:1.06rem;letter-spacing:.01em}
.pricelist li.has-desc:hover .nm{color:var(--amber-2)}
.pricelist .desc{flex-basis:100%;width:100%;margin-top:.15rem;font-size:.84rem;line-height:1.4;color:#a99f8d;font-weight:400}
.pricelist .chili{display:inline-flex;align-items:center;gap:2px;margin-left:.55rem;vertical-align:middle;position:relative;top:-1px}
.pricelist .chili__i{width:22px;height:22px;filter:drop-shadow(0 0 5px rgba(229,53,34,.6))}
.pricelist .no{flex:0 0 auto;min-width:2.3em;margin-right:.55rem;font-family:"Anton",sans-serif;font-weight:400;font-size:.86rem;color:var(--amber-2);opacity:.8;letter-spacing:.02em;font-variant-numeric:tabular-nums}
.pricelist li.has-desc .no{align-self:flex-start;margin-top:.15rem}
.pricelist li.sub .no{visibility:hidden}
.waffle{position:relative}
.waffle__no{position:absolute;top:.65rem;left:.65rem;z-index:2;font-family:"Anton",sans-serif;font-weight:400;font-size:.82rem;color:#fff;background:rgba(6,7,11,.62);backdrop-filter:blur(3px);padding:.12rem .48rem;border-radius:7px;letter-spacing:.03em}
.pricelist li.sub .nm{color:var(--cyan-2);font-style:italic;font-weight:600}
.pricelist li.sub b{color:var(--cyan-2);font-size:1rem;text-shadow:0 0 18px rgba(88,199,255,.4)}

/* ===========================================================
   HEADER
   =========================================================== */
.hdr{position:fixed;inset:0 0 auto 0;z-index:60;display:flex;align-items:center;gap:1.2rem;padding:.85rem clamp(1rem,4vw,2.4rem);transition:background .35s var(--ease),box-shadow .35s,padding .35s}
.hdr.is-stuck{background:rgba(6,7,11,.9);backdrop-filter:blur(16px);box-shadow:0 10px 30px -16px #000;padding-top:.55rem;padding-bottom:.55rem}
.hdr__brand{display:flex;align-items:center;gap:.8rem;margin-right:auto}
.hdr__brand img{width:64px;height:64px;filter:drop-shadow(0 4px 14px rgba(0,0,0,.65));transition:width .35s var(--ease),height .35s var(--ease)}
.hdr.is-stuck .hdr__brand img{width:52px;height:52px}
.hdr__brand-txt{display:flex;flex-direction:column;line-height:1.15}
.hdr__brand-txt b{font-size:1.18rem;font-weight:800;letter-spacing:.01em}
.hdr__brand-txt i{font-style:normal;font-size:.78rem;color:var(--amber-soft);letter-spacing:.03em}
.hdr__nav{display:none;gap:1.15rem;font-weight:700;font-size:.9rem}
@media(min-width:1100px){.hdr__nav{gap:1.4rem;font-size:.94rem}}
.hdr__nav a{position:relative;padding:.3rem 0;color:#e7ddcd;transition:color .2s}
.hdr__nav a::after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:2px;background:var(--amber);box-shadow:0 0 10px var(--amber);transition:width .3s var(--ease)}
.hdr__nav a:hover{color:#fff}.hdr__nav a:hover::after{width:100%}
.hdr__cta{display:none;align-items:center;gap:.5rem;padding:.65rem 1.2rem;border-radius:999px;background:linear-gradient(135deg,var(--amber),var(--amber-2));color:#1a1206;font-weight:800;box-shadow:var(--glow-amber);transition:transform .25s}
.hdr__cta:hover{transform:translateY(-2px)}.hdr__cta svg{width:18px;height:18px;fill:#1a1206}
.hdr__burger{display:flex;flex-direction:column;gap:5px;width:46px;height:46px;align-items:center;justify-content:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:13px;cursor:pointer}
.hdr__burger span{width:20px;height:2px;background:var(--cream);border-radius:2px;transition:transform .3s,opacity .3s}
.hdr__burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hdr__burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.hdr__burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mobnav{position:fixed;z-index:55;inset:64px 0 auto 0;display:flex;flex-direction:column;gap:.2rem;padding:1rem clamp(1rem,4vw,2.4rem) 1.6rem;background:rgba(6,7,11,.98);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);box-shadow:0 24px 40px -20px #000;transform:translateY(-12px);opacity:0;transition:transform .3s var(--ease),opacity .3s}
.mobnav.open{transform:none;opacity:1}
/* zamkniete menu mobilne NIE moze przechwytywac klikniec (nakladalo sie na hero) */
.mobnav[hidden]{display:none}
.mobnav:not(.open){pointer-events:none}
.mobnav.open{pointer-events:auto}
.mobnav a{padding:.85rem .4rem;font-weight:700;font-size:1.05rem;border-bottom:1px solid rgba(255,255,255,.06)}
.mobnav__call{margin-top:.7rem;text-align:center;background:linear-gradient(135deg,var(--amber),var(--amber-2));color:#1a1206;border-radius:999px;border:0!important;box-shadow:var(--glow-amber)}

/* ===========================================================
   PRZELACZNIK JEZYKA (flagi)
   =========================================================== */
.langsw{display:flex;align-items:center;gap:.45rem}
.langsw__flag{display:flex;flex-direction:column;align-items:center;gap:.22rem;line-height:1;opacity:.55;transition:opacity .2s var(--ease),transform .2s var(--ease)}
.langsw__flag svg{display:block;border-radius:4px;box-shadow:0 3px 8px -2px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.14)}
.langsw__flag span{font-weight:800;letter-spacing:.05em;color:var(--cream)}
.langsw__flag:hover{opacity:.9;transform:translateY(-2px)}
.langsw__flag.is-active{opacity:1}
.langsw__flag.is-active svg{box-shadow:0 3px 10px -2px rgba(0,0,0,.6),0 0 0 2px var(--amber),0 0 16px -3px rgba(255,178,36,.8)}
.langsw__flag.is-active span{color:var(--amber)}

/* wariant w naglowku (maly, zawsze widoczny) */
.langsw--hdr{flex:none}
.langsw--hdr .langsw__flag svg{width:28px;height:18.6px}
.langsw--hdr .langsw__flag span{font-size:.56rem}
@media(max-width:400px){.langsw--hdr .langsw__flag span{display:none}.langsw--hdr{gap:.35rem}}

/* wariant w hero (duze flagi po prawej) */
.hero__lang{position:absolute;z-index:3;right:max(2rem,calc(50vw - 560px));top:50%;transform:translateY(-50%);display:none;flex-direction:column;align-items:center;gap:1.3rem;padding:1.7rem 2.1rem;border-radius:26px;background:rgba(6,7,11,.5);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(12px);box-shadow:0 30px 70px -26px rgba(0,0,0,.75)}
@media(min-width:1120px){.hero__lang{display:flex}}
.hero__lang-cap{font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--amber);text-align:center;line-height:1.5}
.hero__lang-cap i{font-style:normal;display:block;font-size:.6rem;letter-spacing:.08em;color:#cfd6e2;margin-top:.3rem}
.hero__order{display:flex;align-items:center;gap:.7rem;width:100%;padding:.9rem 1.1rem;border-radius:16px;
  background:linear-gradient(135deg,var(--amber),var(--amber-2));color:#1a1206;text-decoration:none;
  box-shadow:0 12px 30px rgba(255,178,36,.42);transition:transform .18s var(--ease),box-shadow .18s;
  animation:t2tgOrderPulse 2.6s ease-in-out infinite}
.hero__order:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(255,178,36,.6)}
.hero__order svg{width:27px;height:27px;fill:#1a1206;flex:none}
.hero__order b{display:block;font-size:1.04rem;font-weight:800;line-height:1.15}
.hero__order small{display:block;font-size:.77rem;font-weight:600;opacity:.82}
@keyframes t2tgOrderPulse{0%,100%{box-shadow:0 12px 30px rgba(255,178,36,.4)}50%{box-shadow:0 14px 40px rgba(255,178,36,.7)}}
@media(prefers-reduced-motion:reduce){.hero__order{animation:none}}
@media(min-width:1120px){
  .hero__order{padding:1.2rem 1.6rem;gap:1rem;border-radius:18px;margin-top:.3rem}
  .hero__order svg{width:36px;height:36px}
  .hero__order b{font-size:1.4rem}
  .hero__order small{font-size:.95rem}
}
.langsw--hero{flex-direction:row;gap:1.7rem;align-items:flex-start}
.langsw--hero .langsw__flag{flex-direction:column;gap:.55rem;padding:.4rem;border-radius:12px}
.langsw--hero .langsw__flag svg{width:90px;height:60px}
.langsw--hero .langsw__flag span{font-size:1.05rem;letter-spacing:.1em}
.langsw--hero .langsw__flag.is-active{background:rgba(255,178,36,.1)}
/* mobile: flagi w hero NAD trescia (odwrocenie kolumn wzgledem desktopa) */
@media(max-width:1119px){
  .hero{flex-direction:column;justify-content:center}
  .hero__lang{display:flex;position:static;top:auto;right:auto;transform:none;order:-1;width:auto;max-width:100%;margin:0 auto 1.8rem;padding:1rem 1.3rem;gap:.85rem}
  .hero__lang-cap{font-size:.62rem;letter-spacing:.12em}
  .hero__lang-cap i{font-size:.54rem;margin-top:.2rem}
  .langsw--hero{gap:clamp(.9rem,4vw,1.4rem)}
  .langsw--hero .langsw__flag svg{width:56px;height:37.3px}
  .langsw--hero .langsw__flag span{font-size:.82rem}
}

/* pizza - komunikat gdy brak pozycji */
.menu__soon{position:relative;z-index:1;max-width:620px;margin:0 auto;text-align:center;color:var(--amber-soft);font-weight:700;font-size:1.08rem;padding:1.4rem 1.6rem;border:1px dashed rgba(255,178,36,.4);border-radius:var(--radius);background:linear-gradient(180deg,rgba(255,178,36,.06),transparent)}

/* ===========================================================
   HERO
   =========================================================== */
.hero{min-height:100svh;display:flex;align-items:center;position:relative;overflow:hidden;padding:6rem clamp(1rem,4vw,2.4rem) 7rem}
.hero__media{position:absolute;inset:0;overflow:hidden}
.hero__bg{width:100%;height:100%;object-fit:cover;object-position:center 42%;transform:scale(1.08);animation:kenburns 22s ease-in-out infinite alternate;will-change:transform}
@keyframes kenburns{from{transform:scale(1.08) translate(0,0)}to{transform:scale(1.2) translate(-2%,-3%)}}
.hero__veil{position:absolute;inset:0;background:
  radial-gradient(120% 95% at 12% 18%,rgba(6,7,11,.4),transparent 58%),
  radial-gradient(90% 70% at 90% 10%,rgba(255,138,22,.16),transparent 55%),
  linear-gradient(180deg,rgba(6,7,11,.82) 0%,rgba(6,7,11,.5) 38%,rgba(6,7,11,.95) 100%)}
.hero__inner{position:relative;z-index:3;max-width:760px;margin:0 auto;width:100%;text-align:center}
@media(min-width:900px){.hero__inner{margin:0;max-width:var(--maxw);text-align:left}}
.hero__logo{width:104px;height:104px;margin:0 auto 1rem;filter:drop-shadow(0 8px 26px rgba(255,138,22,.4))}
@media(min-width:900px){.hero__logo{margin:0 0 1rem}}
.hero .eyebrow{justify-content:center}
@media(min-width:900px){.hero .eyebrow{justify-content:flex-start}}
.hero__title{font-size:clamp(3rem,11.5vw,7rem);margin:1rem 0;display:flex;flex-direction:column}
.hero__title .l1{color:var(--cream);text-shadow:0 12px 40px rgba(0,0,0,.6)}
.hero__title .l2{background:linear-gradient(120deg,var(--amber),#ffd27a 50%,var(--amber-2));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 24px rgba(255,138,22,.45))}
.hero__lead{font-size:clamp(1.02rem,2.4vw,1.22rem);max-width:48ch;color:#e9e1d2;font-weight:500;margin:0 auto}
@media(min-width:900px){.hero__lead{margin:0}}
.hero__actions{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:1.8rem;justify-content:center}
@media(min-width:900px){.hero__actions{justify-content:flex-start}}
.hero__hours{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:2.2rem;justify-content:center}
@media(min-width:900px){.hero__hours{justify-content:flex-start}}
.hero__hours div{display:flex;align-items:center;gap:.6rem;padding:.6rem 1rem;border-radius:14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(8px)}
.hero__hours svg{width:22px;height:22px;fill:var(--amber);flex:none;filter:drop-shadow(0 0 6px rgba(255,178,36,.6))}
.hero__hours span{display:flex;flex-direction:column;line-height:1.15;font-weight:800;font-size:.96rem;text-align:left}
.hero__hours b{color:var(--amber);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;font-weight:800}

/* bubbles (bokeh) */
.bubbles{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}
.bubbles i{position:absolute;bottom:-40px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.6),rgba(255,210,122,.12) 60%,transparent 70%);opacity:0;animation:rise linear infinite}
@keyframes rise{0%{transform:translateY(0) scale(.6);opacity:0}10%{opacity:.7}90%{opacity:.5}100%{transform:translateY(-92vh) scale(1.1);opacity:0}}

/* wave divider (3 warstwy) */
.wave{position:absolute;left:0;right:0;bottom:-1px;z-index:4;line-height:0}
.wave svg{width:100%;height:90px;display:block}
@media(min-width:700px){.wave svg{height:130px}}
.wave__l1{fill:var(--ink)}
.wave__l2{fill:rgba(58,166,230,.28);animation:waveMove 11s ease-in-out infinite alternate}
.wave__l3{fill:rgba(255,138,22,.16);animation:waveMove 8s ease-in-out infinite alternate-reverse}
@keyframes waveMove{from{transform:translateX(-28px)}to{transform:translateX(28px)}}

/* ===========================================================
   FAKTY
   =========================================================== */
.facts{background:var(--ink-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr;gap:1px;padding:clamp(1.4rem,4vw,2.2rem) clamp(1rem,4vw,2.4rem);position:relative;z-index:5}
@media(min-width:560px){.facts{grid-template-columns:1fr 1fr}}
@media(min-width:980px){.facts{grid-template-columns:repeat(4,1fr)}}
.facts__item{display:flex;align-items:center;gap:.9rem;padding:.7rem 1rem;transition:transform .25s}
.facts__item:hover{transform:translateY(-3px)}
.facts__item svg{width:40px;height:40px;flex:none;fill:#1a1206;background:linear-gradient(135deg,var(--amber),var(--amber-2));border-radius:12px;padding:8px;box-shadow:0 8px 20px -8px rgba(255,138,22,.8)}
.facts__item b{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--amber)}
.facts__item span,.facts__item a{font-weight:800;font-size:.98rem;color:var(--cream)}
.facts__item a:hover{color:var(--amber)}

/* ===========================================================
   SCENA (full-bleed parallax)
   =========================================================== */
.scene{min-height:78vh;display:flex;align-items:flex-end;overflow:hidden;position:relative}
.scene__bg{position:absolute;inset:-12% 0;width:100%;height:124%;object-fit:cover;will-change:transform}
.scene__veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,7,11,.92) 0%,rgba(6,7,11,.6) 45%,rgba(6,7,11,.25) 100%),linear-gradient(0deg,rgba(6,7,11,.85),transparent 55%)}
.scene__copy{position:relative;z-index:2;max-width:var(--maxw);width:100%;margin:0 auto;padding:clamp(2.4rem,7vw,5rem) clamp(1rem,4vw,2.4rem)}
.scene__copy h2{font-size:clamp(2.4rem,8vw,4.6rem);margin:1.1rem 0;color:var(--cream);text-shadow:0 12px 40px rgba(0,0,0,.6)}
.scene__copy p{max-width:46ch;color:#e7dfd0;font-weight:500;font-size:1.08rem;margin-bottom:1.6rem}

/* ===========================================================
   GALERIA MINI
   =========================================================== */
.story{padding:clamp(3rem,7vw,5rem) clamp(1rem,4vw,2.4rem)}
.gallery{max-width:var(--maxw);margin:0 auto;display:grid;gap:1rem;grid-template-columns:1fr}
@media(min-width:680px){.gallery{grid-template-columns:repeat(3,1fr)}}
.gallery__cell{position:relative;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);aspect-ratio:1/1;background:#000;transform-style:preserve-3d;transition:box-shadow .3s}
.gallery__cell:hover{box-shadow:0 36px 80px -24px rgba(255,138,22,.45)}
.gallery__cell img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.gallery__cell:hover img{transform:scale(1.08)}
.gallery__cell figcaption{position:absolute;inset:auto 0 0 0;padding:1.3rem;color:#fff;background:linear-gradient(transparent,rgba(6,7,11,.9));transform:translateZ(30px)}
.gallery__cell figcaption span{font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;color:var(--amber)}
.gallery__cell figcaption b{display:block;font-family:"Anton",sans-serif;font-weight:400;font-size:1.5rem;text-transform:uppercase}

/* ===========================================================
   MENU (cenniki)
   =========================================================== */
.menu{padding:clamp(3rem,7vw,5rem) clamp(1rem,4vw,2.4rem);overflow:hidden}
.menu--alt{background:var(--ink-2)}
.menu__head{position:relative;z-index:1;max-width:var(--maxw);margin:0 auto 2rem;text-align:center}
.menu__note{color:var(--muted);margin-top:1rem}

/* ===========================================================
   GOFRY BABELKOWE
   =========================================================== */
.sweet{background:var(--ink-2);padding:clamp(3.5rem,8vw,5.5rem) clamp(1rem,4vw,2.4rem);overflow:hidden}
.sweet__head{position:relative;z-index:1;max-width:var(--maxw);margin:0 auto 2.2rem;text-align:center}
.sweet__lead{max-width:60ch;margin:1.1rem auto 0;color:#cfd6e2;font-weight:500;font-size:1.05rem}
.sweet__lead b{color:var(--amber)}
.sweet__grid{position:relative;z-index:1;max-width:var(--maxw);margin:0 auto;display:grid;gap:1rem;grid-template-columns:1fr 1fr}
@media(min-width:760px){.sweet__grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr}}
.waffle{position:relative;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);background:#000;aspect-ratio:1/1;transform-style:preserve-3d;transition:box-shadow .3s}
.waffle:hover{box-shadow:0 36px 80px -24px rgba(255,138,22,.5)}
.waffle--hero{grid-column:span 2}
@media(min-width:760px){.waffle--hero{grid-column:span 2;grid-row:span 2;aspect-ratio:auto}}
.waffle img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.waffle:hover img{transform:scale(1.08)}
.waffle figcaption{position:absolute;inset:auto 0 0 0;padding:1rem 1.1rem 1.1rem;background:linear-gradient(transparent,rgba(6,7,11,.92));color:#fff;transform:translateZ(24px)}
.waffle figcaption b{display:block;font-family:"Anton",sans-serif;font-weight:400;font-size:1.2rem;text-transform:uppercase}
.waffle--hero figcaption b{font-size:1.95rem}
.waffle figcaption small{color:#cdd3df;font-size:.8rem;display:none}
.waffle--hero figcaption small{display:block;margin-top:.2rem;font-size:.92rem}
.waffle__price{position:absolute;top:.9rem;right:.9rem;background:linear-gradient(135deg,var(--amber),var(--amber-2));color:#1a1206;font-weight:800;font-size:.8rem;padding:.38rem .8rem;border-radius:999px;box-shadow:0 8px 18px -6px rgba(0,0,0,.6),0 0 22px -4px rgba(255,178,36,.7);transform:translateZ(40px)}
.sweet__board{background:linear-gradient(160deg,rgba(255,178,36,.15),rgba(58,166,230,.06));border:1px solid rgba(255,178,36,.4);border-radius:var(--radius);padding:1.4rem 1.5rem;display:flex;flex-direction:column;grid-column:span 2;backdrop-filter:blur(6px)}
@media(min-width:760px){.sweet__board{grid-column:span 1;grid-row:span 2}}
.sweet__board h3{font-size:1.5rem;color:var(--amber);margin-bottom:.8rem;text-shadow:0 0 20px rgba(255,178,36,.4)}
.sweet__board .nm{font-weight:600;color:#e6ddce;font-size:.95rem}

/* ===========================================================
   NAPOJE
   =========================================================== */
.drinks{padding:clamp(3.5rem,8vw,5.5rem) clamp(1rem,4vw,2.4rem);overflow:hidden}
.drinks__head{position:relative;z-index:1;max-width:var(--maxw);margin:0 auto 2.2rem;text-align:center}
.drinks__grid{position:relative;z-index:1;max-width:900px;margin:0 auto;display:grid;gap:1.2rem;grid-template-columns:1fr}
@media(min-width:720px){.drinks__grid{grid-template-columns:1fr 1fr}}
.dcard{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.012));border-radius:var(--radius);padding:1.6rem 1.6rem;border:1px solid var(--line);overflow:hidden;transition:transform .3s,border-color .3s}
.dcard:hover{transform:translateY(-5px);border-color:rgba(255,178,36,.4)}
.dcard h3{font-size:1.5rem;color:var(--cream);margin-bottom:.9rem}
.dcard .nm{font-weight:600;color:#ece3d2;font-size:.95rem}
.dcard--amber{background:linear-gradient(160deg,rgba(255,178,36,.16),rgba(255,138,22,.04));border-color:rgba(255,178,36,.42)}
.dcard__tag{position:absolute;top:1.1rem;right:1.1rem;background:linear-gradient(135deg,var(--amber),var(--amber-2));color:#1a1206;font-weight:800;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;padding:.3rem .75rem;border-radius:999px;box-shadow:0 0 20px -4px rgba(255,178,36,.7)}

/* ===========================================================
   DOSTAWA
   =========================================================== */
.delivery{padding:0 clamp(1rem,4vw,2.4rem) clamp(2rem,5vw,3rem)}
.delivery__inner{max-width:var(--maxw);margin:0 auto;background:linear-gradient(135deg,var(--amber),var(--amber-2));color:#1a1206;border-radius:var(--radius);padding:1.6rem clamp(1.2rem,4vw,2.4rem);display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem 2rem;box-shadow:var(--glow-amber);position:relative;overflow:hidden}
.delivery__inner::after{content:"";position:absolute;inset:0;background:radial-gradient(60% 120% at 100% 0%,rgba(255,255,255,.25),transparent 60%);pointer-events:none}
.delivery__scooter{width:58px;height:58px;fill:#1a1206;flex:none;position:relative;animation:scoot 3.4s var(--ease) infinite}
@keyframes scoot{0%,100%{transform:translateX(0)}50%{transform:translateX(8px)}}
.delivery__cols{display:flex;flex-wrap:wrap;gap:1.2rem 2rem;margin-right:auto}
.delivery__cols div{display:flex;flex-direction:column;line-height:1.15}
.delivery__cols b{font-family:"Anton",sans-serif;font-weight:400;font-size:.85rem;text-transform:uppercase;letter-spacing:.04em}
.delivery__cols span{font-weight:800;font-size:1.18rem}

/* ===========================================================
   KONTAKT
   =========================================================== */
.contact{background:var(--ink-2);padding:clamp(3.5rem,8vw,6rem) clamp(1rem,4vw,2.4rem);overflow:hidden}
.contact__inner{position:relative;z-index:1;max-width:var(--maxw);margin:0 auto;display:grid;gap:2.4rem;grid-template-columns:1fr;align-items:center}
@media(min-width:860px){.contact__inner{grid-template-columns:1.3fr 1fr}}
.contact__copy h2{font-size:clamp(2.2rem,7vw,3.8rem);margin:1.1rem 0;color:var(--cream)}
.contact__lead{color:#cfd6e2;max-width:46ch;font-size:1.05rem;font-weight:500}
.contact__rows{margin:1.6rem 0;display:flex;flex-direction:column;gap:.9rem}
.contact__rows li{display:flex;align-items:center;gap:.8rem;font-weight:700;font-size:1.05rem}
.contact__rows svg{width:34px;height:34px;flex:none;fill:var(--amber);background:rgba(255,178,36,.12);border-radius:11px;padding:7px}
.contact__rows a:hover{color:var(--amber)}
.contact__actions{display:flex;flex-wrap:wrap;gap:.9rem}
/* mapa dojazdu - osadzona Google Maps */
.contact__map{position:relative;width:100%;aspect-ratio:4/3;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow),0 0 40px -14px rgba(255,178,36,.35)}
@media(min-width:860px){.contact__map{aspect-ratio:1/1}}
.contact__map iframe{position:absolute;inset:0;width:100%;height:100%;filter:grayscale(.2) contrast(1.03)}

/* baner zgody na cookies (RODO) - delikatny, standardowy, dol strony */
.cookiebar[hidden]{display:none}
.cookiebar{position:fixed;z-index:70;left:1rem;right:1rem;bottom:1rem;max-width:540px;margin:0 auto;display:flex;flex-direction:column;gap:.85rem;padding:1rem 1.15rem;border-radius:14px;background:rgba(12,14,20,.95);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(12px);box-shadow:0 16px 40px -18px rgba(0,0,0,.8)}
.cookiebar__text{font-size:.82rem;color:#b4bccb;line-height:1.55}
.cookiebar__more{background:none;border:0;color:var(--amber);font-weight:700;cursor:pointer;text-decoration:underline;padding:0;font-size:inherit}
.cookiebar__actions{display:flex;gap:.6rem;justify-content:flex-end;flex-wrap:wrap}
.cookiebar__btn{padding:.55rem 1.15rem;font-size:.82rem;border-radius:10px}
.cookiebar__btn.btn--glow{animation:none}
@media(max-width:560px){.cookiebar{bottom:5.6rem;left:.8rem;right:.8rem}.cookiebar__actions{justify-content:stretch}.cookiebar__btn{flex:1}}

/* polityka prywatnosci - okno (popup) */
.pmodal[hidden]{display:none}
.pmodal{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:1.2rem;animation:pmodalIn .25s var(--ease)}
@keyframes pmodalIn{from{opacity:0}to{opacity:1}}
.pmodal__backdrop{position:absolute;inset:0;background:rgba(4,5,8,.74);backdrop-filter:blur(5px)}
.pmodal__panel{position:relative;z-index:1;width:100%;max-width:680px;max-height:86vh;overflow:auto;background:var(--ink-2);border:1px solid var(--line);border-radius:22px;padding:2.1rem clamp(1.2rem,4vw,2.3rem);box-shadow:var(--shadow),0 0 60px -18px rgba(255,178,36,.25)}
.pmodal__close{position:absolute;top:.9rem;right:1rem;width:38px;height:38px;border:0;border-radius:50%;background:rgba(255,255,255,.08);color:var(--cream);font-size:1.5rem;line-height:1;cursor:pointer;transition:background .2s}
.pmodal__close:hover{background:rgba(255,255,255,.18)}
.pmodal__title{font-size:clamp(1.6rem,5vw,2.2rem);color:var(--cream);margin-bottom:1.1rem}
.pmodal__body p{color:#cfd6e2;font-size:.94rem;line-height:1.65;margin-bottom:1rem}
.pmodal__body p:last-child{margin-bottom:0}

/* linki tekstowe w stopce (polityka / cookies) */
.ftr__link{background:none;border:0;color:var(--muted);font:inherit;cursor:pointer;text-decoration:underline;padding:0}
.ftr__link:hover{color:var(--amber)}

/* ===========================================================
   FAQ
   =========================================================== */
.faq{background:var(--ink-2);padding:clamp(3.5rem,8vw,5.5rem) clamp(1rem,4vw,2.4rem);overflow:hidden}
.faq__head{position:relative;z-index:1;max-width:760px;margin:0 auto 2rem;text-align:center}
.faq__list{position:relative;z-index:1;max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:.8rem}
.faq__item{background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.012));border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:border-color .3s}
.faq__item[open]{border-color:rgba(255,178,36,.4)}
.faq__item summary{list-style:none;cursor:pointer;padding:1.1rem 1.3rem;font-weight:700;font-size:1.05rem;color:var(--cream);display:flex;align-items:center;justify-content:space-between;gap:1rem}
.faq__item summary::-webkit-details-marker{display:none}
.faq__plus{position:relative;width:18px;height:18px;flex:none}
.faq__plus::before,.faq__plus::after{content:"";position:absolute;background:var(--amber);border-radius:2px;transition:transform .3s var(--ease)}
.faq__plus::before{top:8px;left:0;width:18px;height:2px}
.faq__plus::after{left:8px;top:0;width:2px;height:18px}
.faq__item[open] .faq__plus::after{transform:scaleY(0)}
.faq__a{padding:0 1.3rem 1.2rem;color:#cfd6e2;font-weight:500;line-height:1.6}

/* ===========================================================
   FOOTER + ORDERBAR
   =========================================================== */
.ftr{background:var(--ink);border-top:1px solid var(--line);padding:2.4rem clamp(1rem,4vw,2.4rem) 6rem;display:flex;flex-wrap:wrap;align-items:center;gap:1.4rem;position:relative}
@media(min-width:900px){.ftr{padding-bottom:2.4rem}}
.ftr__brand{display:flex;align-items:center;gap:.8rem;margin-right:auto}
.ftr__brand img{width:50px;height:50px}
.ftr__brand b{display:block;font-weight:800}
.ftr__brand span{font-size:.82rem;color:var(--amber-soft)}
.ftr__nav{display:flex;flex-wrap:wrap;gap:1.2rem;font-weight:700;font-size:.9rem}
.ftr__nav a{color:#cdd3df}.ftr__nav a:hover{color:var(--amber)}
.ftr__legal{width:100%;color:var(--muted);font-size:.8rem;border-top:1px solid var(--line);padding-top:1.2rem}
/* plywajacy przycisk "do gory" - jedzie ze scrollem */
.totop{position:fixed;z-index:51;right:1.2rem;bottom:1.2rem;width:50px;height:50px;display:grid;place-items:center;
  border:0;cursor:pointer;border-radius:50%;background:linear-gradient(135deg,var(--amber),var(--amber-2));color:#1a1206;
  font-size:1.5rem;font-weight:800;line-height:1;box-shadow:var(--glow-amber);
  opacity:0;transform:translateY(20px) scale(.85);pointer-events:none;
  transition:opacity .3s var(--ease),transform .3s var(--ease)}
.totop.show{opacity:1;transform:none;pointer-events:auto}
.totop.show:hover{transform:translateY(-3px)}
@media(max-width:900px){.totop{bottom:5.4rem;width:46px;height:46px}}

.orderbar{position:fixed;z-index:50;left:1rem;right:1rem;bottom:1rem;display:flex;align-items:center;justify-content:center;gap:.7rem;padding:.85rem 1.2rem;border-radius:16px;background:linear-gradient(135deg,var(--amber),var(--amber-2));color:#1a1206;box-shadow:var(--glow-amber);transform:translateY(140%);transition:transform .4s var(--ease)}
.orderbar.show{transform:none}
.orderbar svg{width:24px;height:24px;fill:#1a1206;flex:none}
.orderbar span{display:flex;flex-direction:column;line-height:1.1;font-weight:800;font-size:1.05rem}
.orderbar b{font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;opacity:.85}
@media(min-width:900px){.orderbar{display:none}}

@media(min-width:900px){
  .hdr__nav{display:flex}.hdr__cta{display:inline-flex}.hdr__burger{display:none}.mobnav{display:none!important}
}

/* ================= SKLEP: koszyk / zamawianie (front wlasny) ================= */
.t2tg-order{flex:0 0 auto;margin-left:.7rem;padding:.42rem .95rem;border:0;border-radius:999px;
  background:linear-gradient(135deg,var(--amber),var(--amber-2));color:#1a1206;font-family:inherit;
  font-weight:800;font-size:.82rem;letter-spacing:.02em;cursor:pointer;white-space:nowrap;
  box-shadow:0 4px 14px rgba(255,178,36,.28);transition:transform .18s var(--ease),box-shadow .18s,filter .18s}
.t2tg-order:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(255,178,36,.42)}
.t2tg-order:active{transform:translateY(0)}
.t2tg-order.is-added{filter:saturate(1.4);animation:t2tgPop .5s var(--ease)}
@keyframes t2tgPop{0%{transform:scale(1)}40%{transform:scale(1.14)}100%{transform:scale(1)}}
.pricelist li.has-desc .t2tg-order{align-self:flex-start}

/* FAB */
.t2tg-fab{position:fixed;z-index:60;right:1.1rem;bottom:1.1rem;width:60px;height:60px;border:0;border-radius:50%;
  background:linear-gradient(135deg,var(--amber),var(--amber-2));color:#1a1206;cursor:pointer;
  box-shadow:0 10px 30px rgba(255,178,36,.45);display:flex;align-items:center;justify-content:center;
  transition:transform .2s var(--ease)}
.t2tg-fab:hover{transform:scale(1.06)}
.t2tg-fab svg{width:26px;height:26px;fill:#1a1206}
.t2tg-fab__n{position:absolute;top:-4px;right:-4px;min-width:22px;height:22px;padding:0 5px;border-radius:999px;
  background:var(--cyan-2,#58c7ff);color:#04202e;font-weight:800;font-size:.76rem;display:flex;align-items:center;justify-content:center;
  box-shadow:0 0 0 3px #09090b}

/* backdrop */
.t2tg-back{position:fixed;inset:0;z-index:64;background:rgba(4,5,9,.55);backdrop-filter:blur(3px);opacity:0;transition:opacity .28s}
.t2tg-back.show{opacity:1}

/* panel koszyka */
.t2tg-cart{position:fixed;z-index:65;top:0;right:0;height:100dvh;width:min(410px,92vw);
  background:linear-gradient(180deg,#141118,#0c0a10);border-left:1px solid var(--line,rgba(255,255,255,.1));
  box-shadow:-20px 0 60px rgba(0,0,0,.5);display:flex;flex-direction:column;transform:translateX(102%);
  transition:transform .3s var(--ease)}
.t2tg-cart.open{transform:none}
.t2tg-cart__head{display:flex;align-items:center;justify-content:space-between;padding:1.15rem 1.25rem;
  border-bottom:1px solid var(--line,rgba(255,255,255,.09))}
.t2tg-cart__head b{font-family:"Anton",sans-serif;font-weight:400;font-size:1.4rem;text-transform:uppercase;letter-spacing:.02em;color:var(--cream,#f3ece0)}
.t2tg-cart__x{background:none;border:0;color:#b9ae9b;font-size:1.7rem;line-height:1;cursor:pointer}
.t2tg-cart__x:hover{color:#fff}
.t2tg-cart__body{flex:1;overflow-y:auto;padding:.6rem 1.1rem}
.t2tg-cart__empty{color:#a99f8d;text-align:center;margin:2.5rem 1rem;font-size:.95rem}
.t2tg-ci{display:grid;grid-template-columns:1fr auto auto;gap:.5rem .8rem;align-items:center;
  padding:.85rem 0;border-bottom:1px solid rgba(255,255,255,.07)}
.t2tg-ci__nm{color:#ece3d2;font-weight:600;font-size:.95rem}
.t2tg-ci__add{display:block;color:var(--cyan-2,#58c7ff);font-style:italic;font-size:.78rem;margin-top:.15rem}
.t2tg-ci__qty{display:inline-flex;align-items:center;gap:.55rem;background:rgba(255,255,255,.06);border-radius:999px;padding:.2rem .3rem}
.t2tg-ci__qty span{min-width:1.1em;text-align:center;color:#fff;font-weight:700;font-size:.9rem}
.t2tg-q{width:26px;height:26px;border:0;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;font-size:1.05rem;line-height:1;cursor:pointer;transition:background .15s}
.t2tg-q:hover{background:var(--amber-2)}
.t2tg-ci__line{font-family:"Anton",sans-serif;font-weight:400;color:var(--amber);font-size:1rem;white-space:nowrap;grid-column:1/2;grid-row:2}
.t2tg-ci__rm{background:none;border:0;color:#6c6455;font-size:1.35rem;line-height:1;cursor:pointer;grid-column:3;grid-row:2;justify-self:end}
.t2tg-ci__rm:hover{color:#ff6b57}
.t2tg-cart__foot{padding:1.1rem 1.25rem 1.35rem;border-top:1px solid var(--line,rgba(255,255,255,.1));background:rgba(0,0,0,.25)}
.t2tg-cart__sum{display:flex;align-items:center;justify-content:space-between;margin-bottom:.9rem}
.t2tg-cart__sum span{color:#c8bfae;font-size:.95rem}
.t2tg-cart__total{font-family:"Anton",sans-serif;font-weight:400;color:var(--amber);font-size:1.5rem;text-shadow:0 0 18px rgba(255,178,36,.35)}
.t2tg-cart__go{display:block;text-align:center;padding:1rem;border-radius:14px;background:linear-gradient(135deg,var(--amber),var(--amber-2));
  color:#1a1206;font-weight:800;font-size:1.02rem;text-decoration:none;box-shadow:0 8px 22px rgba(255,178,36,.3);transition:transform .18s var(--ease)}
.t2tg-cart__go:hover{transform:translateY(-2px)}

/* modal dodatkow */
.t2tg-modal{position:fixed;inset:0;z-index:70;display:flex;align-items:center;justify-content:center;padding:1rem;
  background:rgba(4,5,9,.6);backdrop-filter:blur(4px);opacity:0;transition:opacity .25s}
.t2tg-modal.show{opacity:1}
.t2tg-modal__box{width:min(420px,100%);max-height:82dvh;overflow:hidden;display:flex;flex-direction:column;
  background:linear-gradient(180deg,#161219,#0d0b11);border:1px solid var(--line,rgba(255,255,255,.12));border-radius:20px;
  box-shadow:0 30px 80px rgba(0,0,0,.6);transform:translateY(16px) scale(.98);transition:transform .25s var(--ease)}
.t2tg-modal.show .t2tg-modal__box{transform:none}
.t2tg-modal__head{display:flex;align-items:center;justify-content:space-between;padding:1.15rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.08)}
.t2tg-modal__head b{font-family:"Anton",sans-serif;font-weight:400;font-size:1.3rem;text-transform:uppercase;letter-spacing:.02em;color:var(--cream,#f3ece0)}
.t2tg-modal__x{background:none;border:0;color:#b9ae9b;font-size:1.6rem;cursor:pointer}
.t2tg-modal__list{overflow-y:auto;padding:.5rem .75rem}
.t2tg-ao{display:flex;align-items:center;gap:.75rem;padding:.85rem .8rem;border-radius:12px;cursor:pointer;transition:background .15s}
.t2tg-ao:hover{background:rgba(255,255,255,.05)}
.t2tg-ao input{width:20px;height:20px;accent-color:var(--amber-2);flex:0 0 auto}
.t2tg-ao span{flex:1;color:#e6ddce;font-size:.96rem}
.t2tg-ao b{color:var(--cyan-2,#58c7ff);font-size:.9rem}
.t2tg-modal__ok{margin:.75rem 1.1rem 1.25rem;padding:1rem;border:0;border-radius:14px;background:linear-gradient(135deg,var(--amber),var(--amber-2));
  color:#1a1206;font-weight:800;font-size:1.02rem;cursor:pointer;box-shadow:0 8px 22px rgba(255,178,36,.3)}

/* MOBILE: panel i modal od dolu, wygodne kciukiem */
@media(max-width:560px){
  .t2tg-cart{top:auto;bottom:0;right:0;left:0;width:100%;height:auto;max-height:88dvh;border-left:0;
    border-top:1px solid var(--line,rgba(255,255,255,.12));border-radius:22px 22px 0 0;transform:translateY(102%)}
  .t2tg-cart.open{transform:none}
  .t2tg-fab{right:.9rem;bottom:.9rem;width:56px;height:56px}
  .t2tg-order{margin-left:.5rem;padding:.4rem .85rem;font-size:.78rem}
  .pricelist li.has-desc{position:relative}
}

/* ================= KASA (checkout) ================= */
.co{min-height:100dvh;padding:calc(var(--hdr-h,74px) + 2rem) clamp(1rem,4vw,2rem) 4rem;
  background:radial-gradient(120% 80% at 50% -10%,rgba(255,178,36,.06),transparent 60%),#09090b}
.co__inner{max-width:1040px;margin:0 auto}
.co__back{display:inline-block;color:#b9ae9b;text-decoration:none;font-size:.95rem;margin-bottom:.8rem;transition:color .2s}
.co__back:hover{color:var(--amber-2)}
.co__title{font-family:"Anton",sans-serif;font-weight:400;font-size:clamp(2rem,6vw,3rem);color:var(--cream,#f3ece0);letter-spacing:.01em;margin:0 0 1.6rem}
.co__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:1.5rem;align-items:start}
.co__col{background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.012));
  border:1px solid var(--line,rgba(255,255,255,.1));border-radius:var(--radius,18px);padding:clamp(1.2rem,3vw,1.8rem);backdrop-filter:blur(6px)}
.co__h{font-family:"Anton",sans-serif;font-weight:400;font-size:clamp(1.25rem,4.5vw,1.5rem);line-height:1.05;
  text-transform:uppercase;letter-spacing:.02em;color:var(--cream,#f3ece0);margin:0 0 1.15rem;
  display:flex;align-items:center;gap:.6rem}
.co__h::before{content:"";flex:none;width:5px;height:1.05em;border-radius:3px;
  background:linear-gradient(180deg,var(--amber),var(--amber-2));box-shadow:0 0 12px rgba(255,178,36,.5)}
.co__form .co__h:not(:first-child){margin-top:2rem}
.co__items{display:flex;flex-direction:column}
.co__item{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;padding:.7rem 0;border-bottom:1px solid rgba(255,255,255,.07)}
.co__item-n{flex:1 1 140px;min-width:0;color:#ece3d2;font-size:.96rem}
.co__item-n small{display:block;color:var(--cyan-2,#58c7ff);font-style:italic;font-size:.8rem;margin-top:.1rem}
.co__item-qty{flex:none;display:inline-flex;align-items:center;gap:.45rem;background:rgba(255,255,255,.06);border-radius:999px;padding:.2rem .3rem}
.co__item-qn{min-width:1.2em;text-align:center;color:#fff;font-weight:700;font-size:.92rem}
.co__q{width:27px;height:27px;border:0;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;font-size:1.1rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}
.co__q:hover{background:var(--amber-2);color:#1a1206}
.co__item-price{flex:none;font-family:"Anton",sans-serif;font-weight:400;color:var(--amber);white-space:nowrap;min-width:62px;text-align:right}
.co__rm{flex:none;background:none;border:0;color:#6c6455;font-size:1.4rem;line-height:1;cursor:pointer;padding:0 .15rem;transition:color .15s}
.co__rm:hover{color:#ff6b57}
.co__loading,.co__empty{color:#a99f8d;padding:1rem 0}
.co__empty a{color:var(--amber-2)}
/* dowoz: pozycje topniejace (tylko odbior osobisty) */
.co__melt{margin:.7rem 0 0;padding:.85rem 1rem;border-radius:12px;background:rgba(255,120,60,.12);border:1px solid rgba(255,120,60,.42);color:#ffd9c9;font-size:.9rem;line-height:1.5}
.co__melt b{color:#ff8a5c}
.co__item.is-melt{background:rgba(255,120,60,.1);border-radius:8px}
.co__item.is-melt .co__item-n{color:#ffb59c}
.co__item.is-melt .co__item-n::after{content:" · tylko odbiór osobisty";color:#ff8a5c;font-size:.78rem;font-style:italic}
/* menu do dobrania na kasie */
.co__more-h{margin:1.7rem 0 .2rem;font-family:"Anton",sans-serif;font-weight:400;font-size:1.05rem;
  text-transform:uppercase;letter-spacing:.03em;color:#b7ad9a}
.co__cross{margin-top:1rem;border-top:1px solid rgba(255,255,255,.07);padding-top:.5rem}
.co__cross:first-of-type{border-top:0}
.co__cross h3{font-family:"Anton",sans-serif;font-weight:400;font-size:1.15rem;text-transform:uppercase;
  letter-spacing:.02em;color:var(--amber-2);margin:0 0 .8rem;
  display:flex;align-items:center;justify-content:space-between;gap:.6rem;cursor:pointer;user-select:none;
  padding:.35rem 0;border-radius:8px;transition:color .15s}
.co__cross h3:hover{color:var(--amber)}
.co__cross h3:focus-visible{outline:2px solid var(--amber-2);outline-offset:3px}
.co__cross h3::after{content:"";flex:none;width:11px;height:11px;margin-right:.25rem;
  border-right:2.5px solid currentColor;border-bottom:2.5px solid currentColor;
  transform:rotate(-45deg);transition:transform .25s var(--ease)}
.co__cross.is-open h3{margin-bottom:.8rem}
.co__cross:not(.is-open) h3{margin-bottom:0}
.co__cross.is-open h3::after{transform:rotate(45deg)}
.co__cross:not(.is-open) .co__chips{display:none}
.co__chips{display:flex;flex-direction:column;gap:.5rem}
.co__chip{display:flex;align-items:center;gap:.65rem;width:100%;text-align:left;padding:.7rem .9rem;
  border:1px solid var(--line,rgba(255,255,255,.14));border-radius:12px;background:rgba(255,255,255,.03);
  color:#ece3d2;font-family:inherit;font-size:.92rem;line-height:1.25;cursor:pointer;
  transition:border-color .18s,background .18s,transform .1s var(--ease)}
.co__chip-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:.12rem}
.co__chip-nm{line-height:1.25}
.co__chip-desc{font-size:.76rem;color:#9a9082;line-height:1.3}
.co__chip b{margin-left:auto;color:var(--amber);font-weight:700;white-space:nowrap}
.co__chip i{position:relative;font-style:normal;flex:none;width:24px;height:24px;border-radius:50%;
  background:#2fb457;box-shadow:0 2px 8px rgba(47,180,87,.4);font-size:0;color:transparent}
.co__chip i::before,.co__chip i::after{content:"";position:absolute;top:50%;left:50%;
  transform:translate(-50%,-50%);background:#fff;border-radius:1px}
.co__chip i::before{width:11px;height:2.5px}
.co__chip i::after{width:2.5px;height:11px}
.co__chip:hover{border-color:var(--amber-2);background:rgba(255,178,36,.06)}
.co__chip:hover i{background:#37c964}
.co__chip:active{transform:scale(.99)}
.co__chip.added{background:var(--amber-2);color:#1a1206;border-color:var(--amber-2)}
.co__chip.added b{color:#1a1206}
/* pola formularza */
.co__field{display:block;margin-bottom:.95rem}
.co__field span{display:block;font-size:.95rem;font-weight:600;color:#efe6d6;margin-bottom:.4rem;letter-spacing:.01em}
.co__field input,.co__field select,.co__field textarea{width:100%;padding:.9rem 1rem;border-radius:12px;
  border:1px solid rgba(0,0,0,.18);background:#fff;color:#151013;font-family:inherit;font-size:1rem;transition:border-color .18s,box-shadow .18s}
.co__field input::placeholder,.co__field textarea::placeholder{color:#736c63}
.co__field input:focus,.co__field select:focus,.co__field textarea:focus{outline:none;border-color:var(--amber-2);box-shadow:0 0 0 3px rgba(255,178,36,.28)}
.co__field textarea{resize:vertical;min-height:52px}
/* segment odbior/dowoz */
.co__seg{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.85rem}
.co__seg-opt{position:relative;display:flex;align-items:center;justify-content:center;padding:.9rem;border-radius:12px;
  border:1px solid var(--line,rgba(255,255,255,.14));background:rgba(0,0,0,.22);cursor:pointer;color:#ddd3c2;font-weight:600;transition:all .18s}
.co__seg-opt input{position:absolute;opacity:0}
.co__seg-opt span{display:flex;flex-direction:column;align-items:center;gap:.12rem;line-height:1.15}
.co__seg-opt small{font-size:.72rem;font-weight:600;opacity:.72}
.co__seg-opt:has(input:checked){border-color:var(--amber-2);background:rgba(255,178,36,.12);color:#fff;box-shadow:0 0 0 1px var(--amber-2) inset}
/* platnosc info */
.co__pay{display:flex;gap:.7rem;align-items:flex-start;margin-top:1.4rem;padding:.9rem 1rem;border-radius:12px;background:rgba(88,199,255,.07);border:1px solid rgba(88,199,255,.2)}
.co__pay svg{width:22px;height:22px;fill:var(--cyan-2,#58c7ff);flex:0 0 auto;margin-top:.1rem}
.co__pay span{font-size:.88rem;color:#cfe6f2;line-height:1.45}
.co__pay b{color:#fff}
/* akceptacja regulaminu */
.co__accept{display:flex;gap:.6rem;align-items:flex-start;margin-top:1.2rem;color:#c8bfae;font-size:.9rem;line-height:1.5;cursor:pointer}
.co__accept input{width:20px;height:20px;flex:none;margin-top:.05rem;accent-color:var(--amber-2);cursor:pointer}
.co__accept a{color:var(--amber-2);text-decoration:underline}
/* czas realizacji (ETA) */
.co__eta{display:flex;gap:.7rem;align-items:flex-start;margin-top:1.4rem;padding:.9rem 1rem;border-radius:12px;background:rgba(255,178,36,.08);border:1px solid rgba(255,178,36,.2)}
.co__eta svg{width:22px;height:22px;fill:var(--amber-2);flex:0 0 auto;margin-top:.1rem}
.co__eta span{font-size:.9rem;color:#e7ddcb;line-height:1.45}
.co__eta b{color:#fff}
/* submit */
.co__submit-row{margin-top:1.5rem;display:flex;flex-direction:column;gap:.9rem}
.co__deliv-row{display:flex;align-items:center;justify-content:space-between;color:#c8bfae;font-size:.95rem;margin:0 0 -.3rem}
.co__deliv-row b{color:var(--amber-2);font-weight:700}
.co__sum{display:flex;align-items:center;justify-content:space-between}
.co__sum span{color:#c8bfae}
.co__sum b{font-family:"Anton",sans-serif;font-weight:400;color:var(--amber);font-size:1.7rem;text-shadow:0 0 18px rgba(255,178,36,.35)}
.co__go{padding:1.1rem;border:0;border-radius:14px;background:linear-gradient(135deg,var(--amber),var(--amber-2));color:#1a1206;
  font-weight:800;font-size:1.08rem;cursor:pointer;box-shadow:0 10px 26px rgba(255,178,36,.32);transition:transform .18s var(--ease),filter .18s}
.co__go:hover{transform:translateY(-2px)}
.co__go:disabled{filter:grayscale(.4) brightness(.8);cursor:default;transform:none}
.co__err{margin-top:.9rem;padding:.8rem 1rem;border-radius:10px;background:rgba(255,80,60,.12);border:1px solid rgba(255,80,60,.35);color:#ffb3a8;font-size:.92rem}
/* potwierdzenie */
.ty{min-height:100dvh;display:flex;align-items:center;justify-content:center;text-align:center;
  padding:calc(var(--hdr-h,74px) + 2rem) 1.2rem 3rem;background:radial-gradient(120% 80% at 50% -10%,rgba(255,178,36,.08),transparent 60%),#09090b}
.ty__box{max-width:520px}
.ty__check{width:88px;height:88px;margin:0 auto 1.4rem;border-radius:50%;background:linear-gradient(135deg,var(--amber),var(--amber-2));
  display:flex;align-items:center;justify-content:center;box-shadow:0 14px 40px rgba(255,178,36,.4)}
.ty__check svg{width:44px;height:44px;fill:#1a1206}
.ty__box h1{font-family:"Anton",sans-serif;font-weight:400;font-size:clamp(1.8rem,6vw,2.6rem);color:var(--cream,#f3ece0);margin:0 0 .7rem}
.ty__box p{color:#c8bfae;font-size:1.05rem;line-height:1.55;margin:0 0 .5rem}
.ty__no{display:inline-block;margin:1rem 0;font-family:"Anton",sans-serif;color:var(--amber);font-size:1.6rem}
.ty__note{max-width:460px;margin:.4rem auto 0;padding:1rem 1.2rem;border-radius:14px;text-align:left;
  background:rgba(255,178,36,.1);border:1px solid rgba(255,178,36,.32);color:#f3ece0;font-size:1rem;line-height:1.5}
.ty__note b{color:var(--amber)}
.ty__note--del{background:rgba(88,199,255,.08);border-color:rgba(88,199,255,.28)}
.ty__note--del b{color:var(--cyan-2,#58c7ff)}
.ty__back{display:inline-block;margin-top:1.4rem;padding:.9rem 1.7rem;border-radius:999px;background:linear-gradient(135deg,var(--amber),var(--amber-2));color:#1a1206;font-weight:800;text-decoration:none}
@media(max-width:820px){ .co__grid{grid-template-columns:1fr} }

/* ================= PODSTRONY PRAWNE (regulamin / polityka) ================= */
.legal{min-height:100dvh;padding:calc(var(--hdr-h,74px) + 2rem) clamp(1rem,4vw,2rem) 4rem;
  background:radial-gradient(120% 80% at 50% -10%,rgba(255,178,36,.06),transparent 60%),#09090b}
.legal__inner{max-width:820px;margin:0 auto}
.legal__back{display:inline-block;color:#b9ae9b;text-decoration:none;font-size:.95rem;margin-bottom:.8rem;transition:color .2s}
.legal__back:hover{color:var(--amber-2)}
.legal__title{font-family:"Anton",sans-serif;font-weight:400;font-size:clamp(1.9rem,5vw,2.8rem);color:var(--cream,#f3ece0);margin:0 0 1rem}
.legal__intro{color:#c8bfae;font-size:1.05rem;line-height:1.6;margin:0 0 2rem}
.legal__sec{margin:0 0 1.8rem}
.legal__sec h2{font-family:"Anton",sans-serif;font-weight:400;font-size:1.28rem;text-transform:uppercase;letter-spacing:.02em;color:var(--amber-2);margin:0 0 .7rem;display:flex;align-items:center;gap:.55rem}
.legal__sec h2::before{content:"";flex:none;width:5px;height:1em;border-radius:3px;background:linear-gradient(180deg,var(--amber),var(--amber-2))}
.legal__sec p{color:#d4cbba;font-size:1rem;line-height:1.65;margin:0 0 .6rem}
.legal__sec a{color:var(--amber-2);text-decoration:underline}
.legal__box{background:rgba(255,178,36,.08);border:1px solid rgba(255,178,36,.22);border-radius:12px;padding:1rem 1.2rem;color:#f3ece0;line-height:1.75}
.legal__box b,.legal__sec b{color:#f3ece0}
.legal__updated{color:#6c6455;font-size:.9rem;margin:2rem 0 1.5rem}
.legal__cta{display:inline-block;padding:.9rem 1.7rem;border-radius:999px;background:linear-gradient(135deg,var(--amber),var(--amber-2));color:#1a1206;font-weight:800;text-decoration:none;box-shadow:0 10px 26px rgba(255,178,36,.32)}