/* Péče o gril — stejný jazyk jako průvodce výběrem (vyber.css), aby web
   působil jako jeden celek. Sdílené kusy (hlavička, tlačítka, patička) jsou
   schválně opsané, ne importované: každá větev má podle mapy projektu vlastní
   styl a do cizího se nesahá. */
:root{--red:#c93e32;--red-dark:#9f2c24;--black:#080a0b;--ink:#151515;--muted:#6d6d6d;--line:#e4e4e4;--shell:1440px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);font-family:Inter,Arial,Helvetica,sans-serif;background:#fff}
.r-shell{width:min(calc(100% - 48px),var(--shell));margin-inline:auto}

.r-header{height:82px;background:#fff;position:relative;z-index:5;border-bottom:1px solid #eee}
.r-header-inner{height:100%;display:flex;align-items:center;gap:46px}
.r-logo{display:flex;align-items:center;flex:none}
.r-logo img{display:block;width:205px;height:58px;object-fit:contain}
.r-nav{display:flex;align-items:stretch;height:100%;gap:38px}
.r-nav a{display:flex;align-items:center;position:relative;color:#171717;text-decoration:none;text-transform:uppercase;font-size:14px;font-weight:800;letter-spacing:.035em}
.r-nav a:hover,.r-nav a.active{color:var(--red)}
.r-nav a.active:after,.r-nav a:hover:after{content:"";position:absolute;left:0;right:0;bottom:12px;height:3px;background:var(--red)}
.r-nav:hover a.active:not(:hover):after{display:none}
.r-header-contact{margin-left:auto;color:var(--red);font-weight:800;text-decoration:none;white-space:nowrap}
.r-header-contact:before{content:"☎ ";font-size:18px}

.r-btn{min-height:52px;min-width:245px;padding:0 24px;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;border:0;border-radius:4px;text-transform:uppercase;text-decoration:none;font:inherit;font-size:14px;font-weight:900;letter-spacing:.02em;cursor:pointer;transition:.2s}
.r-btn-primary{background:var(--red);color:#fff}
.r-btn-primary:hover{background:var(--red-dark)}

.p-hero{background:var(--black);color:#fff;padding:52px 0 40px}
.p-hero .r-shell{max-width:900px}
.p-kicker{margin:0 0 12px;color:var(--red);text-transform:uppercase;letter-spacing:.11em;font-size:13px;font-weight:900}
.p-hero h1{margin:0;text-transform:uppercase;font-size:clamp(38px,5vw,64px);line-height:.96;letter-spacing:-.03em}
.p-hero p{margin:18px 0 0;color:#d8d8d8;font-size:17px;line-height:1.55;max-width:660px}

.p-sekce{padding:52px 0}
.p-sekce.p-seda{background:#f7f7f7;border-block:1px solid var(--line)}
.p-sekce .r-shell{max-width:1100px}
.p-sekce h2{margin:0;font-size:clamp(26px,3vw,38px);line-height:1.15}
.p-podnadpis{margin:12px 0 0;color:var(--muted);font-size:15px;line-height:1.6;max-width:680px}

/* Dvě roční období vedle sebe — stejně široké i vysoké, šev na jedné svislici. */
.p-sezony{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px;align-items:stretch}
.p-sezona{height:100%;background:#fff;border:1px solid #e1e1e1;border-radius:8px;padding:24px}
.p-sezona h3{margin:0 0 4px;font-size:19px}
.p-sezona small{display:block;color:var(--muted);font-size:13px;margin-bottom:14px}
.p-sezona ol{margin:0;padding-left:20px}
.p-sezona li{margin-bottom:10px;font-size:14.5px;line-height:1.6}
.p-sezona li:last-child{margin-bottom:0}
.p-sezona b{font-weight:800}

/* Co se mění */
.p-dily{list-style:none;margin:26px 0 0;padding:0;border-top:1px solid var(--line)}
.p-dily li{display:grid;grid-template-columns:270px 1fr;gap:20px;padding:15px 0;border-bottom:1px solid var(--line)}
.p-dily strong{font-size:15.5px}
.p-dily span{color:var(--muted);font-size:14px;line-height:1.6}
.p-dily-cta{margin-top:26px}

/* Čím čistit — přepínač typu grilu a nálezy z ceníku */
.p-prepinac{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 20px}
.p-prepinac button{padding:12px 18px;background:#fff;border:1px solid #d8d8d8;border-radius:4px;font:inherit;font-size:14px;font-weight:800;color:var(--ink);cursor:pointer;transition:.15s}
.p-prepinac button:hover{border-color:var(--red);color:var(--red)}
.p-prepinac button[data-vybrano=true]{background:var(--red);border-color:var(--red);color:#fff}
.p-vybrano{margin:0 0 12px;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.p-seznam{list-style:none;margin:0;padding:0;background:#fff;border:1px solid #e1e1e1;border-radius:8px}
.p-seznam li{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:11px 18px;border-bottom:1px solid #f1f1f1;font-size:14.5px}
.p-seznam li:last-child{border-bottom:0}
.p-seznam li>span{flex:1}
.p-seznam b{white-space:nowrap;font-variant-numeric:tabular-nums}
/* Tlačítko je uvnitř řádku, nic nepřesahuje ven ani u posledního. */
.p-do-kosiku{flex:none;padding:8px 14px;background:#fff;border:1px solid #d5d5d5;border-radius:4px;font:inherit;font-size:12.5px;font-weight:800;color:var(--ink);cursor:pointer;transition:.15s;white-space:nowrap}
.p-do-kosiku:hover{background:var(--red);border-color:var(--red);color:#fff}
.p-do-kosiku[data-hotovo=true]{background:#1c7c3f;border-color:#1c7c3f;color:#fff}
.p-pozn{margin:14px 0 0;color:var(--muted);font-size:13.5px;line-height:1.6}
.p-pozn a{color:var(--red);font-weight:700}

.r-footer{background:var(--black);color:#bbb;padding:24px 0}
.r-footer .r-shell{display:flex;gap:25px;align-items:center;flex-wrap:wrap}
.r-footer a{color:#fff;text-decoration:none}
.r-footer a:hover{color:var(--red)}
.r-footer-links{display:flex;gap:20px;margin-left:auto}

@media(max-width:900px){
  .p-sezony{grid-template-columns:1fr}
  .p-dily li{grid-template-columns:1fr;gap:6px}
}
@media(max-width:760px){
  .r-shell{width:min(calc(100% - 30px),var(--shell))}
  .r-header{height:auto}
  .r-header-inner{padding:12px 0;display:grid;grid-template-columns:1fr;gap:6px}
  .r-logo img{width:165px;height:44px}
  .r-nav{height:auto;overflow-x:auto;gap:20px;padding:5px 0}
  .r-nav a{white-space:nowrap;padding-bottom:7px}
  .r-nav a.active:after,.r-nav a:hover:after{bottom:0}
  .r-header-contact{display:none}
  .p-hero{padding:34px 0 28px}
  .p-sekce{padding:34px 0}
  .r-btn{width:100%;min-width:0}
  /* Odkazy v patičce se musí zalomit. Na 390px displeji jsou vedle sebe
     široké 476 px, takže celá stránka šla posunout do strany. */
  .r-footer-links{margin-left:0;flex-wrap:wrap;gap:12px 20px}
}