/*
Theme Name: Catering Ring
Theme URI: https://cateringring.pl
Author: Master Social
Author URI: https://mastersocial.pl
Description: Motyw Catering Ring – nowa odsłona 2026. Obiad dnia, oferta, menu stałe i zamówienia cateringu na WooCommerce.
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 8.0
Text Domain: cateringring
*/

:root{
  --zielen:#1f362c;
  --zielen-ciemna:#182b23;
  --krem:#f1ebde;
  --krem-jasny:#f7f3ea;
  --zloto:#dfb155;
  --zloto-ciemne:#94701f;
  --fit:#b9cf9a;
  --fit-ciemny:#4d6b33;
  --linia:rgba(241,235,222,.16);
  --linia-ciemna:rgba(31,54,44,.16);
  --margines:72px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:#182b23}
body{margin:0;background:var(--zielen);color:var(--krem);
  font-family:"Avenir Next","Avenir","Nunito Sans","Helvetica Neue",Arial,sans-serif;
  font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
h1,h2,h3,p{margin:0}
.wrap{max-width:1296px;margin:0 auto;padding:0 var(--margines)}
.sekcja{padding:112px 0}
.jasna{background:var(--krem);color:var(--zielen)}

/* typografia */
.nadtytul{font-size:12.5px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--zloto)}
.jasna .nadtytul{color:var(--zloto-ciemne)}
h1{font-size:92px;line-height:.98;font-weight:500;letter-spacing:-.015em}
h2{font-size:58px;line-height:1.04;font-weight:500;letter-spacing:-.012em;margin-top:14px}
h3{font-size:24px;line-height:1.2;font-weight:500}
.lead{font-size:20px;line-height:1.5;max-width:30em}
.etykieta{font-size:10.5px;font-weight:700;letter-spacing:.22em;text-transform:uppercase}

/* przyciski */
.btn{display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 28px;border-radius:26px;
  font-size:15px;font-weight:600;letter-spacing:.02em;border:1px solid transparent;white-space:nowrap}
.btn-zloty{background:var(--zloto);color:var(--zielen)}
.btn-kontur{border-color:rgba(241,235,222,.45);color:var(--krem)}
.jasna .btn-kontur{border-color:rgba(31,54,44,.4);color:var(--zielen)}
.jasna .btn-ciemny{background:var(--zielen);color:var(--krem)}
.link{font-size:15px;font-weight:600;border-bottom:1px solid var(--zloto);padding-bottom:3px}

/* nagłówek */
.gora{position:relative;z-index:3;display:flex;align-items:center;gap:40px;padding:28px 0}
.gora .logo img{width:84px;height:auto}
.gora nav{display:flex;gap:34px;margin-left:24px;font-size:15px;font-weight:500}
.gora nav a.aktywny{border-bottom:1px solid var(--zloto);padding-bottom:3px}
.gora .prawa{margin-left:auto;display:flex;align-items:center;gap:28px}
.gora .tel{font-size:15px;font-weight:600}
.gora .tel span{display:block;font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--zloto)}
.gora .btn{height:44px;padding:0 22px;font-size:14px}

/* hero */
.hero{position:relative;overflow:hidden}
.hero .tresc{position:relative;z-index:2;padding:76px 0 120px;max-width:620px}
.hero h1{margin:18px 0 28px}
.hero .cta{display:flex;gap:14px;margin-top:38px}
.hero .kolo{position:absolute;z-index:1;top:-70px;right:-150px;width:820px;height:820px;border-radius:50%;
  background:url(img/gulasz.jpg) 50% 58%/150% auto no-repeat}
.hero .obrecz{position:absolute;z-index:1;top:-102px;right:-168px;width:880px;height:880px;border-radius:50%;border:1.5px solid var(--zloto)}
.hero .cena{position:absolute;z-index:2;top:540px;right:560px;width:188px;height:188px;border-radius:50%;
  background:var(--zloto);color:var(--zielen);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.hero .cena b{font-size:52px;line-height:1;font-weight:700;margin:6px 0 4px}
.hero .cena small{font-size:12.5px;font-weight:500}

/* pasek informacyjny */
.pasek{background:var(--krem);color:var(--zielen);position:relative;z-index:2}
.pasek .wrap{display:grid;grid-template-columns:1.25fr 1fr 1fr 1.25fr;gap:40px;padding-top:30px;padding-bottom:30px}
.pasek .etykieta{color:rgba(31,54,44,.6);display:block;margin-bottom:4px}
.pasek strong{font-size:21px;font-weight:600}

/* menu tygodnia */
.naglowek-sekcji{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;margin-bottom:56px}
.cennik{display:grid;grid-template-columns:repeat(2,auto);gap:6px 48px;font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}
.cennik div{display:flex;align-items:baseline;gap:10px;min-width:230px}
.cennik i{flex:1;border-bottom:1px dotted currentColor;opacity:.45;transform:translateY(-3px)}
.cennik b{font-size:19px;letter-spacing:0;text-transform:none;font-weight:700}
.tydzien{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--linia-ciemna)}
.dzien{padding:28px 22px 8px 22px;border-left:1px solid var(--linia-ciemna)}
.dzien:first-child{border-left:0;padding-left:0}
.dzien:last-child{padding-right:0}
.dzien header{display:flex;align-items:baseline;gap:10px;margin-bottom:18px}
.dzien header .etykieta{color:var(--zloto-ciemne);font-size:12px}
.dzien header time{font-size:12px;letter-spacing:.14em;opacity:.6}
.dzien .dzis{margin-left:auto;font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;
  background:var(--zielen);color:var(--krem);padding:3px 9px;border-radius:10px}
.dzien .zupa{font-size:18px;font-weight:600;line-height:1.3;margin-bottom:14px}
.dzien ul{list-style:none;margin:0;padding:0;font-size:15px;line-height:1.42}
.dzien li{padding:11px 0;border-top:1px solid var(--linia-ciemna)}
.dzien li.fit{color:var(--fit-ciemny)}
.dzien li.fit b{font-size:10px;letter-spacing:.2em;margin-right:8px;color:var(--zloto-ciemne)}
.pod-menu{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:44px;padding-top:28px;border-top:1px solid var(--linia-ciemna);font-size:15px}
.pod-menu .cta{display:flex;gap:12px}

/* oferta */
.oferta{display:grid;grid-template-columns:repeat(3,1fr);gap:64px 56px}
.oferta article{display:grid;grid-template-columns:132px 1fr;gap:26px;align-items:start}
.foto{position:relative;width:132px;height:132px}
.foto img{width:120px;height:120px;border-radius:50%;object-fit:cover;margin:6px}
.foto::after{content:"";position:absolute;inset:0;border-radius:50%;border:1px solid var(--zloto)}
.oferta .etykieta{color:var(--zloto)}
.oferta h3{margin:6px 0 10px}
.oferta p{font-size:15.5px;line-height:1.5;color:rgba(241,235,222,.82)}

/* dlaczego */
.atuty{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--linia-ciemna)}
.atuty div{padding:30px 28px 0 28px;border-left:1px solid var(--linia-ciemna)}
.atuty div:first-child{border-left:0;padding-left:0}
.atuty span{font-size:13px;font-weight:700;letter-spacing:.2em;color:var(--zloto-ciemne)}
.atuty h3{margin:44px 0 12px;font-size:26px}
.atuty p{font-size:15.5px}

/* promocje */
.dwie{display:grid;grid-template-columns:5fr 7fr;gap:88px;align-items:start}
.promocje{border-top:1px solid var(--linia)}
.promocje .wiersz{display:grid;grid-template-columns:104px 1fr auto;gap:28px;align-items:center;padding:20px 0;border-bottom:1px solid var(--linia)}
.promocje .foto{width:104px;height:104px}
.promocje .foto img{width:92px;height:92px}
.promocje .etykieta{color:var(--zloto);display:block;margin-bottom:4px}
.promocje strong{font-size:22px;font-weight:500;line-height:1.25}
.promocje .ile{font-size:38px;font-weight:600;color:var(--zloto);white-space:nowrap}
.opis-kol p{margin-top:24px;max-width:26em;color:rgba(241,235,222,.82)}
.opis-kol .btn{margin-top:36px}

/* o mnie */
.omnie{position:relative;overflow:hidden}
.omnie .wrap{display:grid;grid-template-columns:5fr 6fr;gap:96px;align-items:center}
.omnie .portret{position:relative;height:560px}
.omnie .portret .kolo{position:absolute;left:-150px;top:0;width:560px;height:560px;border-radius:50%;
  background:url(img/szef.jpg) 62% 50%/cover no-repeat}
.omnie .portret .obrecz{position:absolute;left:-176px;top:-18px;width:608px;height:608px;border-radius:50%;border:1.5px solid var(--zloto-ciemne)}
.omnie p{margin-top:22px;max-width:33em}
.omnie p.duzy{font-size:23px;line-height:1.42;font-weight:500;margin-top:28px}
.omnie .podpis{display:flex;gap:56px;margin-top:40px;padding-top:26px;border-top:1px solid var(--linia-ciemna)}
.omnie .podpis b{display:block;font-size:34px;font-weight:600;line-height:1.1}
.omnie .podpis span{font-size:13.5px}
.omnie .link{display:inline-block;margin-top:36px}

/* menu stałe */
.karta{display:grid;grid-template-columns:1fr 1fr;gap:0 72px}
.karta h3{font-size:28px;margin:0 0 18px}
.karta .grupa + .grupa{margin-top:40px}
.poz{margin-bottom:16px}
.poz .linia{display:flex;align-items:baseline;gap:8px;font-size:18px;font-weight:600}
.poz .linia i{flex:1;border-bottom:1px dotted rgba(241,235,222,.5);transform:translateY(-4px)}
.poz .linia b{color:var(--zloto);font-weight:700}
.poz small{display:block;font-size:14.5px;color:rgba(241,235,222,.75);max-width:26em}
.dostawa{display:grid;grid-template-columns:repeat(3,1fr);margin-top:88px;border-top:1px solid var(--linia);border-bottom:1px solid var(--linia)}
.dostawa div{padding:30px 32px;border-left:1px solid var(--linia)}
.dostawa div:first-child{border-left:0;padding-left:0}
.dostawa .etykieta{color:var(--zloto);display:block;margin-bottom:6px}
.dostawa strong{font-size:24px;font-weight:500}

/* kontakt */
.kontakt .wrap{display:grid;grid-template-columns:6fr 5fr;gap:96px;align-items:start}
.kontakt .dane{margin-top:44px;display:grid;grid-template-columns:1fr 1fr;gap:30px 40px}
.kontakt .dane .etykieta{color:rgba(31,54,44,.6);display:block;margin-bottom:4px}
.kontakt .dane strong{font-size:21px;font-weight:600;line-height:1.3}
.kontakt .cta{display:flex;gap:12px;margin-top:44px}
.makieta-form{display:grid;gap:22px}
.makieta-form label{display:block;font-size:10.5px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:rgba(31,54,44,.6)}
.makieta-form .pole{margin-top:6px;height:46px;border-bottom:1px solid rgba(31,54,44,.45)}
.makieta-form .pole.wys{height:104px}
.makieta-form .zgoda{font-size:12.5px;line-height:1.45;color:rgba(31,54,44,.7);display:grid;grid-template-columns:18px 1fr;gap:12px}
.makieta-form .zgoda i{width:16px;height:16px;border:1px solid rgba(31,54,44,.5);margin-top:2px}
.makieta-form .btn{justify-self:start}

/* stopka */
footer{background:var(--zielen-ciemna);padding:64px 0 36px;font-size:15px}
footer .wrap{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:48px}
footer img{width:92px}
footer p{margin-top:20px;max-width:21em;color:rgba(241,235,222,.7)}
footer .etykieta{color:var(--zloto);display:block;margin-bottom:14px}
footer li{list-style:none;margin-bottom:7px}
footer ul{margin:0;padding:0}
footer .dol{grid-column:1/-1;display:flex;justify-content:space-between;padding-top:28px;margin-top:16px;border-top:1px solid var(--linia);font-size:13px;color:rgba(241,235,222,.55)}

/* telefon */
@media (max-width:820px){
  :root{--margines:22px}
  body{font-size:16px}
  .sekcja{padding:68px 0}
  h1{font-size:50px} h2{font-size:36px}
  .lead{font-size:17.5px}
  .gora{padding:18px 0;gap:14px}
  .gora .logo img{width:60px}
  .gora nav,.gora .tel{display:none}
  .gora .prawa{gap:12px}
  .gora .prawa::after{content:"Menu";font-size:14px;font-weight:600;border:1px solid rgba(241,235,222,.45);border-radius:22px;height:44px;padding:0 18px;display:inline-flex;align-items:center}
  .hero .kolo{position:relative;top:auto;right:auto;width:118vw;height:118vw;margin:26px 0 0 8vw}
  .hero .obrecz{top:auto;right:auto;left:calc(8vw - 14px + var(--margines) * 0);width:calc(118vw + 28px);height:calc(118vw + 28px);margin-top:-14px;position:absolute}
  .hero .zdjecie{position:relative;height:96vw;overflow:hidden}
  .hero .tresc{padding:26px 0 0;max-width:none}
  .hero .cta{flex-direction:column;align-items:stretch}
  .hero .cta .btn{justify-content:center}
  .hero .cena{top:auto;right:auto;left:22px;bottom:26px;width:128px;height:128px}
  .hero .cena b{font-size:36px}
  .hero .cena small{font-size:10.5px}
  .pasek .wrap{grid-template-columns:1fr 1fr;gap:20px 18px;padding-top:24px;padding-bottom:24px}
  .pasek strong{font-size:17px}
  .naglowek-sekcji{flex-direction:column;align-items:flex-start;gap:26px;margin-bottom:34px}
  .cennik{gap:6px 22px;font-size:10.5px;width:100%}
  .cennik div{min-width:0}
  .tydzien{grid-template-columns:1fr}
  .dzien,.dzien:first-child{padding:24px 0 10px;border-left:0;border-top:1px solid var(--linia-ciemna)}
  .dzien:first-child{border-top:0}
  .pod-menu{flex-direction:column;align-items:flex-start}
  .pod-menu .cta{flex-direction:column;width:100%}
  .pod-menu .btn{justify-content:center}
  .oferta{grid-template-columns:1fr;gap:34px}
  .oferta article{grid-template-columns:96px 1fr;gap:20px}
  .foto{width:96px;height:96px}.foto img{width:84px;height:84px}
  .atuty{grid-template-columns:1fr 1fr}
  .atuty div,.atuty div:first-child{padding:22px 16px 26px 0;border-left:0;border-bottom:1px solid var(--linia-ciemna)}
  .atuty h3{margin-top:18px;font-size:21px}
  .dwie{grid-template-columns:1fr;gap:40px}
  .promocje .wiersz{grid-template-columns:72px 1fr auto;gap:16px}
  .promocje .foto{width:72px;height:72px}.promocje .foto img{width:60px;height:60px}
  .promocje strong{font-size:17px}.promocje .ile{font-size:26px}
  .omnie .wrap{grid-template-columns:1fr;gap:36px}
  .omnie .portret{height:78vw}
  .omnie .portret .kolo{width:78vw;height:78vw;left:-18vw}
  .omnie .portret .obrecz{width:calc(78vw + 28px);height:calc(78vw + 28px);left:calc(-18vw - 14px);top:-14px}
  .omnie p.duzy{font-size:19px}
  .omnie .podpis{gap:28px}.omnie .podpis b{font-size:26px}
  .karta{grid-template-columns:1fr}
  .karta .kol + .kol{margin-top:40px}
  .dostawa{grid-template-columns:1fr;margin-top:56px}
  .dostawa div,.dostawa div:first-child{padding:20px 0;border-left:0;border-top:1px solid var(--linia)}
  .dostawa div:first-child{border-top:0}
  .kontakt .wrap{grid-template-columns:1fr;gap:52px}
  .kontakt .dane{grid-template-columns:1fr;gap:20px}
  .kontakt .cta{flex-direction:column}.kontakt .cta .btn{justify-content:center}
  footer .wrap{grid-template-columns:1fr 1fr;gap:36px 24px}
  footer .wrap > div:first-child{grid-column:1/-1}
  footer .dol{flex-direction:column;gap:6px}
}

/* ================= PODSTRONY ================= */
.gora nav a{padding-bottom:3px;border-bottom:1px solid transparent}
.gora .btn .ile-k{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;border-radius:11px;background:var(--zielen);color:var(--krem);font-size:12px;padding:0 6px}
.czolo{position:relative;overflow:hidden}
.czolo .tresc{position:relative;z-index:2;padding:56px 0 96px;max-width:640px}
.czolo h1{font-size:72px;margin:16px 0 22px}
.czolo .okruszki{font-size:13px;color:rgba(241,235,222,.6);margin-bottom:26px}
.czolo .okruszki a{border-bottom:1px solid rgba(241,235,222,.3)}
.czolo .kolo{position:absolute;z-index:1;top:60px;right:-90px;width:520px;height:520px;border-radius:50%;background-size:cover;background-position:50% 50%}
.czolo .obrecz{position:absolute;z-index:1;top:38px;right:-108px;width:564px;height:564px;border-radius:50%;border:1.5px solid var(--zloto)}
.czolo.niskie .tresc{padding:40px 0 64px;max-width:760px}

/* strona główna: dziś w menu */
.dzis-karta{display:grid;grid-template-columns:5fr 7fr;gap:88px;align-items:start}
.dzis-karta .lista{border-top:1px solid var(--linia-ciemna)}
.dzis-karta .lista div{display:grid;grid-template-columns:120px 1fr;gap:24px;padding:18px 0;border-bottom:1px solid var(--linia-ciemna);font-size:19px;line-height:1.35}
.dzis-karta .lista .etykieta{color:var(--zloto-ciemne);padding-top:6px}
.dzis-karta .lista .z{font-weight:600}
.dzis-karta .lista .f{color:var(--fit-ciemny)}
.dzis-karta .cennik{margin-top:34px}
.dzis-karta .cta{display:flex;gap:12px;margin-top:40px}
.dzis-karta p.lead{margin-top:22px}

/* pas cateringowy */
.pas{position:relative;overflow:hidden}
.pas .wrap{display:grid;grid-template-columns:6fr 5fr;gap:96px;align-items:center}
.pas .kat{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;margin-top:36px;border-top:1px solid var(--linia)}
.pas .kat div{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--linia);font-size:17px}
.pas .kat span{color:var(--zloto);font-weight:600}
.pas .cta{display:flex;gap:12px;margin-top:40px}
.pas .zdj{position:relative;height:520px}
.pas .zdj .kolo{position:absolute;right:-170px;top:0;width:520px;height:520px;border-radius:50%;background:url(img/salatka.jpg) 42% 50%/cover}
.pas .zdj .obrecz{position:absolute;right:-190px;top:-20px;width:564px;height:564px;border-radius:50%;border:1.5px solid var(--zloto)}
.pas p.lead{margin-top:22px;color:rgba(241,235,222,.82)}

/* oferta – podstrona */
.oferta-duza{display:grid;grid-template-columns:1fr 1fr;gap:0 88px}
.oferta-duza article{display:grid;grid-template-columns:196px 1fr;gap:36px;align-items:center;padding:44px 0;border-top:1px solid var(--linia-ciemna)}
.oferta-duza .foto{width:196px;height:196px}
.oferta-duza .foto img{width:180px;height:180px;margin:8px}
.oferta-duza .foto::after{border-color:var(--zloto-ciemne)}
.oferta-duza .etykieta{color:var(--zloto-ciemne)}
.oferta-duza h3{font-size:30px;margin:8px 0 12px}
.oferta-duza p{font-size:16px}
.oferta-duza .link{display:inline-block;margin-top:18px;border-color:var(--zloto-ciemne)}

/* o mnie – podstrona */
.historia{display:grid;grid-template-columns:5fr 6fr;gap:96px;align-items:start}
.historia p{margin-top:20px;max-width:34em}
.historia p.duzy{font-size:25px;line-height:1.4;font-weight:500;margin-top:0}
.cytat{font-size:40px;line-height:1.22;font-weight:500;max-width:22em;letter-spacing:-.01em}
.cytat + .etykieta{display:block;margin-top:28px;color:var(--zloto)}

/* wezwanie */
.wezwanie .wrap{display:flex;align-items:center;justify-content:space-between;gap:48px}
.wezwanie h2{margin:0;font-size:46px}
.wezwanie .cta{display:flex;gap:12px}
.sekcja.ciasna{padding:76px 0}

/* ================= ZAMÓW CATERING ================= */
.sklep-fakty{display:flex;gap:48px;margin-top:8px}
.sklep-fakty .etykieta{color:var(--zloto);display:block;margin-bottom:3px}
.sklep-fakty strong{font-size:18px;font-weight:500}
.kategorie{position:sticky;top:0;z-index:5;background:var(--krem);color:var(--zielen);border-bottom:1px solid var(--linia-ciemna)}
.kategorie .wrap{display:flex;align-items:center;gap:8px;height:68px}
.kategorie a{font-size:14.5px;font-weight:600;padding:8px 15px;border-radius:19px;white-space:nowrap;border:1px solid transparent}
.kategorie a.akt{background:var(--zielen);color:var(--krem)}
.kategorie .szukaj{margin-left:auto;width:230px;height:40px;border:1px solid rgba(31,54,44,.35);border-radius:20px;padding:0 18px;font:inherit;font-size:14.5px;background:transparent;color:var(--zielen);outline:none}
.kategorie .szukaj::placeholder{color:rgba(31,54,44,.55)}
.sklep{background:var(--krem);color:var(--zielen);padding:56px 0 112px}
.sklep .wrap{display:grid;grid-template-columns:1fr 404px;gap:72px;align-items:start}
.grupa-z{scroll-margin-top:92px;margin-bottom:64px}
.grupa-z > header{display:flex;align-items:baseline;gap:14px;margin-bottom:10px}
.grupa-z h2{font-size:38px;margin:0}
.grupa-z > header span{font-size:13px;letter-spacing:.14em;opacity:.6}
.grupa-z ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--linia-ciemna)}
.poz-z{display:grid;grid-template-columns:1fr auto 116px;gap:20px;align-items:center;min-height:64px;padding:11px 0;border-bottom:1px solid var(--linia-ciemna)}
.poz-z b{display:block;font-size:17.5px;font-weight:600;line-height:1.3}
.poz-z small{display:inline-block;margin-top:5px;font-size:10.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--zloto-ciemne)}
.poz-z .cena{font-size:17.5px;font-weight:700;white-space:nowrap}
.poz-z .ster{display:flex;justify-content:flex-end}
.poz-z.w-koszyku b{color:var(--fit-ciemny)}
.plus{width:40px;height:40px;border-radius:50%;border:1px solid var(--zielen);background:transparent;color:var(--zielen);font:inherit;font-size:24px;font-weight:400;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0 0 2px}
.plus:hover{background:var(--zielen);color:var(--krem)}
.licznik{display:inline-flex;align-items:center;height:40px;border-radius:20px;background:var(--zielen);color:var(--krem)}
.licznik button{width:36px;height:40px;border:0;background:transparent;color:inherit;font:inherit;font-size:20px;cursor:pointer;padding:0 0 2px}
.licznik span{min-width:28px;text-align:center;font-size:15px;font-weight:700}
.gwiazdka{font-size:13.5px;opacity:.7;margin-top:-28px}

.koszyk{position:sticky;top:92px;background:var(--zielen);color:var(--krem);border-radius:6px;padding:30px 28px 28px}
.koszyk h2{font-size:28px;margin:0 0 4px}
.koszyk .tryb{display:grid;grid-template-columns:1fr 1fr;margin:20px 0 6px;border:1px solid rgba(241,235,222,.35);border-radius:22px;padding:3px}
.koszyk .tryb button{height:36px;border-radius:18px;border:0;background:transparent;color:var(--krem);font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.koszyk .tryb button.akt{background:var(--krem);color:var(--zielen)}
.koszyk .pusty{padding:38px 0 30px;text-align:center;color:rgba(241,235,222,.7);font-size:15.5px}
.koszyk .pusty b{display:block;font-size:19px;font-weight:500;color:var(--krem);margin-bottom:6px}
.koszyk ul{list-style:none;margin:14px 0 0;padding:0;max-height:440px;overflow:auto}
.koszyk li{display:grid;grid-template-columns:1fr auto;gap:6px 14px;padding:14px 0;border-bottom:1px solid var(--linia)}
.koszyk li b{font-size:15.5px;font-weight:600;line-height:1.3}
.koszyk li .kw{font-size:15.5px;font-weight:700;color:var(--zloto);white-space:nowrap}
.koszyk li .licznik{height:30px;background:transparent;border:1px solid rgba(241,235,222,.4);justify-self:start}
.koszyk li .licznik button{height:28px;width:30px;font-size:17px}
.koszyk li .licznik span{font-size:13.5px;min-width:22px}
.koszyk li .jedn{font-size:12.5px;color:rgba(241,235,222,.6);align-self:center;text-align:right}
.koszyk .suma{margin-top:18px;font-size:15.5px}
.koszyk .suma div{display:flex;justify-content:space-between;padding:4px 0}
.koszyk .suma .razem{font-size:22px;font-weight:600;margin-top:10px;padding-top:14px;border-top:1px solid var(--linia)}
.koszyk .suma .razem span:last-child{color:var(--zloto)}
.koszyk .prog{margin-top:16px;font-size:13.5px;color:rgba(241,235,222,.8)}
.koszyk .prog i{display:block;height:2px;background:rgba(241,235,222,.2);margin-top:8px}
.koszyk .prog i u{display:block;height:2px;background:var(--zloto)}
.koszyk .btn{width:100%;justify-content:center;margin-top:22px}
.koszyk .btn.wyl{opacity:.4;pointer-events:none}
.koszyk .dopisek{font-size:12.5px;color:rgba(241,235,222,.6);text-align:center;margin-top:12px}
.pasek-koszyka{display:none}

@media (max-width:820px){
  .czolo h1{font-size:44px}
  .czolo .tresc,.czolo.niskie .tresc{padding:22px 0 44px}
  .czolo .kolo,.czolo .obrecz{display:none}
  .dzis-karta,.pas .wrap,.historia{grid-template-columns:1fr;gap:36px}
  .dzis-karta .lista div{grid-template-columns:1fr;gap:2px;font-size:17px}
  .dzis-karta .cta,.pas .cta,.wezwanie .cta{flex-direction:column;width:100%}
  .dzis-karta .cta .btn,.pas .cta .btn,.wezwanie .cta .btn{justify-content:center}
  .pas .kat{grid-template-columns:1fr}
  .pas .zdj{height:74vw;order:-1}
  .pas .zdj .kolo{width:74vw;height:74vw;right:-14vw}
  .pas .zdj .obrecz{width:calc(74vw + 28px);height:calc(74vw + 28px);right:calc(-14vw - 14px);top:-14px}
  .oferta-duza{grid-template-columns:1fr}
  .oferta-duza article{grid-template-columns:108px 1fr;gap:20px;padding:28px 0;align-items:start}
  .oferta-duza .foto{width:108px;height:108px}.oferta-duza .foto img{width:94px;height:94px;margin:7px}
  .oferta-duza h3{font-size:23px}
  .historia p.duzy{font-size:20px}
  .cytat{font-size:26px}
  .wezwanie .wrap{flex-direction:column;align-items:flex-start;gap:28px}
  .wezwanie h2{font-size:32px}
  .sekcja.ciasna{padding:56px 0}
  .sklep-fakty{flex-direction:column;gap:14px}
  .kategorie .wrap{overflow-x:auto;height:60px;padding-right:22px}
  .kategorie .szukaj{display:none}
  .sklep{padding:34px 0 120px}
  .sklep .wrap{grid-template-columns:1fr;gap:0}
  .grupa-z{margin-bottom:44px}
  .grupa-z h2{font-size:29px}
  .poz-z{grid-template-columns:1fr auto;gap:6px 14px}
  .poz-z b{font-size:16px}
  .poz-z .cena{grid-column:1;grid-row:2;font-size:15.5px}
  .poz-z .ster{grid-column:2;grid-row:1/3}
  .koszyk{display:none;position:fixed;inset:0;z-index:20;border-radius:0;overflow:auto;padding:26px 22px 110px}
  body.koszyk-otwarty .koszyk{display:block}
  .koszyk ul{max-height:none}
  .pasek-koszyka{display:flex;position:fixed;left:14px;right:14px;bottom:14px;z-index:30;height:56px;border-radius:28px;background:var(--zloto);color:var(--zielen);align-items:center;justify-content:space-between;padding:0 22px 0 8px;font-weight:700;font-size:15.5px;border:0;font-family:inherit;cursor:pointer}
  .pasek-koszyka .n{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--zielen);color:var(--krem);margin-right:12px}
  .pasek-koszyka span{display:flex;align-items:center}
}

/* zdjęcia dań na liście zamówień */
.poz-z{grid-template-columns:84px 1fr auto 116px;min-height:104px}
.mini{position:relative;width:84px;height:84px;display:block}
.mini img{width:74px;height:74px;margin:5px;border-radius:50%;object-fit:cover;transition:transform .2s}
.mini::after{content:"";position:absolute;inset:0;border-radius:50%;border:1px solid var(--zloto-ciemne)}
.mini.brak::after{border-color:var(--linia-ciemna)}
.mini.brak::before{content:"";position:absolute;inset:5px;border-radius:50%;background:rgba(31,54,44,.05)}
.poz-z:hover .mini img{transform:scale(1.06)}
@media (max-width:820px){
  .poz-z{grid-template-columns:64px 1fr auto;gap:6px 14px;min-height:84px}
  .mini{width:64px;height:64px;grid-row:1/3}
  .mini img{width:56px;height:56px;margin:4px}
  .mini.brak::before{inset:4px}
  .poz-z .cena{grid-column:2;grid-row:2}
  .poz-z .ster{grid-column:3;grid-row:1/3}
}

/* ================= ZAMÓWIENIE – KROKI ================= */
.dostawa{grid-template-columns:repeat(4,1fr)}
.krok.final .dostawa{grid-template-columns:repeat(3,1fr)}
.kroki-pas{background:var(--krem);color:var(--zielen);border-bottom:1px solid var(--linia-ciemna)}
.kroki{list-style:none;margin:0;padding:0;display:flex;gap:0;height:72px;align-items:center}
.kroki li{display:flex;align-items:center;gap:12px;font-size:14.5px;font-weight:600;color:rgba(31,54,44,.5);white-space:nowrap}
.kroki li + li::before{content:"";width:44px;height:1px;background:rgba(31,54,44,.25);margin:0 18px}
.kroki i{font-style:normal;width:30px;height:30px;border-radius:50%;border:1px solid rgba(31,54,44,.35);display:inline-flex;align-items:center;justify-content:center;font-size:13px}
.kroki li.akt{color:var(--zielen)}
.kroki li.akt i{background:var(--zielen);color:var(--krem);border-color:var(--zielen)}
.kroki li.zrob{color:var(--zielen)}
.kroki li.zrob i{background:var(--zloto);border-color:var(--zloto)}
.zam{background:var(--krem);color:var(--zielen);padding:64px 0 112px}
.zam .wrap{display:grid;grid-template-columns:1fr 404px;gap:72px;align-items:start}
.zam h2{font-size:44px;margin:0 0 28px}
.zam h3{font-size:25px;margin:48px 0 16px}
.zam .podp{font-size:15px;opacity:.75;margin:-8px 0 20px}
.nawig{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:48px;padding-top:28px;border-top:1px solid var(--linia-ciemna)}
.nawig .link{border-color:var(--zloto-ciemne)}
.btn.wyl{opacity:.35;cursor:not-allowed}
.k1-lista{list-style:none;margin:0;padding:0;border-top:1px solid var(--linia-ciemna)}
.k1-lista li{display:grid;grid-template-columns:84px 1fr auto 84px 32px;gap:20px;align-items:center;padding:12px 0;border-bottom:1px solid var(--linia-ciemna)}
.k1-lista b{display:block;font-size:17.5px;font-weight:600;line-height:1.3}
.k1-lista small{font-size:13.5px;opacity:.7}
.k1-lista .kw{font-size:17.5px;font-weight:700;text-align:right;white-space:nowrap}
.k1-lista .usun{width:32px;height:32px;border:0;background:transparent;font-size:22px;color:rgba(31,54,44,.5);cursor:pointer}
.k1-lista .pusto{display:block;padding:36px 0;font-size:17px}
.k1-lista .pusto a{border-bottom:1px solid var(--zloto-ciemne);font-weight:600}
.wybor{display:grid;gap:14px}
.wybor.dwa{grid-template-columns:1fr 1fr}
.wybor button{position:relative;text-align:left;font:inherit;color:var(--zielen);background:transparent;border:1px solid rgba(31,54,44,.3);border-radius:6px;padding:18px 20px 18px 56px;cursor:pointer}
.wybor button::before{content:"";position:absolute;left:20px;top:21px;width:20px;height:20px;border-radius:50%;border:1px solid rgba(31,54,44,.5)}
.wybor button.wyb{border-color:var(--zielen);box-shadow:inset 0 0 0 1px var(--zielen)}
.wybor button.wyb::before{border-color:var(--zielen);background:radial-gradient(circle,var(--zielen) 0 5px,transparent 6px)}
.wybor b{display:block;font-size:17.5px;font-weight:600}
.wybor small{font-size:14px;opacity:.75}
.pola{display:grid;grid-template-columns:1fr 1fr;gap:22px 24px}
.pola label{display:block;font-size:10.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:rgba(31,54,44,.65)}
.pola .szer{grid-column:1/-1}
.pola input,.pola textarea{display:block;width:100%;margin-top:8px;height:50px;border:1px solid rgba(31,54,44,.35);border-radius:6px;background:rgba(255,255,255,.35);padding:0 16px;font:inherit;font-size:17px;letter-spacing:0;text-transform:none;font-weight:500;color:var(--zielen);outline:none}
.pola textarea{height:auto;padding:12px 16px;resize:vertical}
.pola input:focus,.pola textarea:focus{border-color:var(--zielen)}
.wylicz-rzad{display:flex;align-items:center;gap:20px;margin-top:22px;font-size:14px;color:rgba(31,54,44,.7)}
.wylicz-rzad .btn{cursor:pointer;background:transparent;font-family:inherit}
.wynik{display:grid;grid-template-columns:1fr 1fr;margin-top:22px;background:var(--zielen);color:var(--krem);border-radius:6px}
.wynik > div{padding:20px 24px}
.wynik > div + div{border-left:1px solid var(--linia)}
.wynik .etykieta{display:block;color:var(--zloto);margin-bottom:4px}
.wynik strong{font-size:30px;font-weight:600;line-height:1.1}
.wynik small{display:block;font-size:13.5px;opacity:.8;margin-top:2px}
.wynik-info{margin-top:18px;font-size:15.5px}
.wynik-info.blad{color:#8a2f1f;font-weight:600}
.taryfa{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--linia-ciemna);border-radius:6px}
.taryfa li{padding:14px 18px;border-left:1px solid var(--linia-ciemna);font-size:14px;opacity:.6}
.taryfa li:first-child{border-left:0}
.taryfa li.akt{opacity:1;background:rgba(223,177,85,.22)}
.taryfa span{display:block;font-size:10.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}
.taryfa b{font-size:18px}
.taryfa small{display:block;font-size:12.5px}
.termin{display:grid;grid-template-columns:340px 1fr;gap:48px;align-items:start}
.kal{border:1px solid var(--linia-ciemna);border-radius:6px;padding:16px}
.kal-gora{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.kal-gora b{font-size:16px;font-weight:600;text-transform:capitalize}
.kal-gora button{width:34px;height:34px;border-radius:50%;border:1px solid rgba(31,54,44,.35);background:transparent;font:inherit;font-size:20px;line-height:1;color:var(--zielen);cursor:pointer;padding:0 0 3px}
.kal-gora button:disabled{opacity:.25;cursor:default}
.kal-siatka{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;justify-items:center}
.kal-siatka .dt{font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;opacity:.55;padding:6px 0}
.kal-siatka button{width:40px;height:40px;border-radius:50%;border:1px solid transparent;background:transparent;font:inherit;font-size:15px;font-weight:600;color:var(--zielen);cursor:pointer}
.kal-siatka button:hover:not(:disabled){border-color:var(--zielen)}
.kal-siatka button:disabled{color:rgba(31,54,44,.28);font-weight:400;cursor:default;text-decoration:line-through}
.kal-siatka button.wyb{background:var(--zielen);color:var(--krem)}
.godziny{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:12px}
.godziny button{height:42px;border-radius:21px;border:1px solid rgba(31,54,44,.35);background:transparent;font:inherit;font-size:15px;font-weight:600;color:var(--zielen);cursor:pointer}
.godziny button.wyb{background:var(--zielen);color:var(--krem);border-color:var(--zielen)}
.termin .etykieta{color:rgba(31,54,44,.65)}
.termin-info{margin-top:22px;font-size:16px;font-weight:600;padding:14px 18px;border-left:2px solid var(--zloto-ciemne);background:rgba(223,177,85,.16)}
.podsum{margin:0;border-top:1px solid var(--linia-ciemna)}
.podsum > div{display:grid;grid-template-columns:170px 1fr auto;gap:24px;padding:20px 0;border-bottom:1px solid var(--linia-ciemna);align-items:start}
.podsum dt{font-size:10.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--zloto-ciemne);padding-top:6px}
.podsum dd{margin:0;font-size:18px;font-weight:500;line-height:1.4}
.podsum dd small{font-size:14px;opacity:.75;font-weight:400}
.podsum a{font-size:14px;font-weight:600;border-bottom:1px solid var(--zloto-ciemne)}
.zgoda-p{display:grid;grid-template-columns:22px 1fr;gap:14px;margin-top:28px;text-align:left;font:inherit;font-size:14.5px;color:var(--zielen);background:transparent;border:0;padding:0;cursor:pointer}
.zgoda-p i{width:22px;height:22px;border:1px solid rgba(31,54,44,.5);border-radius:4px;display:block}
.zgoda-p.wyb i{background:var(--zielen) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M5.5 11.5l3.5 3.5 7.5-8' fill='none' stroke='%23f1ebde' stroke-width='2'/%3E%3C/svg%3E") center/cover;border-color:var(--zielen)}
.koszyk.bok ul{max-height:none}
.koszyk.bok li{grid-template-columns:1fr auto;padding:11px 0}
.koszyk.bok li b{font-weight:500;font-size:15px}
.bok-termin{margin:18px 0 0;font-size:15px;padding-top:16px;border-top:1px solid var(--linia)}
.bok-termin:empty{display:none}
.bok-termin .etykieta{display:block;color:var(--zloto);margin-bottom:3px}
body[data-krok="5"] .zam .wrap{grid-template-columns:1fr}
body[data-krok="5"] .koszyk.bok{display:none}
.krok.final{max-width:900px}
.krok.final h2{font-size:64px;margin:16px 0 22px}

@media (max-width:820px){
  .dostawa,.krok.final .dostawa{grid-template-columns:1fr}
  .kroki-pas .wrap{overflow-x:auto}
  .kroki{height:60px}
  .kroki li{font-size:0;gap:0}
  .kroki li.akt{font-size:14.5px;gap:10px}
  .kroki li + li::before{width:16px;margin:0 8px}
  .zam{padding:36px 0 72px}
  .zam .wrap{grid-template-columns:1fr;gap:40px}
  .zam h2{font-size:32px}
  .krok.final h2{font-size:38px}
  .koszyk.bok{display:block;position:static;border-radius:6px;padding:24px 20px}
  .k1-lista li{grid-template-columns:64px 1fr auto;gap:8px 14px}
  .k1-lista .mini{grid-row:1/3}
  .k1-lista .licznik{grid-column:2;grid-row:2;justify-self:start}
  .k1-lista .kw{grid-column:3;grid-row:1}
  .k1-lista .usun{grid-column:3;grid-row:2;justify-self:end}
  .wybor.dwa,.pola,.termin,.wynik,.taryfa{grid-template-columns:1fr}
  .wynik > div + div{border-left:0;border-top:1px solid var(--linia)}
  .taryfa li{border-left:0;border-top:1px solid var(--linia-ciemna)}
  .taryfa li:first-child{border-top:0}
  .wylicz-rzad{flex-direction:column;align-items:stretch}
  .wylicz-rzad .btn{justify-content:center}
  .kal-siatka button{width:100%;max-width:42px}
  .nawig{flex-direction:column-reverse;align-items:stretch;gap:18px}
  .nawig .btn{justify-content:center}
  .nawig .link{align-self:flex-start}
  .podsum > div{grid-template-columns:1fr auto;gap:4px 16px}
  .podsum dt{grid-column:1/-1}
}
.nota-zdjecia{font-size:13.5px;color:rgba(31,54,44,.7);margin-top:10px;padding-top:14px;border-top:1px solid var(--linia-ciemna)}
.nota-zdjecia.gora-n{margin:0 0 28px;padding:0;border:0}
.gwiazdka{margin-top:-28px;margin-bottom:0}
.zam .btn-ciemny{background:var(--zielen);color:var(--krem)}
.zam .btn-kontur{border-color:rgba(31,54,44,.4);color:var(--zielen)}
.zam .koszyk h2{font-size:28px;margin:0 0 4px}

/* portret właściciela – cała sylwetka w kole, bez przycinania krawędzią strony */
.omnie .portret.osoba .kolo{left:0;width:500px;height:500px;top:30px;background:url(img/szymon.jpg) 50% 14%/cover no-repeat}
.omnie .portret.osoba .obrecz{left:-22px;top:8px;width:544px;height:544px}
.omnie .link{border-color:var(--zloto-ciemne)}
@media (max-width:820px){
  .omnie .portret.osoba .kolo{left:0;top:14px;width:78vw;height:78vw}
  .omnie .portret.osoba .obrecz{left:-14px;top:0;width:calc(78vw + 28px);height:calc(78vw + 28px)}
  .omnie .portret{height:86vw}
}

/* ================= O MNIE – podstrona ================= */
.czolo.osoba .tresc{padding-bottom:150px;max-width:600px}
.czolo.osoba .kolo{right:96px;top:70px;width:540px;height:540px}
.czolo.osoba .obrecz{right:74px;top:48px;width:584px;height:584px}
.omnie-tekst{position:relative;overflow:hidden}
.omnie-tekst .wrap{display:grid;grid-template-columns:7fr 5fr;gap:104px;align-items:start}
.omnie-tekst .tekst p{font-size:19.5px;line-height:1.65;margin-top:26px}
.omnie-tekst .tekst p.duzy{font-size:30px;line-height:1.32;font-weight:500;letter-spacing:-.008em;margin:0 0 40px}
.omnie-tekst .tekst a{font-weight:600;border-bottom:1px solid var(--zloto-ciemne)}
.omnie-tekst .portret-m{display:none}
.omnie-tekst .zdjecia{position:relative;height:820px;margin-top:8px}
.omnie-tekst .zdjecia div{position:absolute;border-radius:50%;background-size:cover}
.omnie-tekst .zdjecia i{position:absolute;inset:-20px;border-radius:50%;border:1.5px solid var(--zloto-ciemne)}
.omnie-tekst .z1{width:440px;height:440px;top:0;left:40px;background-image:url(img/szef.jpg);background-position:62% 50%}
.omnie-tekst .z2{width:300px;height:300px;top:480px;left:-40px;background-image:url(img/talerze.jpg);background-position:70% 80%}
@media (max-width:820px){
  .czolo.osoba .tresc{padding-bottom:44px}
  .omnie-tekst .wrap{grid-template-columns:1fr;gap:40px}
  .omnie-tekst .portret-m{display:block;width:72vw;height:72vw;border-radius:50%;margin:0 0 36px;background:url(img/szymon.jpg) 50% 14%/cover;outline:1.5px solid var(--zloto-ciemne);outline-offset:12px}
  .omnie-tekst .tekst p{font-size:17px;margin-top:20px}
  .omnie-tekst .tekst p.duzy{font-size:22px;margin-bottom:26px}
  .omnie-tekst .zdjecia{height:88vw}
  .omnie-tekst .z1{width:62vw;height:62vw;left:auto;right:-12vw}
  .omnie-tekst .z2{width:40vw;height:40vw;top:44vw;left:0}
  .omnie-tekst .zdjecia i{inset:-12px}
}
.czolo.osoba .tresc{padding-bottom:210px}
.czolo.osoba .kolo{top:124px}
.czolo.osoba .obrecz{top:102px}
@media (max-width:820px){.czolo.osoba .tresc{padding-bottom:44px}}

/* ================= WORDPRESS / WOOCOMMERCE ================= */
.pomin{position:absolute;left:-9999px;top:8px;z-index:99;background:var(--zloto);color:var(--zielen);padding:10px 16px;border-radius:20px;font-weight:600}
.pomin:focus{left:16px}
[hidden]{display:none!important}
.gora .prawa::after{content:none!important}
.gora nav a{margin:0}
.gora nav .current-menu-item > a,.gora nav a[aria-current]{border-bottom:1px solid var(--zloto)}
.ile-k[hidden]{display:none}
.menu-przycisk{display:none;height:44px;padding:0 18px;border-radius:22px;border:1px solid rgba(241,235,222,.45);background:transparent;color:var(--krem);font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.menu-mobilne{background:var(--zielen);padding:6px var(--margines) 22px;border-bottom:1px solid var(--linia)}
.menu-mobilne a{display:block;padding:13px 0;border-bottom:1px solid var(--linia);font-size:18px;font-weight:500;color:var(--krem)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--zloto);outline-offset:3px}
button.link{background:none;border:0;border-bottom:1px solid var(--zloto-ciemne);padding:0 0 3px;font:inherit;font-size:15px;font-weight:600;color:inherit;cursor:pointer}
.kat a{color:inherit}
.karta h3 .dopisek{font-size:14px;opacity:.7}
.poz-z .opis{font-size:13.5px;opacity:.75;margin-top:4px}
body.koszyk-laduje{cursor:progress}
body.koszyk-laduje .ster button,body.koszyk-laduje .koszyk .licznik button{opacity:.5;pointer-events:none}
.koszyk .btn.wyl,.zam .btn.wyl{opacity:.4;pointer-events:none}

/* treść zwykłych stron */
.tresc-strony{max-width:820px;font-size:17px;line-height:1.7}
.tresc-strony h2{font-size:30px;margin:44px 0 12px}
.tresc-strony h3{font-size:22px;margin:32px 0 10px}
.tresc-strony p,.tresc-strony ul,.tresc-strony ol{margin:0 0 16px}
.tresc-strony a{border-bottom:1px solid var(--zloto-ciemne)}

/* formularz kontaktowy */
.cr-formularz{grid-template-columns:1fr 1fr}
.cr-nie-wypelniaj{position:absolute;left:-9999px}
.cr-formularz .zgoda-pole{display:grid;grid-template-columns:20px 1fr;gap:12px;font-size:12.5px;line-height:1.5;letter-spacing:0;text-transform:none;font-weight:400}
.cr-formularz .zgoda-pole input{width:18px;height:18px;margin:2px 0 0;padding:0}
.cr-formularz .zgoda-pole a{border-bottom:1px solid var(--zloto-ciemne)}
.cr-formularz .btn{border:0;cursor:pointer;font-family:inherit}
.cr-komunikat{padding:14px 18px;border-radius:6px;margin-bottom:22px;font-weight:600}
.cr-komunikat.ok{background:rgba(77,107,51,.15)}
.cr-komunikat.blad,.cr-blad{background:rgba(138,47,31,.1);color:#8a2f1f}
.cr-blad{padding:12px 16px;border-radius:6px;margin:28px 0 -20px;font-weight:600}
.kontakt .dane a{color:inherit}

/* zamówienie */
.zam .woocommerce .wrap{display:block}
.zam-siatka{display:grid;grid-template-columns:1fr 404px;gap:72px;align-items:start}
.woocommerce-notices-wrapper:empty{display:none}
.woocommerce-error,.woocommerce-message,.woocommerce-info,.woocommerce-NoticeGroup ul{list-style:none;margin:0 0 28px;padding:14px 18px;border-radius:6px;font-weight:600}
.woocommerce-error{background:rgba(138,47,31,.1);color:#8a2f1f}
.woocommerce-message,.woocommerce-info{background:rgba(223,177,85,.2)}
.wybor .opcja{position:relative;display:block;text-align:left;border:1px solid rgba(31,54,44,.3);border-radius:6px;padding:18px 20px 18px 56px;cursor:pointer}
.wybor .opcja input{position:absolute;opacity:0;pointer-events:none}
.wybor .opcja::before{content:"";position:absolute;left:20px;top:21px;width:20px;height:20px;border-radius:50%;border:1px solid rgba(31,54,44,.5)}
.wybor .opcja.wyb{border-color:var(--zielen);box-shadow:inset 0 0 0 1px var(--zielen)}
.wybor .opcja.wyb::before{border-color:var(--zielen);background:radial-gradient(circle,var(--zielen) 0 5px,transparent 6px)}
.wybor .opcja:focus-within{outline:2px solid var(--zloto);outline-offset:2px}
.wybor .opcja b{display:block;font-size:17.5px;font-weight:600}
.wybor .opcja small{font-size:14px;opacity:.75}
.payment_methods{list-style:none;margin:0;padding:0}
.payment_methods li{list-style:none}
.payment_box{font-size:14px;padding:10px 4px 0}
.pola .form-row{margin:0}
.pola .form-row label{display:block;font-size:10.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:rgba(31,54,44,.65)}
.pola .form-row label .required,.pola .form-row label .optional{display:none}
.pola .form-row input.input-text,.pola .form-row textarea{display:block;width:100%;margin-top:8px;height:50px;border:1px solid rgba(31,54,44,.35);border-radius:6px;background:rgba(255,255,255,.35);padding:0 16px;font:inherit;font-size:17px;color:var(--zielen)}
.pola .form-row textarea{height:auto;min-height:96px;padding:12px 16px}
.pola #billing_address_1_field,.pola #order_comments_field{grid-column:1/-1}
.pola .form-row.woocommerce-invalid input{border-color:#8a2f1f}
.zgoda-p input{position:absolute;opacity:0}
.zgoda-p input:checked + i{background:var(--zielen) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M5.5 11.5l3.5 3.5 7.5-8' fill='none' stroke='%23f1ebde' stroke-width='2'/%3E%3C/svg%3E") center/cover;border-color:var(--zielen)}
.zgoda-p input:focus-visible + i{outline:2px solid var(--zloto);outline-offset:3px}
.zgoda-p a{border-bottom:1px solid var(--zloto-ciemne)}
#place_order{border:0;cursor:pointer;font-family:inherit}
.podsum .link{justify-self:end}
.koszyk.bok .woocommerce-checkout-review-order-table ul{list-style:none;margin:14px 0 0;padding:0}
.koszyk .woocommerce-Price-amount{white-space:nowrap}
.zam-final .krok.final{max-width:900px}
.k1-lista.potw{margin-top:40px}
.k1-lista.potw li{grid-template-columns:1fr auto 110px}
.blockUI.blockOverlay{background:rgba(241,235,222,.6)!important}

@media (max-width:820px){
  .menu-przycisk{display:inline-flex;align-items:center}
  .zam-siatka{grid-template-columns:1fr;gap:40px}
  .cr-formularz{grid-template-columns:1fr}
  .k1-lista.potw li{grid-template-columns:1fr auto}
}
.sklep-fakty{flex-wrap:wrap;gap:20px 40px}
.sklep-fakty > div{white-space:nowrap}
.cr-liczenie{margin:14px 0 0;padding:12px 16px;border-radius:6px;background:rgba(223,177,85,.2);font-weight:600;font-size:15px}
.cr-liczenie::before{content:"";display:inline-block;width:12px;height:12px;margin-right:8px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;vertical-align:-1px;animation:cr-obrot .8s linear infinite}
@keyframes cr-obrot{to{transform:rotate(360deg)}}
.woocommerce-checkout .cr-metody .blockUI.blockOverlay{display:none!important}

/* ================= MENU PRZYKLEJONE ================= */
:root{--wys-mini:68px}
body.przyklejone .gora{position:fixed;top:0;left:0;right:0;z-index:60;height:var(--wys-mini);padding:0 max(var(--margines),calc((100vw - 1296px) / 2 + var(--margines)));background:var(--zielen);color:var(--krem);box-shadow:0 1px 0 var(--linia);animation:cr-wjazd .25s ease-out}
body.przyklejone .gora .logo img{width:48px}
body.przyklejone .gora .btn{height:40px}
body.admin-bar.przyklejone .gora{top:32px}
@keyframes cr-wjazd{from{transform:translateY(-100%)}to{transform:none}}
/* elementy przyklejone pod menu */
body.przyklejone .kategorie{top:var(--wys-mini)}
body.przyklejone .koszyk{top:calc(var(--wys-mini) + 24px)}
body.przyklejone .grupa-z{scroll-margin-top:calc(var(--wys-mini) + 84px)}
@media (prefers-reduced-motion:reduce){body.przyklejone .gora{animation:none}}
@media (max-width:820px){
  :root{--wys-mini:60px}
  body.przyklejone .gora .logo img{width:42px}
  body.przyklejone .gora .btn{height:38px;padding:0 16px;font-size:13px}
  body.przyklejone .menu-przycisk{height:38px}
  body.przyklejone .koszyk{top:0}
}
@media (max-width:782px){
  body.admin-bar.przyklejone .gora{top:46px}
}
@media (min-width:821px){.menu-mobilne{display:none!important}}
/* menu mobilne – pełny ekran */
.menu-mobilne{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;background:var(--zielen);color:var(--krem);padding:0 22px 28px;overflow:auto;border:0;animation:cr-pojaw .2s ease-out}
.menu-mobilne .mm-gora{display:flex;align-items:center;justify-content:space-between;height:84px;border-bottom:1px solid var(--linia);flex:none}
.menu-mobilne .mm-gora img{width:52px;height:auto}
.mm-zamknij{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 18px;border-radius:22px;border:1px solid rgba(241,235,222,.45);background:transparent;color:var(--krem);font:inherit;font-size:15px;font-weight:600;cursor:pointer}
.mm-zamknij span{font-size:16px}
.mm-linki{display:flex;flex-direction:column;padding:18px 0;flex:1}
.menu-mobilne .mm-linki a{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--linia);font-size:28px;line-height:1.15;font-weight:500;letter-spacing:-.01em;color:var(--krem)}
.menu-mobilne .mm-linki a::after{content:"›";font-size:26px;color:var(--zloto);font-weight:400}
.menu-mobilne .mm-linki a[aria-current]{color:var(--zloto)}
.mm-dol{display:grid;gap:12px;padding-top:12px;flex:none}
.mm-dol .btn{justify-content:center;height:54px;font-size:16px}
.menu-mobilne .mm-dol a{border-bottom:0;padding:0 28px;font-size:16px}
.mm-dol p{margin-top:10px;font-size:14px;line-height:1.5;color:rgba(241,235,222,.7);text-align:center}
body.menu-otwarte{overflow:hidden}
@keyframes cr-pojaw{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.menu-mobilne{animation:none}}
.menu-mobilne .mm-gora a{padding:0;border:0}
.menu-mobilne .mm-dol .btn{display:flex;align-items:center;justify-content:center;padding:0 28px}
.menu-mobilne .mm-dol .btn-zloty{color:var(--zielen)}
.nr{white-space:nowrap}
@media (max-width:820px){.pasek .wrap > div:first-child{grid-column:1/-1}}
.menu-mobilne .mm-dol .btn{padding:0 14px;white-space:nowrap;font-size:clamp(14px,4.4vw,16px);letter-spacing:0}
.menu-mobilne .mm-dol .btn-kontur{border:1px solid rgba(241,235,222,.45)}

/* ================= ZAMÓW CATERING – telefon ================= */
.info-dostawa{display:none}
@media (max-width:820px){
  .czolo-sklep .tresc{padding:14px 0 26px}
  .czolo-sklep .okruszki,.czolo-sklep .lead,.czolo-sklep .sklep-fakty{display:none}
  .czolo-sklep h1{font-size:38px;margin:10px 0 0}
  .sklep .nota-zdjecia.gora-n{display:none}
  .info-dostawa{display:block;margin:0 0 28px;border:1px solid var(--linia-ciemna);border-radius:6px;background:rgba(255,255,255,.35)}
  .info-dostawa summary{list-style:none;cursor:pointer;padding:12px 40px 12px 14px;font-size:14px;line-height:1.4;position:relative}
  .info-dostawa summary::-webkit-details-marker{display:none}
  .info-dostawa summary::after{content:"+";position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:20px;color:var(--zloto-ciemne)}
  .info-dostawa[open] summary::after{content:"−"}
  .info-dostawa ul{list-style:none;margin:0;padding:0 14px 12px}
  .info-dostawa li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid var(--linia-ciemna);font-size:14px}
  .info-dostawa li span{font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--zloto-ciemne);padding-top:2px}
  .info-dostawa li b{font-weight:600;text-align:right}
  .sklep{padding-top:20px}
}

/* ================= PODSUMOWANIE I PANEL ZAMÓWIENIA ================= */
.podsum-karty{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.podsum-karty > div{position:relative;border:1px solid var(--linia-ciemna);border-radius:6px;padding:16px 18px 18px;background:rgba(255,255,255,.35)}
.podsum-karty .etykieta{display:block;color:var(--zloto-ciemne);margin-bottom:6px}
.podsum-karty p{font-size:16.5px;line-height:1.45;font-weight:500;margin:0;padding-right:44px}
.podsum-karty p small{display:block;font-size:13.5px;font-weight:400;opacity:.75;margin-top:2px}
.podsum-karty .link{position:absolute;top:14px;right:16px;font-size:13px}
.podsum-dania{background:var(--zielen);color:var(--krem);border-radius:6px;padding:6px 22px 20px}
.podsum-dania ul{list-style:none;margin:0;padding:0}
.podsum-dania li{display:grid;grid-template-columns:1fr auto;gap:14px;padding:12px 0;border-bottom:1px solid var(--linia)}
.podsum-dania li b{font-weight:500;font-size:15.5px}
.podsum-dania .kw{color:var(--zloto);font-weight:700;white-space:nowrap}
.podsum-dania .suma{margin-top:14px;font-size:15.5px}
.podsum-dania .suma div{display:flex;justify-content:space-between;padding:4px 0}
.podsum-dania .suma .razem{font-size:24px;font-weight:600;margin-top:10px;padding-top:14px;border-top:1px solid var(--linia)}
.podsum-dania .suma .razem span:last-child{color:var(--zloto)}
.podsum-edycja{margin-top:14px}
.podsum-edycja .link{font-size:14px}
.nawig-final{align-items:center}
.btn-zamawiam{height:58px;padding:0 34px;font-size:16px}
.bok-zwin > summary{list-style:none;display:flex;align-items:baseline;justify-content:space-between;gap:12px;pointer-events:none}
.bok-zwin > summary::-webkit-details-marker{display:none}
.bok-zwin > summary h2{margin:0}
.bok-zwin .bok-razem{display:none}
body[data-krok="4"] .zam-siatka .koszyk.bok{display:none}
body[data-krok="4"] .zam-siatka{grid-template-columns:minmax(0,820px)}
@media (max-width:820px){
  .podsum-karty{grid-template-columns:1fr}
  .zam-siatka .koszyk.bok{order:-1;padding:16px 18px}
  .bok-zwin > summary{pointer-events:auto;cursor:pointer;align-items:center}
  .bok-zwin > summary h2{font-size:20px}
  .bok-zwin .bok-razem{display:inline-flex;align-items:center;gap:10px;color:var(--zloto);font-weight:700;font-size:18px}
  .bok-zwin .bok-razem::after{content:"▾";color:var(--krem);font-size:14px}
  .bok-zwin[open] .bok-razem::after{content:"▴"}
  .nawig-final{flex-direction:column-reverse}
  .btn-zamawiam{width:100%;justify-content:center}
  .zam-siatka{gap:22px}
}
.razem strong{font-weight:600}
@media (max-width:820px){
  #adres-blok .pola{grid-template-columns:1fr 1.4fr;gap:16px 12px}
  #adres-blok .pola #billing_address_1_field{grid-column:1/-1}
  .taryfa{grid-template-columns:repeat(3,1fr)}
  .taryfa li{border-top:0;border-left:1px solid var(--linia-ciemna);padding:10px 10px}
  .taryfa li:first-child{border-left:0}
  .taryfa span{font-size:9px;letter-spacing:.12em}
  .taryfa b{font-size:14.5px}
  .taryfa small{font-size:11px;line-height:1.3}
}
/* kod rabatowy */
.kod-rabat{margin-top:28px}
.kod-rabat label{display:block;font-size:10.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:rgba(31,54,44,.65);margin-bottom:8px}
.kod-rabat > div{display:flex;gap:10px;max-width:460px}
.kod-rabat input{flex:1;height:50px;border:1px solid rgba(31,54,44,.35);border-radius:6px;background:rgba(255,255,255,.35);padding:0 16px;font:inherit;font-size:16px;letter-spacing:.06em;text-transform:uppercase;color:var(--zielen)}
.kod-rabat .btn{height:50px;cursor:pointer;background:transparent;font-family:inherit}
.kod-info{margin-top:8px;font-size:14px;font-weight:600}
.kod-info.ok{color:var(--fit-ciemny)}
.kod-info.blad{color:#8a2f1f}
.suma .rabat span:last-child{color:var(--fit);white-space:nowrap}
.suma .rabat a{color:inherit;opacity:.7;font-size:12px;margin-left:6px}
.podsum-dania .suma .rabat span:last-child{color:var(--fit)}

/* ================= OBIAD DNIA ================= */
.obiad .dzien .zupa .rodzaj{display:block;font-size:10.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--zloto-ciemne);margin-bottom:4px}
.obiad .dzien.minal{opacity:.45}
.obiad .dzien.dzis-k{background:rgba(255,255,255,.45);box-shadow:inset 0 3px 0 var(--zloto)}
.obiad .dzien.dzis-k,.obiad .dzien.dzis-k:first-child{padding-left:16px;padding-right:16px}
.obiad .dzien .wolne{font-size:15px;opacity:.7;padding-top:6px}
.dni-zakladki{display:none}
.obiad-brak{padding:44px 0;border-top:1px solid var(--linia-ciemna);border-bottom:1px solid var(--linia-ciemna)}
.obiad-brak h3{font-size:28px;margin:0 0 10px}
.obiad-brak a{border-bottom:1px solid var(--zloto-ciemne);font-weight:600}
.jak-zamowic{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:44px;padding:26px 28px;border-radius:6px;background:var(--zielen);color:var(--krem)}
.jak-zamowic .etykieta{color:var(--zloto);display:block;margin-bottom:6px}
.jak-zamowic p{font-size:20px;font-weight:500}
.jak-zamowic small{display:block;margin-top:6px;font-size:13.5px;color:rgba(241,235,222,.75)}
.jak-zamowic .cta{display:flex;gap:12px;flex:none}
.jak-zamowic .btn-ciemny{background:var(--zloto);color:var(--zielen)}
.jak-zamowic .btn-kontur{border-color:rgba(241,235,222,.45);color:var(--krem)}
.obiad-pasek{display:none}
@media (max-width:820px){
  .dni-zakladki{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:0 0 18px}
  .dni-zakladki button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 0;border-radius:8px;border:1px solid var(--linia-ciemna);background:transparent;color:var(--zielen);font:inherit;cursor:pointer}
  .dni-zakladki b{font-size:15px;font-weight:600}
  .dni-zakladki small{font-size:11.5px;opacity:.7}
  .dni-zakladki [aria-selected="true"]{background:var(--zielen);color:var(--krem);border-color:var(--zielen)}
  .obiad .tydzien{border-top:0}
  .obiad .tydzien .dzien{display:none;padding:0;border:0;opacity:1;background:none;box-shadow:none}
  .obiad .tydzien .dzien.wybrany{display:block}
  .obiad .tydzien .dzien header{display:none}
  .obiad .dzien .zupa{font-size:20px;padding:4px 0 14px;margin:0;border-bottom:1px solid var(--linia-ciemna)}
  .obiad .dzien ul li{font-size:16.5px;padding:14px 0}
  .jak-zamowic{flex-direction:column;align-items:stretch;padding:22px 20px}
  .jak-zamowic .cta{flex-direction:column}
  .jak-zamowic .btn{justify-content:center}
  .obiad-pasek{display:grid;grid-template-columns:1fr 1fr;gap:10px;position:fixed;left:0;right:0;bottom:0;z-index:40;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:var(--zielen);box-shadow:0 -1px 0 var(--linia)}
  .obiad-pasek .btn{justify-content:center;height:48px}
  .obiad-pasek .btn-kontur{border-color:rgba(241,235,222,.45);color:var(--krem)}
  body.strona-obiad footer{padding-bottom:96px}
}
@media (max-width:820px){.jak-zamowic .cta{display:none}}
/* Obiad dnia na telefonie: od razu menu, bez wstępu */
@media (max-width:820px){
  .czolo-obiad .tresc{padding:14px 0 24px}
  .czolo-obiad .okruszki,.czolo-obiad .lead{display:none}
  .czolo-obiad h1{font-size:38px;margin:10px 0 0}
  body.strona-obiad .pasek{display:none}
  .obiad.sekcja{padding-top:26px}
  .obiad .naglowek-sekcji{gap:16px;margin-bottom:18px}
  .obiad .naglowek-sekcji h2{font-size:30px;margin-top:6px}
}
/* wybór tygodnia (Obiad dnia) */
.tygodnie-nav{display:flex;gap:10px;margin:0 0 26px;flex-wrap:wrap}
.tygodnie-nav a{display:flex;flex-direction:column;padding:10px 18px;border:1px solid var(--linia-ciemna);border-radius:8px;line-height:1.3}
.tygodnie-nav a b{font-size:15px;font-weight:600}
.tygodnie-nav a small{font-size:12.5px;opacity:.7}
.tygodnie-nav a[aria-current]{background:var(--zielen);color:var(--krem);border-color:var(--zielen)}
.tygodnie-nav a[aria-current] small{opacity:.8}
@media (max-width:820px){
  .tygodnie-nav{flex-wrap:nowrap;overflow-x:auto;margin:0 calc(-1 * var(--margines)) 16px;padding:0 var(--margines)}
  .tygodnie-nav a{flex:none;padding:8px 14px}
}
/* podsumowanie: jasna karta zamiast zielonej */
.podsum-dania{background:rgba(255,255,255,.55);color:var(--zielen);border:1px solid var(--linia-ciemna)}
.podsum-dania li{border-bottom-color:var(--linia-ciemna)}
.podsum-dania .kw{color:var(--zielen)}
.podsum-dania .suma .razem{border-top-color:var(--linia-ciemna)}
.podsum-dania .suma .razem span:last-child{color:var(--zielen)}
.podsum-dania .suma div:not(.razem) span:first-child{opacity:.75}
@media (max-width:820px){
  /* zwinięty panel zamówienia w krokach 2–3: jasny pasek */
  .zam-siatka .koszyk.bok{background:rgba(255,255,255,.55);color:var(--zielen);border:1px solid var(--linia-ciemna)}
  .zam-siatka .koszyk.bok .bok-razem{color:var(--zielen)}
  .zam-siatka .koszyk.bok .bok-razem::after{color:var(--zloto-ciemne)}
  .zam-siatka .koszyk.bok li{border-bottom-color:var(--linia-ciemna)}
  .zam-siatka .koszyk.bok .kw,.zam-siatka .koszyk.bok .razem span:last-child{color:var(--zielen)}
  .zam-siatka .koszyk.bok .razem,.zam-siatka .koszyk.bok .bok-termin{border-top-color:var(--linia-ciemna)}
  .zam-siatka .koszyk.bok .bok-termin .etykieta{color:var(--zloto-ciemne)}
  .podsum-dania{padding:4px 16px 16px}
}

/* ================= KOSZYK NA TELEFONIE – jasny panel ================= */
.koszyk-gora{display:flex;align-items:center;justify-content:space-between;gap:12px}
.koszyk-gora h2{margin:0 0 4px}
.koszyk-zamknij{display:none}
.koszyk-razem{display:none}
@media (max-width:820px){
  body.koszyk-otwarty{overflow:hidden}
  body.koszyk-otwarty::before{content:"";position:fixed;inset:0;z-index:190;background:rgba(15,26,21,.55)}
  .koszyk{display:none}
  body.koszyk-otwarty .sklep .koszyk{display:flex;flex-direction:column;position:fixed;left:0;right:0;bottom:0;top:auto;z-index:200;max-height:88vh;padding:0;border-radius:14px 14px 0 0;background:var(--krem);color:var(--zielen);overflow:hidden;animation:cr-arkusz .25s ease-out}
  .koszyk-gora{flex:none;padding:16px 18px 12px;border-bottom:1px solid var(--linia-ciemna)}
  .koszyk-gora h2{font-size:22px;margin:0}
  .koszyk-zamknij{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border-radius:19px;border:1px solid rgba(31,54,44,.35);background:transparent;color:var(--zielen);font:inherit;font-size:14px;font-weight:600;cursor:pointer}
  body.koszyk-otwarty .sklep .koszyk [data-pelny]{flex:1;min-height:0;overflow:auto;padding:0 18px}
  body.koszyk-otwarty .sklep .koszyk .pusty{color:rgba(31,54,44,.7);padding:28px 18px}
  body.koszyk-otwarty .sklep .koszyk .pusty b{color:var(--zielen)}
  body.koszyk-otwarty .sklep .koszyk ul{margin:0}
  body.koszyk-otwarty .sklep .koszyk li{border-bottom-color:var(--linia-ciemna)}
  body.koszyk-otwarty .sklep .koszyk li b{font-weight:600}
  body.koszyk-otwarty .sklep .koszyk li .kw{color:var(--zielen)}
  body.koszyk-otwarty .sklep .koszyk li .jedn{color:rgba(31,54,44,.6)}
  body.koszyk-otwarty .sklep .koszyk li .licznik{border-color:rgba(31,54,44,.35);color:var(--zielen)}
  body.koszyk-otwarty .sklep .koszyk .suma{display:none}
  body.koszyk-otwarty .sklep .koszyk .prog{color:rgba(31,54,44,.75);margin:12px 0 14px}
  body.koszyk-otwarty .sklep .koszyk .prog i{background:var(--linia-ciemna)}
  body.koszyk-otwarty .sklep .koszyk .prog u{background:var(--zloto-ciemne)}
  .koszyk-dol{flex:none;padding:12px 18px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--linia-ciemna);background:var(--krem)}
  .koszyk-razem{display:flex;justify-content:space-between;align-items:baseline;font-size:15px}
  .koszyk-razem b{font-size:22px;font-weight:700}
  body.koszyk-otwarty .sklep .koszyk .btn{margin-top:10px;width:100%;justify-content:center;height:52px}
  body.koszyk-otwarty .sklep .koszyk .dopisek{color:rgba(31,54,44,.6);margin-top:8px}
  body.koszyk-otwarty .pasek-koszyka{display:none}
}
@keyframes cr-arkusz{from{transform:translateY(40px);opacity:.6}to{transform:none;opacity:1}}
/* koszyk na komputerze: pod przyklejonym menu i paskiem kategorii, przewijany gdy długi */
@media (min-width:821px){
  .sklep .koszyk{top:92px;max-height:calc(100vh - 112px);overflow:auto}
  body.przyklejone .sklep .koszyk{top:calc(var(--wys-mini) + 68px + 20px);max-height:calc(100vh - var(--wys-mini) - 108px)}
  .sklep .koszyk ul{max-height:none}
}
.krok.final .lead a{border-bottom:1px solid var(--zloto-ciemne)}
.potw-mail{margin-top:10px;font-size:15px;opacity:.75}
.promocje .promo-opis{margin-top:4px;font-size:14.5px;line-height:1.45;color:rgba(241,235,222,.75)}
.promocje .ile{text-align:right}
@media (max-width:820px){.promocje .ile{font-size:20px}.promocje .promo-opis{font-size:13.5px}}
/* zamówienia online wyłączone */
.zam-wylaczone{margin:0 0 30px;padding:22px 26px;border-radius:8px;background:var(--zielen);color:var(--krem)}
.zam-wylaczone .etykieta{color:var(--zloto);display:block;margin-bottom:6px}
.zam-wylaczone p{font-size:20px;font-weight:500;line-height:1.35}
.zam-wylaczone .zw-tel{margin-top:10px;font-size:15px;font-weight:400;color:rgba(241,235,222,.85)}
.zam-wylaczone a{color:var(--zloto);font-weight:600}
body.zamowienia-wylaczone .sklep .koszyk,body.zamowienia-wylaczone .pasek-koszyka{display:none!important}
body.zamowienia-wylaczone .sklep .wrap{grid-template-columns:1fr}
body.zamowienia-wylaczone .poz-z{grid-template-columns:84px 1fr auto}
@media (max-width:820px){body.zamowienia-wylaczone .poz-z{grid-template-columns:64px 1fr}.zam-wylaczone p{font-size:17px}}
/* wyróżniona zakładka „Zamów catering” w menu */
.gora nav a.nav-wyr{color:var(--zloto);font-weight:600;padding:7px 14px;border:1px solid rgba(223,177,85,.6);border-radius:18px;margin-left:4px}
.gora nav a.nav-wyr:hover,.gora nav a.nav-wyr.aktywny{background:var(--zloto);color:var(--zielen);border-bottom-color:var(--zloto)}
.gora nav a.nav-wyr .ile-k{background:var(--zloto);color:var(--zielen);margin-left:6px}
.gora nav a.nav-wyr.aktywny .ile-k,.gora nav a.nav-wyr:hover .ile-k{background:var(--zielen);color:var(--krem)}
.gora nav{align-items:center}
.menu-mobilne .mm-linki a.mm-wyr{color:var(--zloto);font-weight:600}
@media (max-width:1100px) and (min-width:821px){.gora nav{gap:22px;margin-left:8px}.gora .tel{display:none}}
.t-krotki{display:none}
@media (max-width:820px){.gora .t-pelny{display:none}.gora .t-krotki{display:inline}}
/* nagłówek – dopracowanie: bez obwódki, złoty kolor wyróżnia zakładkę */
.gora{gap:32px}
.gora nav{gap:36px;margin-left:28px}
.gora nav a{font-size:15.5px}
.gora nav a.nav-wyr{padding:0 0 3px;border:0;border-bottom:1px solid transparent;border-radius:0;margin-left:0;color:var(--zloto);font-weight:600;display:inline-flex;align-items:center;gap:8px}
.gora nav a.nav-wyr::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--zloto)}
.gora nav a.nav-wyr:hover,.gora nav a.nav-wyr.aktywny{background:none;color:var(--zloto);border-bottom-color:var(--zloto)}
.gora nav a.nav-wyr .ile-k{margin-left:0}
.gora .prawa{gap:30px}
.gora .tel span{margin-bottom:2px}
@media (max-width:1180px) and (min-width:821px){.gora nav{gap:24px;margin-left:12px}.gora .tel{display:none}}
.wybor .opcja.za-malo small{color:#8a2f1f;opacity:1;font-weight:600}
