: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}/* SVISLA OSA STRANKY — jedno misto pro vsechny hlavni bloky.
   Do 29. 8. 2026 si kontakt a uvodni blok tentyz vypocet opisovaly samy,
   takze posunuti snurky by je nechalo stat jinde. Hlida tools/osa-symetrie.js. */
.r-shell,.r-contact,.r-hero-content{width:min(calc(100% - 48px),var(--shell));}
.r-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)}/* Cara je jen jedna a jde za kurzorem: normalne stoji pod otevrenou
   strankou, pri najeti na druhou se presune pod ni. */
.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-hero{min-height:510px;color:#fff;background:#070809 url('assets/weber/vecer-genesis.webp') 72% center/cover no-repeat;position:relative;display:flex;align-items:center}.r-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.75),transparent 120px),linear-gradient(90deg,rgba(0,0,0,.88) 18%,rgba(0,0,0,.5) 52%,rgba(0,0,0,.2));pointer-events:none}.r-hero-content{position:relative;z-index:1;padding-block:48px}.r-kicker,.r-section-kicker{margin:0 0 10px;color:var(--red);text-transform:uppercase;letter-spacing:.11em;font-size:13px;font-weight:900}.r-hero h1{margin:0;text-transform:uppercase;font-size:clamp(52px,6vw,88px);line-height:.93;letter-spacing:-.035em;max-width:660px}.r-hero-lead{max-width:630px;margin:20px 0 24px;font-size:18px;line-height:1.5;color:#e4e4e4}.r-hero-points{list-style:none;padding:0;margin:0 0 25px;display:flex;gap:0}.r-hero-points li{display:flex;align-items:center;gap:12px;min-width:210px;padding-right:28px;margin-right:28px;border-right:1px solid #515151}.r-hero-points li:last-child{border:0}.r-hero-points span{width:45px;height:45px;display:grid;place-items:center;border:2px solid var(--red);border-radius:50%;color:var(--red);font-size:22px}.r-hero-points strong{font-size:14px;line-height:1.35}.r-hero-actions{display:flex;gap: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-radius:4px;text-transform:uppercase;text-decoration:none;font-size:14px;font-weight:900;letter-spacing:.02em;transition:.2s}.r-btn-primary{background:var(--red);color:#fff;border:1px solid var(--red)}.r-btn-primary:hover{background:var(--red-dark)}.r-btn-ghost{color:#fff;border:1px solid #aaa;background:rgba(0,0,0,.3)}.r-btn-ghost:hover{border-color:var(--red);color:#fff}.r-benefits{border-bottom:1px solid var(--line);box-shadow:0 6px 24px rgba(0,0,0,.05)}.r-benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);min-height:104px}.r-benefit-grid article{display:flex;align-items:center;gap:18px;padding:18px 34px;border-right:1px solid var(--line)}.r-benefit-grid article:last-child{border:0}.r-benefit-grid article>span{font-size:34px;color:var(--red)}.r-benefit-grid strong,.r-benefit-grid small{display:block}.r-benefit-grid strong{font-size:15px}.r-benefit-grid small{color:var(--muted);margin-top:5px;font-size:13px}.r-how{padding-block:22px 62px;text-align:center}.r-how h2,.r-catalog h2,.r-contact h2{margin:0;font-size:clamp(30px,3vw,44px);line-height:1.1}.r-how h2:after{content:"";display:block;width:58px;height:3px;background:var(--red);margin:14px auto 40px}.r-steps{display:grid;grid-template-columns:repeat(4,1fr);text-align:left}.r-steps article{min-height:115px;display:grid;grid-template-columns:58px 60px 1fr;align-items:center;padding:0 25px;position:relative;border-right:1px solid var(--line)}.r-steps article:last-child{border:0}.r-steps b{font-size:66px;color:#ededed}.r-steps span{width:48px;height:48px;border:1px solid #ddd;border-radius:50%;display:grid;place-items:center;color:var(--red);font-size:22px}.r-steps strong{font-size:14px;text-transform:uppercase}.r-steps p{font-size:13px;color:var(--muted);line-height:1.45;margin:6px 0 0}.r-catalog{padding:60px 0 72px;background:#f7f7f7}.r-catalog-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:30px}.r-catalog-heading p{margin:10px 0 0;color:var(--muted)}.rental-filter{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.rental-filter button{border:1px solid #d2d2d2;background:#fff;color:var(--ink);border-radius:3px;padding:10px 15px;font:inherit;font-size:13px;font-weight:800;cursor:pointer}.rental-filter button[data-active=true]{background:var(--red);border-color:var(--red);color:#fff}
/* Cervena je vzdycky jen jedna. Kdyz najedu mysi na jiny druh, prevezme ji
   ten pod kurzorem a dosud vybrany zbeli — je hned videt, kam kliknu. */
.rental-filter button:hover{background:var(--red);border-color:var(--red);color:#fff}
.rental-filter:hover button[data-active=true]:not(:hover){background:#fff;border-color:#d2d2d2;color:var(--ink)}
.rental-filter button:focus-visible{outline:2px solid var(--red);outline-offset:2px}.rental-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.rental-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e1e1e1;border-radius:6px;padding:18px;box-shadow:0 8px 25px rgba(0,0,0,.045);transition:.2s}.rental-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(0,0,0,.1)}.rental-card img{width:100%;height:190px;object-fit:contain;margin-bottom:12px}.rental-card h3{font-size:16px;line-height:1.35;margin:0 0 12px;min-height:44px}.rental-price{margin:0 0 10px;display:flex;align-items:baseline;gap:5px;flex-wrap:wrap}.rental-price strong{font-size:24px;color:var(--red)}.rental-price span{font-size:13px;color:var(--muted)}.rental-price em{flex-basis:100%;font-style:normal;color:var(--ink);font-size:13px;font-weight:700}.rental-details{list-style:none;padding:10px 0;margin:0 0 15px;border-top:1px solid #eee;color:var(--muted);font-size:12px;line-height:1.7}.rental-button{margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background:var(--black);color:#fff;text-decoration:none;text-transform:uppercase;font-size:13px;font-weight:900;border-radius:3px}.rental-button:hover{background:var(--red)}.rental-source{margin:24px 0 0;text-align:right;color:var(--muted);font-size:12px}.r-loading,.r-error{text-align:center;padding:35px;color:var(--muted)}.r-contact{min-height:300px;margin-block:55px;display:grid;grid-template-columns:1.05fr .85fr 1.3fr;border:1px solid #ddd;border-radius:8px;overflow:hidden}.r-contact-copy{padding:42px 45px}.r-contact-copy p:not(.r-section-kicker){color:var(--muted);line-height:1.55;max-width:460px}.r-btn-dark{margin-top:12px;color:#fff;background:var(--black);min-width:300px}.r-btn-dark:hover{background:var(--red)}.r-contact-details{border-left:1px solid #ddd;display:flex;flex-direction:column;justify-content:center;gap:28px;padding:35px}.r-contact-details a{display:flex;gap:15px;align-items:center;text-decoration:none;color:var(--ink)}.r-contact-details a>span{font-size:27px}.r-contact-details strong,.r-contact-details small{display:block}.r-contact-details small{color:var(--muted);margin-top:5px}.r-contact-art{background:url('assets/weber/vecer-genesis.webp') 75% center/cover no-repeat;min-height:280px}.r-footer{background:var(--black);color:#bbb;padding:24px 0}.r-footer .r-shell{display:flex;gap:25px;align-items:center}.r-footer strong{color:#fff}.r-footer a{margin-left:auto;color:#fff}.r-footer a:hover{color:var(--red)}
@media(max-width:1100px){.r-nav{gap:18px}.r-nav a{font-size:12px}.r-header-contact{display:none}.r-benefit-grid{grid-template-columns:1fr 1fr}.r-benefit-grid article:nth-child(2){border-right:0}.r-steps{grid-template-columns:1fr 1fr;gap:24px}.r-steps article:nth-child(2){border-right:0}.rental-grid{grid-template-columns:repeat(3,1fr)}.r-contact{grid-template-columns:1fr 1fr}.r-contact-art{display:none}}
@media(max-width:760px){.r-shell,.r-contact{width:min(calc(100% - 30px),var(--shell))}.r-header{height:auto}.r-header-inner{padding:12px 0;display:grid;grid-template-columns:1fr}.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-hero{min-height:660px;background-position:62% center;align-items:flex-start}.r-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.7) 58%,rgba(0,0,0,.18) 100%)}.r-hero-content{padding-top:42px}.r-hero h1{font-size:50px}.r-hero-lead{font-size:16px;max-width:95%}.r-hero-points{display:grid;grid-template-columns:1fr 1fr;gap:12px}.r-hero-points li{min-width:0;border:0;margin:0;padding:0}.r-hero-points li:last-child{grid-column:1/-1}.r-hero-actions{display:grid}.r-btn{min-width:0;width:100%}.r-benefit-grid{grid-template-columns:1fr}.r-benefit-grid article{border-right:0;border-bottom:1px solid var(--line);padding-inline:12px}.r-steps{grid-template-columns:1fr}.r-steps article{border-right:0;border-bottom:1px solid var(--line);padding:8px 0}.r-catalog-heading{display:block}.rental-filter{justify-content:flex-start;margin-top:24px}.rental-grid{grid-template-columns:1fr 1fr}.r-contact{grid-template-columns:1fr;margin-block:25px}.r-contact-copy,.r-contact-details{padding:30px 24px}.r-contact-details{border-left:0;border-top:1px solid #ddd}.r-footer .r-shell{align-items:flex-start;flex-direction:column}.r-footer a{margin-left:0}}
@media(max-width:500px){.rental-grid{grid-template-columns:1fr}.rental-card img{height:210px}.r-hero h1{font-size:43px}.r-contact-copy h2{font-size:34px}}

/* Devet grilu se na sirokem monitoru sklada do tri plnych rad po trech. */
@media(min-width:1201px){
  .rental-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
  .rental-card{min-width:0;padding:18px}
  .rental-card img{height:190px}
}
@media(min-width:901px) and (max-width:1200px){
  .rental-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(min-width:761px) and (max-width:900px){
  .rental-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Spodni kontaktni banner pujcovny. Znacka je Grilcentrum Weber, nikoli Store Praha. */
.r-contact{min-height:0;margin:54px auto;border:0;border-radius:12px;background:#080909;color:#fff;overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.2)}
.r-contact-main{display:grid;grid-template-columns:1.05fr .72fr 1.25fr;min-height:430px;background:linear-gradient(105deg,#050606 0%,#0a0b0c 47%,transparent 69%)}
.r-contact-copy{position:relative;z-index:2;padding:46px 44px 28px}
.r-contact-copy .r-section-kicker{color:var(--red);letter-spacing:.28em;margin-bottom:16px}
.r-contact-copy h2{font-size:clamp(48px,4.4vw,72px);line-height:.9;text-transform:uppercase;letter-spacing:-.025em}
.r-contact-copy h2 em{color:var(--red);font-style:normal}
.r-contact-copy p:not(.r-section-kicker){max-width:440px;margin:24px 0 26px;color:#d2d2d2;font-size:16px;line-height:1.55}
.r-btn-contact{max-width:390px;background:linear-gradient(90deg,var(--red),#a72d25);color:#fff;border:1px solid #df5a4f}
.r-btn-contact svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7}
.r-btn-contact strong{margin-right:auto}
.r-contact-trust{display:flex;list-style:none;padding:24px 0 0;margin:0;gap:22px}
.r-contact-trust li{display:flex;align-items:center;gap:8px;color:#eee;font-size:12px;font-weight:800;text-transform:uppercase;line-height:1.3}
.r-contact-trust b{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--red);border-radius:50%;color:var(--red);font-size:16px}
.r-contact-trust small{color:#8f8f8f;font-size:12px;font-weight:500;text-transform:none}
.r-contact-details{position:relative;z-index:2;border:0;border-left:1px solid #333;padding:52px 28px;gap:0;background:linear-gradient(100deg,rgba(19,20,21,.98),rgba(26,27,28,.9))}
.r-contact-details a{padding:20px 0;border-bottom:1px solid #3a3a3a;color:#fff}
.r-contact-details a:last-child{border-bottom:0}
.r-contact-details a>span{width:48px;height:48px;border:1px solid var(--red);border-radius:50%;color:#fff}
.r-contact-details a>span svg{width:23px;height:23px}
.r-contact-details strong{font-size:17px}
.r-contact-details small{color:#aaa;line-height:1.45}
.r-contact-art{display:block;min-height:430px;background:url('assets/weber/vecer-genesis.webp') 63% center/cover no-repeat;position:relative}
.r-contact-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,21,22,.95),transparent 32%)}
.r-contact-brand{min-height:86px;display:grid;grid-template-columns:1fr .7fr 1fr;align-items:center;gap:28px;padding:18px 42px;border-top:1px solid #292929;background:linear-gradient(90deg,#131415,#0a0b0b)}
.r-contact-brand>div:first-child{display:flex;flex-direction:column}.r-contact-brand strong{font-size:17px;text-transform:uppercase}.r-contact-brand span{color:#aaa;font-size:12px;margin-top:5px}
.r-contact-brand>p{margin:0;padding-inline:30px;border-inline:1px solid #373737;color:var(--red);font-size:19px;font-style:italic;text-align:center}
.r-contact-brand-name{display:flex;align-items:center;justify-content:flex-end;gap:18px}.r-contact-brand-name>span{margin:0;padding:8px 13px;border:1px solid #ddd;border-radius:3px;color:#fff;font-size:20px;font-weight:900;letter-spacing:.08em}.r-contact-brand-name>strong{font-size:18px}
@media(max-width:1100px){.r-contact-main{grid-template-columns:1fr 1fr}.r-contact-art{grid-column:1/-1;min-height:300px;background-position:center 58%}.r-contact-brand{grid-template-columns:1fr 1fr}.r-contact-brand>p{display:none}.r-contact-brand-name{justify-content:flex-end}}
@media(max-width:760px){.r-contact{margin-block:30px}.r-contact-main{grid-template-columns:1fr}.r-contact-copy{padding:34px 24px 22px}.r-contact-copy h2{font-size:46px}.r-contact-trust{flex-direction:column;gap:10px}.r-contact-details{border-left:0;border-top:1px solid #333;padding:20px 24px}.r-contact-art{grid-column:auto;min-height:245px}.r-contact-brand{grid-template-columns:1fr;padding:22px 24px}.r-contact-brand-name{justify-content:flex-start}.r-contact-brand-name>strong{font-size:15px}}

/* Kreslené ikony místo znaků z písma. Velikost se řídí písmem okolo,
   barvu berou z rodiče (currentColor), takže stačí obarvit obal. */
.r-hero-points span svg,.r-benefit-grid article>span svg,.r-steps span svg,.r-contact-details a>span svg{width:1em;height:1em;display:block}
.r-hero-points span svg{width:22px;height:22px}
.r-benefit-grid article>span{display:grid;place-items:center;width:38px;height:38px;flex:none}
.r-benefit-grid article>span svg{width:30px;height:30px}
.r-steps span svg{width:22px;height:22px}
.r-contact-details a>span{display:grid;place-items:center;width:34px;height:34px;flex:none;color:var(--red)}
.r-contact-details a>span svg{width:26px;height:26px}

/* Spodní pruh z návrhu — shrnutí nabídky jednou řádkou, ať zákazník po
   projití katalogu ví, na jak dlouho si gril může vzít a co k tomu patří. */

/* Finální půjčovna: nový hero obsahuje pouze grily a nechává vlevo čistý
   prostor pro ostrý HTML text. */
.r-hero{background-image:url('assets/weber/vecer-genesis.webp')}
.r-contact-art{background-image:url('assets/weber/vecer-genesis.webp')}

/* Klidnější profesionální hero: kratší sdělení, více prostoru kolem textu
   a jasná hierarchie místo nadpisu přes celou fotografii. */
.r-hero{min-height:470px;align-items:flex-start;background-position:right -50px;background-size:auto 100%;background-repeat:no-repeat;background-color:#050607}
.r-hero:after{background:linear-gradient(90deg,rgba(0,0,0,.96) 0%,rgba(0,0,0,.84) 36%,rgba(0,0,0,.25) 66%,transparent 82%)}
.r-hero-content{padding-block:26px 38px}
.r-hero h1{max-width:790px;font-size:clamp(50px,5vw,74px);line-height:.98;letter-spacing:-.03em}
.r-hero-lead{max-width:680px;margin:18px 0 24px;font-size:17px;line-height:1.5}
.r-hero-lead strong{display:block;margin-top:7px;color:#fff;font-weight:800}
.r-hero-points{margin-bottom:24px}
.r-hero-actions .r-btn{min-width:260px;min-height:54px}

/* Fotografie pokračuje pod horní navigací. Světlý panel zůstává čitelný,
   ale už nepůsobí jako oddělený prázdný pruh nad bannerem. */
@media(min-width:761px){
  .r-header{background:rgba(5,7,8,.24);border-bottom-color:rgba(255,255,255,.2);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
  .r-nav a{color:#fff;text-shadow:0 1px 5px rgba(0,0,0,.7)}
  .r-nav a:hover,.r-nav a.active{color:#fff}
  .r-header-contact{text-shadow:0 1px 5px rgba(0,0,0,.7)}
  .r-hero{margin-top:-82px;min-height:552px;padding-top:82px}
}

.r-steps{grid-template-columns:repeat(5,1fr)}
.r-steps article{grid-template-columns:46px 52px 1fr;padding-inline:16px}
.r-steps b{font-size:58px}
@media(max-width:1100px){.r-steps{grid-template-columns:1fr 1fr}.r-steps article:nth-child(2){border-right:0}.r-steps article:nth-child(4){border-right:0}}
@media(max-width:760px){.r-hero{min-height:650px;background-position:70% center;background-size:cover}.r-hero-content{padding-top:30px}.r-hero h1{font-size:clamp(40px,12vw,54px);max-width:540px}.r-hero-lead{font-size:15px;max-width:96%}.r-steps{grid-template-columns:1fr}.r-steps article{border-right:0}}

/* Bílý pruh překrývá spodní prostor vzniklý posunem fotografie o 50 px. */
@media(min-width:761px){.r-benefits{position:relative;z-index:2;margin-top:-50px;background:#fff}}

/* Nadpis postupu je vrácený na předchozí rozestup. */
.r-how{padding-block:22px 62px}
.r-how h2:after{margin:14px auto 40px}

/* Katalog začíná bez pomocného červeného nadpisu a těsněji navazuje. */
.r-catalog{padding-top:22px}

/* Kontaktni ikony musi mit v novem tmavem banneru jednotny kruhovy ramecek. */
.r-contact .r-contact-details a>span{width:48px;height:48px;border:1px solid var(--red);border-radius:50%;color:#fff}
.r-contact .r-contact-details a>span svg{width:23px;height:23px}

/* Oprava skladby kontaktu: puvodni .r-contact byla sama grid, coz novy banner
   rozdelilo podruhe, skrylo fotografii a zbytecne zvysilo celou sekci. */
.r-contact{display:block;grid-template-columns:none;min-height:0}
.r-contact-main{grid-template-columns:1.02fr .68fr 1.18fr;min-height:370px}
.r-contact-copy{padding:34px 38px 22px}
.r-contact-copy .r-section-kicker{margin-bottom:11px}
.r-contact-copy h2{font-size:clamp(42px,3.4vw,58px);line-height:.91}
.r-contact-copy p:not(.r-section-kicker){margin:18px 0 20px;font-size:14px;line-height:1.5}
.r-btn-contact{min-height:48px;max-width:350px}
.r-contact-trust{padding-top:18px;gap:16px}
.r-contact-details{padding:30px 24px}
.r-contact-details a{padding:16px 0}
.r-contact-art{min-height:370px;background-position:62% 54%}
.r-contact-brand{min-height:72px;padding:13px 34px}
@media(max-width:1100px){.r-contact{display:block}.r-contact-main{grid-template-columns:1fr 1fr}.r-contact-art{min-height:280px}}
@media(max-width:760px){.r-contact-main{grid-template-columns:1fr}.r-contact-art{min-height:230px}.r-contact-copy h2{font-size:42px}}

/* Informacni pruh ma tesne navazovat na katalog, bez velke prazdne plochy. */
.r-catalog{padding-bottom:18px}

/* Kontakt podle finalni predlohy: nizky jednolity banner, tri jasne casti a
   jedina znacka Grilcentrum Weber ve spodni lince. */
.r-contact{border-radius:0;background:#050606;box-shadow:0 14px 35px rgba(0,0,0,.16)}
.r-contact-main{grid-template-columns:1.02fr .92fr 1.35fr;min-height:350px;background:#070808}
.r-contact-copy{padding:38px 36px 28px}
.r-contact-copy h2{font-size:clamp(38px,3vw,52px);line-height:1;color:#fff;text-transform:none;letter-spacing:-.03em}
.r-contact-copy p:not(.r-section-kicker){max-width:475px;margin:26px 0 24px;color:#d0d0d0;font-size:15px;line-height:1.65}
.r-btn-contact{max-width:420px;min-height:58px;border-radius:5px;box-shadow:0 0 22px rgba(201,62,50,.28)}
.r-contact-details{padding:28px 32px;background:linear-gradient(105deg,#101112,#161718);border-left:1px solid #333}
.r-contact-details a{min-height:94px;padding:18px 0}
.r-contact-details strong{font-size:18px}
.r-contact-details small{font-size:13px}
.r-contact-art{min-height:350px;background-image:url('assets/weber/detail-genesis.webp');background-position:62% center;background-size:cover}
.r-contact-art:after{background:linear-gradient(90deg,rgba(20,21,22,.92),rgba(20,21,22,.2) 22%,transparent 46%)}
.r-contact-brand{min-height:54px;display:flex;justify-content:center;align-items:center;gap:20px;padding:0 36px;background:#050606;border-top:1px solid #333}
.r-contact-brand span{display:block;width:90px;height:1px;background:var(--red);margin:0}
.r-contact-brand strong{color:#ddd;font-size:12px;letter-spacing:.32em;white-space:nowrap}
.r-contact-brand strong em{color:var(--red);font-style:normal}
@media(max-width:1100px){.r-contact-main{grid-template-columns:1fr 1fr}.r-contact-art{min-height:290px;background-position:center 56%}.r-contact-brand{display:flex}}
@media(max-width:760px){.r-contact-main{grid-template-columns:1fr}.r-contact-copy{padding:32px 24px}.r-contact-copy h2{font-size:38px}.r-contact-details{padding:16px 24px}.r-contact-art{min-height:240px}.r-contact-brand{padding-inline:20px}.r-contact-brand span{width:35px}.r-contact-brand strong{font-size:12px;letter-spacing:.2em}}

/* Spodní kontaktní banner používá přímo schválený podklad weber1. */







@media(max-width:760px){}

/* Karty nabídky podle schváleného návrhu weber2. */
.rental-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.rental-card{padding:10px;border:1px solid #dedede;border-radius:12px;box-shadow:0 10px 32px rgba(0,0,0,.07);overflow:hidden}
.rental-card:hover{transform:translateY(-5px);border-color:#d9473b;box-shadow:0 18px 38px rgba(0,0,0,.12)}
.rental-card-image{position:relative;height:300px;border-radius:8px;overflow:hidden;background:linear-gradient(145deg,#fafafa,#f0f0f0)}
.rental-card-image img{width:100%;height:100%;margin:0;padding:20px;object-fit:contain;transition:transform .3s ease}
.rental-card:hover .rental-card-image img{transform:scale(1.035)}
.rental-badge{position:absolute;z-index:1;left:14px;top:14px;padding:9px 14px;border-radius:4px;background:#d9362e;color:#fff;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.025em;box-shadow:0 5px 14px rgba(201,62,50,.24)}
.rental-card h3{margin:15px 14px 7px;min-height:0;font-size:25px;line-height:1.12;text-transform:uppercase;letter-spacing:-.02em}
.rental-description{min-height:0;margin:0 14px 12px;color:#4e4e4e;font-size:13px;line-height:1.45}
.rental-price-panel{display:grid;grid-template-columns:1.12fr 1fr 1fr;margin:0 8px 14px;border:1px solid #ddd;border-radius:7px;overflow:hidden}
.rental-price-panel>span{min-width:0;padding:11px 10px;text-align:center;border-left:1px solid #ddd}
.rental-price-panel>span:first-child{border:0;background:linear-gradient(120deg,#ed1d26,#ed1d26);color:#fff;text-align:left;padding-left:18px}
.rental-price-panel small,.rental-price-panel strong,.rental-price-panel em{display:block;font-style:normal}
.rental-price-panel small{font-size:12px;text-transform:uppercase}
.rental-price-panel strong{font-size:17px;line-height:1.2;white-space:nowrap}
.rental-price-panel>span:first-child strong{font-size:22px}
.rental-price-panel em{font-size:12px}
.rental-details{display:grid;grid-template-columns:repeat(4,1fr);padding:0;margin:0 8px 14px;border:0;color:#222;line-height:1.25}
.rental-details li{min-width:0;padding:6px 7px;text-align:center;border-left:1px solid #e3e3e3}
.rental-details li:first-child{border-left:0}
.rental-details strong,.rental-details span{display:block}
.rental-details strong{font-size:12px}
.rental-details span{margin-top:4px;color:#5f5f5f;font-size:12px}
.rental-button{margin:auto 8px 8px;min-height:45px;justify-content:center;position:relative;border-radius:5px;background:linear-gradient(90deg,#ed1d26,#ed1d26);font-size:13px}
.rental-button span{position:absolute;right:18px;font-size:20px}
.rental-button:hover{background:#090a0b}
@media(max-width:1100px){.rental-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rental-card-image{height:280px}}
@media(max-width:700px){.rental-grid{grid-template-columns:1fr}.rental-card-image{height:270px}.rental-card h3{font-size:22px}.rental-description{min-height:0}.rental-price-panel>span{padding-inline:6px}.rental-price-panel>span:first-child{padding-left:12px}.rental-price-panel strong{font-size:14px}.rental-price-panel>span:first-child strong{font-size:19px}}

/* Čistší a přesně zarovnané provedení produktových karet. */
.rental-card{border-color:#e1e1e1;border-radius:10px;background:#fff}
.rental-card-image{height:280px;border-radius:5px;background:#fff;border:1px solid #f0f0f0}
.rental-card-image img{padding:14px;background:#fff;image-rendering:auto}
.rental-badge{left:12px;top:12px;padding:7px 10px;border:1px solid #d8d8d8;border-radius:3px;background:rgba(255,255,255,.94);color:#242424;font-size:12px;letter-spacing:.04em;box-shadow:0 3px 10px rgba(0,0,0,.08);transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}
.rental-card:hover .rental-badge{border-color:var(--red);background:var(--red);color:#fff;box-shadow:0 5px 14px rgba(201,62,50,.25)}
.rental-card h3{display:flex;align-items:flex-start;min-height:34px;margin-bottom:5px;font-size:24px}
.rental-description{min-height:38px;margin-bottom:12px}
.rental-price-panel{min-height:76px}
.rental-price-panel>span{display:flex;flex-direction:column;justify-content:center}
.rental-details{min-height:58px;align-items:stretch}
.rental-details li{display:flex;flex-direction:column;justify-content:center}
@media(max-width:1100px){.rental-card-image{height:260px}}
@media(max-width:700px){.rental-card-image{height:250px}.rental-card h3{min-height:0}.rental-description{min-height:0}.rental-details{min-height:0}}
.rental-details li b{display:block;margin-bottom:4px;font-size:17px;line-height:1;color:var(--red)}.rental-details li strong{display:block;font-size:13px;line-height:1.2;color:#151515}.rental-details li span{display:block;margin-top:2px;font-size:12px;line-height:1.25;color:var(--muted)}.rental-details{min-height:86px;align-items:stretch;margin:2px 6px 14px;border-top:1px solid #ececec;border-bottom:1px solid #ececec;padding:10px 0}.rental-details li{padding:2px 6px}
.rental-price-panel>span:first-child{position:relative;z-index:1;margin-right:-18px;padding-right:30px;clip-path:polygon(0 0,100% 0,calc(100% - 18px) 100%,0 100%)}.rental-price-panel>span:nth-child(2){padding-left:22px}

/* Spodní informační pruh je součástí hero banneru. Leží tedy opravdu
   nad stejnou fotografií jako horní navigace a používá i stejné krytí a blur. */
@media(min-width:761px){
  .r-hero{display:flex;flex-direction:column;align-items:stretch;padding-bottom:0;overflow:hidden;background-size:auto calc(100% + 50px)}
  .r-hero-content{flex:1}
  .r-benefits{position:relative;z-index:3;flex:none;width:100%;margin:0;background:rgba(5,7,8,.24);border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.16);color:#fff;box-shadow:0 -8px 26px rgba(0,0,0,.1);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
  .r-benefit-grid article{border-right-color:rgba(255,255,255,.18)}
  .r-benefit-grid small{color:#d2d2d2}
}
@media(max-width:760px){.r-hero{display:block}.r-benefits{position:relative;z-index:3;margin-top:0;background:rgba(5,7,8,.24);color:#fff;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.r-benefit-grid article{border-bottom-color:rgba(255,255,255,.18)}.r-benefit-grid small{color:#c8c8c8}}

/* Ostrý kontaktní banner nad rozostřeným pokračováním stejné fotografie. */
.r-contact-stage{position:relative}

.r-contact-stage:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(7,12,8,.2),transparent 22%,transparent 78%,rgba(7,12,8,.24))}

/* Podklad obsahuje vlastni bily okraj. Fotku zvetsime o 6 %, aby se tento
   vnitrni ramecek schoval pod hranou banneru a zustal jen jeden celek. */

@media(max-width:760px){.r-contact-stage{padding:36px 0 40px}}

/* Název a určení grilu tvoří jeden horní pás. Šikmina je součástí názvu,
   takže na kartě už nepůsobí jako dodatečně přilepený štítek. */
.rental-card-heading{display:grid;grid-template-columns:minmax(0,1.38fr) minmax(118px,.62fr);width:100%;min-height:42px;margin:0 0 9px;border:1px solid #dcdcdc;border-radius:7px;overflow:hidden;background:#f3f3f3}
.rental-card-heading h3{position:relative;z-index:1;display:flex;align-items:center;min-width:0;min-height:42px;margin:0 -14px 0 0;padding:6px 27px 6px 13px;background:#171717;color:#fff;clip-path:polygon(0 0,100% 0,calc(100% - 14px) 100%,0 100%);font-size:clamp(14px,.95vw,17px);line-height:1.05;text-transform:uppercase;letter-spacing:-.015em;transition:background-color .22s ease}
.rental-card-type{display:flex;align-items:center;justify-content:center;min-width:0;min-height:42px;padding:5px 9px 5px 20px;color:#292929;font-size:12px;line-height:1.05;font-weight:900;text-align:center;text-transform:uppercase;letter-spacing:.03em}
.rental-card:hover .rental-card-heading h3{background:var(--red)}
.rental-card-image{border-radius:7px}
.rental-description{margin-top:12px}
@media(max-width:1100px){.rental-card-heading{grid-template-columns:minmax(0,1.32fr) minmax(112px,.68fr)}.rental-card-heading h3{font-size:14px}.rental-card-type{font-size:12px}}
@media(max-width:700px){.rental-card-heading{grid-template-columns:minmax(0,1.28fr) minmax(110px,.72fr);min-height:44px}.rental-card-heading h3{min-height:44px;font-size:14px}.rental-card-type{min-height:44px;font-size:12px}}

/* Stejná patička jako na webu náhradních dílů. */
.r-footer{border-top:3px solid var(--red);background:var(--black);color:rgba(255,255,255,.65);padding:clamp(.7rem,2vh,1.4rem) 0;font-size:1rem}
.r-footer .r-shell.r-footer-grid{display:grid;grid-template-columns:max-content auto minmax(190px,.65fr);gap:clamp(1rem,3vw,3rem);align-items:center}
.r-footer-brand{margin:0;color:#fff;font-weight:800;letter-spacing:.16em;text-transform:uppercase;font-size:.92rem;white-space:nowrap}
.r-footer-brand span{color:var(--red)}
.r-footer-links{display:flex;gap:.65rem;align-items:center}
.r-footer .r-footer-links a{margin-left:0;border:1px solid rgba(255,255,255,.28);border-radius:6px;padding:.65rem .9rem;color:#fff;font-size:1rem;font-weight:800;text-decoration:none;white-space:nowrap;transition:border-color .18s ease,background-color .18s ease}
.r-footer .r-footer-links a:hover{border-color:var(--red);background:var(--red);color:#fff}
.r-footer-author{display:flex;align-items:center;justify-content:flex-end;gap:.7rem}
.r-footer-author>span{font-size:.8rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.r-footer-author-logo{display:block;width:auto;height:52px;max-width:100%;object-fit:contain}
@media(max-width:1250px){.r-footer .r-shell.r-footer-grid{grid-template-columns:minmax(0,1fr) auto auto;gap:clamp(.75rem,1.5vw,1.25rem)}.r-footer-brand{grid-column:auto;font-size:.78rem;letter-spacing:.12em}.r-footer-links{flex-wrap:nowrap;gap:.5rem}.r-footer .r-footer-links a{padding:.55rem .7rem;font-size:.85rem}.r-footer-author{min-width:0}.r-footer-author>span{font-size:.72rem}.r-footer-author-logo{height:46px}}
@media(max-width:850px){.r-footer .r-shell.r-footer-grid{display:grid;grid-template-columns:1fr;align-items:start}.r-footer-brand{grid-column:auto;white-space:normal}.r-footer-links{flex-wrap:wrap}.r-footer-author{justify-content:flex-end}}

/* Úvodní okénka na kartě: podmínky zapůjčení místo techniky (23. 9. 2026).
   Ikona je kresba ze symbolů stránky, proto potřebuje rozměr — <svg> bez
   něj vyroste do výchozích 300 × 150 a rozhodí celou mřížku karet. */
.rental-details li b svg{display:block;width:19px;height:19px;margin:0 auto}
/* Okénka se zarovnávají odshora, ne na střed: popisek „doprava po Praze
   tam i zpět" je na dva řádky, „mytí grilu" na jeden — při centrování by
   částky v jednom pruhu stály každá jinde a pruh by vypadal rozsypaně. */
.rental-details li{justify-content:flex-start}

/* Co je v ceně. Výška je pevná, aby karty vedle sebe držely řádky i tam,
   kde je věta o plynové lahvi delší než u kotlových grilů. */
.rental-equipment{min-height:52px;margin:0 8px 12px;color:#5f5f5f;font-size:12px;line-height:1.45}

/* Technické parametry zabalené uvnitř karty. Zavřené rozbalení má u všech
   karet stejnou výšku, takže tlačítko zůstane na stejné lince. */
.rental-tech{margin:0 8px 14px;border:1px solid #ececec;border-radius:6px;background:#fafafa}
.rental-tech>summary{display:flex;align-items:center;justify-content:space-between;min-height:38px;padding:9px 12px;cursor:pointer;font-size:13px;font-weight:700;color:#151515;list-style:none}
.rental-tech>summary::-webkit-details-marker{display:none}
.rental-tech>summary::after{content:"+";font-size:18px;line-height:1;color:var(--red)}
.rental-tech[open]>summary::after{content:"–"}
.rental-tech>summary:hover{color:var(--red)}
.rental-tech>summary:focus-visible{outline:2px solid var(--red);outline-offset:2px}
.rental-tech dl{display:grid;grid-template-columns:auto 1fr;gap:5px 12px;margin:0;padding:4px 12px 12px;border-top:1px solid #ececec;font-size:12px;line-height:1.4}
.rental-tech dt{color:var(--muted)}
.rental-tech dd{margin:0;color:#151515;text-align:right}
@media(max-width:700px){.rental-equipment{min-height:0}}

/* Délka pronájmu — společný přepínač nad nabídkou (23. 9. 2026).

   Sedm voleb od jednoho dne po sezónu. Nesmí vypadat jako druhý filtr
   druhu grilu hned nad ním, proto má popisek a vlastní pruh s podkladem. */
.rental-length-row{display:flex;align-items:center;flex-wrap:wrap;gap:14px 18px;margin:0 0 18px;padding:14px 18px;border:1px solid #ececec;border-radius:8px;background:#fafafa}
.rental-length-label{margin:0;font-size:14px;font-weight:800;color:#151515}
.rental-length{display:flex;flex-wrap:wrap;gap:8px}
.rental-length button{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:44px;padding:6px 16px;border:1px solid #dcdcdc;border-radius:5px;background:#fff;color:#151515;font:inherit;font-size:14px;font-weight:700;line-height:1.15;cursor:pointer;transition:.15s}
.rental-length button small{margin-top:2px;font-size:11px;font-weight:600;color:var(--muted);text-transform:lowercase}
.rental-length button:hover{border-color:var(--red);color:var(--red)}
.rental-length button:hover small{color:var(--red)}
.rental-length button[data-active="true"]{border-color:var(--red);background:var(--red);color:#fff}
.rental-length button[data-active="true"] small{color:#ffe0dd}
.rental-length button:focus-visible{outline:2px solid var(--red);outline-offset:2px}

/* Vysvětlivka se ukazuje jen u dlouhodobých délek — viz pujcovna.js. */
.rental-long-note{margin:-6px 0 18px;padding:12px 18px;border-left:3px solid var(--red);background:#fdf4f3;color:#4e4e4e;font-size:13px;line-height:1.55}
.rental-long-note a{color:var(--red);font-weight:800;text-decoration:none;white-space:nowrap}
.rental-long-note a:hover{text-decoration:underline}

/* Při dlouhodobém tarifu nese červené okénko delší popis („3 měsíce"
   místo „Od"), takže potřebuje víc místa než u denní sazby. */
.rental-price-panel[data-dlouhodoby="true"]{grid-template-columns:1.32fr 1fr 1fr}
.rental-price-panel[data-dlouhodoby="true"]>span:first-child strong{font-size:20px}

/* Uvedení dlouhodobého pronájmu nad nabídkou. Čísla tu schválně nejsou —
   ceník má vlastní stránku a dvě místa s cenami by se rozešla. */
.r-longterm{margin-block:10px 44px}
.r-longterm-inner{display:grid;grid-template-columns:1.15fr 1fr;gap:38px;align-items:center;padding:34px 38px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(120deg,#fafafa,#fff)}
.r-longterm-copy h2{margin:0 0 12px;font-size:34px;line-height:1.1;letter-spacing:-.02em}
.r-longterm-copy p{margin:0 0 20px;max-width:520px;color:#4e4e4e;font-size:15px;line-height:1.6}
.r-longterm-points{list-style:none;display:grid;gap:14px;margin:0;padding:0}
.r-longterm-points li{display:flex;align-items:center;gap:14px}
.r-longterm-points li>span{flex:none;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--red)}
.r-longterm-points svg{width:22px;height:22px}
.r-longterm-points strong{display:block;font-size:15px}
.r-longterm-points small{display:block;margin-top:2px;color:var(--muted);font-size:13px}

@media(max-width:900px){
  .r-longterm-inner{grid-template-columns:1fr;gap:26px;padding:26px 22px}
  .r-longterm-copy h2{font-size:28px}
  .rental-length-row{flex-direction:column;align-items:flex-start;gap:10px}
  .rental-length button{padding-inline:12px;font-size:13px}
  .rental-long-note a{white-space:normal}
}

/* Okno objednávky pronájmu (23. 9. 2026). Staví ho pujcovna-objednavka.js.

   Tlačítko na kartě je teď <button>, ne odkaz — prohlížeč mu sám nedá
   šířku ani písmo stránky, proto se to dopisuje. */
button.rental-button{width:calc(100% - 16px);border:0;font-family:inherit;color:#fff;text-transform:uppercase;letter-spacing:.02em;cursor:pointer}
button.rental-button:hover{background:#090a0b}

.po-dialog{width:min(560px,calc(100% - 28px));max-height:calc(100vh - 40px);padding:0;border:0;border-radius:10px;box-shadow:0 24px 60px rgba(0,0,0,.28)}
.po-dialog::backdrop{background:rgba(8,10,11,.5)}
.po-form{display:grid;gap:16px;padding:0 24px 24px;max-height:calc(100vh - 40px);overflow-y:auto}

/* Hlavička zůstává vidět i při odrolování dlouhého formuláře, aby bylo
   pořád jasné, co se vyplňuje, a dalo se zavřít bez rolování nahoru. */
.po-hlava{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 -24px;padding:18px 24px 14px;background:#fff;border-bottom:1px solid #ececec}
.po-hlava h2{margin:0;font-size:21px;line-height:1.2}
.po-zavrit{width:36px;height:36px;border:0;border-radius:6px;background:#f4f4f4;color:#151515;font-size:22px;line-height:1;cursor:pointer}
.po-zavrit:hover{background:var(--red);color:#fff}

.po-shrnuti{padding:16px 18px;border:1px solid #ececec;border-radius:8px;background:#fafafa}
.po-gril{display:block;margin-bottom:10px;font-size:18px;line-height:1.2;text-transform:uppercase;letter-spacing:-.01em}
.po-radky{display:grid;grid-template-columns:auto 1fr;gap:5px 14px;margin:0;font-size:14px}
.po-radky dt{color:var(--muted)}
.po-radky dd{margin:0;text-align:right;font-weight:700}
.po-nezavazne{margin:12px 0 0;padding-top:12px;border-top:1px solid #ececec;color:#5b5b5b;font-size:12px;line-height:1.55}

.po-mrizka{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.po-pole{display:grid;gap:5px}
/* Skrytí musí přebít display z pravidel výše. Bez tohohle řádku zůstalo
   pole pro adresu na obrazovce i u osobního vyzvednutí. */
.po-form [hidden]{display:none}
.po-popis{font-size:13px;font-weight:700}
.po-pole input,.po-pole textarea{min-height:44px;padding:10px 12px;border:1px solid #dcdcdc;border-radius:6px;font:inherit;font-size:15px;color:var(--ink);background:#fff}
.po-pole textarea{min-height:76px;resize:vertical}
.po-pole input:focus,.po-pole textarea:focus{outline:2px solid var(--red);outline-offset:1px;border-color:var(--red)}
.po-napoveda{color:var(--muted);font-size:12px}

.po-doprava{display:grid;gap:8px;margin:0;padding:0;border:0}
.po-volba{display:flex;align-items:flex-start;gap:10px;min-height:44px;padding:10px 12px;border:1px solid #dcdcdc;border-radius:6px;cursor:pointer}
.po-volba:hover{border-color:var(--red)}
.po-volba input{margin-top:3px;accent-color:var(--red)}
.po-volba-text strong{display:block;font-size:14px}
.po-volba-text small{display:block;margin-top:2px;color:var(--muted);font-size:12px}
/* Zvolená možnost musí být vidět i bez soustředění na malý puntík. */
.po-volba:has(input:checked){border-color:var(--red);background:#fdf4f3}

.po-zaskrtnuti{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.45;cursor:pointer}
.po-zaskrtnuti input{margin-top:2px;width:18px;height:18px;accent-color:var(--red)}
.po-zaskrtnuti a{color:var(--red);font-weight:700}

/* Past na roboty. Nesmí zmizet přes display:none — některé vyplňovače to
   poznají a políčko přeskočí. Takhle je z obrazovky pryč, ale pořád tam je. */
.po-past{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}

.po-hlaska{margin:0;padding:11px 13px;border-radius:6px;background:#f4f4f4;font-size:14px;line-height:1.5}
.po-hlaska.je-chyba{background:#fdf0ef;color:var(--red-dark)}
.po-hlaska.je-hotovo{background:#eef7ee;color:#1c6b2e}

.po-tlacitka{display:flex;justify-content:flex-end;gap:10px}
.po-tlacitka button{min-height:46px;padding:0 20px;border-radius:6px;font:inherit;font-size:14px;font-weight:800;cursor:pointer}
.po-zpet{border:1px solid #dcdcdc;background:#fff;color:var(--ink)}
.po-zpet:hover{border-color:#151515}
.po-odeslat{border:0;background:var(--red);color:#fff;text-transform:uppercase;letter-spacing:.02em}
.po-odeslat:hover{background:#090a0b}
.po-odeslat:disabled{background:#bdbdbd;cursor:default}

@media(max-width:560px){
  .po-mrizka{grid-template-columns:1fr}
  .po-tlacitka{display:grid}
  .po-dialog{width:calc(100% - 20px)}
}

/* Hláška pod polem IČO při hledání firmy v rejstříku. */
.po-ico-stav{display:block;margin-top:3px;line-height:1.4}
.po-ico-stav.je-chyba{color:var(--red-dark)}
.po-ico-stav.je-hotovo{color:#1c6b2e}

/* Kontakt v patičce půjčovny: jeden telefon a jeden e-mail, proto na střed —
   po zkrácení by sloupec zarovnaný doleva zel prázdnotou. */
.pg-kontakt-stred{text-align:center}
.pg-kontakt-stred ul{display:inline-block;text-align:left}

/* Kontakty v bloku „Potřebujete poradit?" vedle sebe v jedné řadě
   (Roman 24. 9. 2026) — pod sebou zabíraly čtyři řádky přes celou šířku. */
.r-contact .r-contact-details{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 28px;padding:28px 32px}
.r-contact .r-contact-details a{min-height:0;padding:10px 0;border-bottom:0}
@media(max-width:1100px){.r-contact .r-contact-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px}}
@media(max-width:600px){.r-contact .r-contact-details{grid-template-columns:1fr;padding:16px 24px}}

/* Zjednodušená patička (24. 9. 2026): logo, kontakt a Weber — bez sloupců
   „Zákaznická podpora" a „O nás". Mřížka ze sdílené patičky počítá s pěti
   sloupci, tady jsou tři. */
.pg-pujcovna .pg-horni{grid-template-columns:minmax(min-content,1fr) max-content max-content}
@media(max-width:1100px){
  .pg-pujcovna .pg-horni{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pg-pujcovna .pg-horni>.pg-kontakt{grid-column:auto}
  .pg-pujcovna .pg-horni>.pg-weber{grid-column:auto}
}
@media(max-width:700px){
  .pg-pujcovna .pg-horni>.pg-kontakt,.pg-pujcovna .pg-horni>.pg-weber{grid-column:1/-1}
}

/* Stránka odstoupení od smlouvy (pujcovna-odstoupeni.html) — doslovné
   znění zákona a vzorového formuláře, proto jen klidná sazba textu. */
/* Hlavička jinde leží přes fotku; tady fotka není, proto má vlastní tmavý podklad. */
.pravo-stranka .r-header{background:#0b0c0d;border-bottom-color:#222}
.pravo-stranka .r-nav a{color:#fff}
.pravo-stranka .r-nav a:hover{color:var(--red)}
.pravo{max-width:860px;padding-block:48px 64px;color:var(--ink);line-height:1.65}
.pravo h1{margin:0 0 14px;font-size:clamp(32px,4vw,46px);line-height:1.1;letter-spacing:-.02em}
.pravo h2{margin:44px 0 6px;font-size:26px;line-height:1.2}
.pravo h3{margin:26px 0 6px;font-size:17px}
.pravo p{margin:0 0 10px;font-size:15px}
.pravo a{color:var(--red);font-weight:700}
.pravo-uvod{font-size:17px!important;color:#3d3d3d}
.pravo-zdroj{color:var(--muted);font-size:13px!important}
.pravo-pismena{list-style:none;margin:0 0 10px;padding:0 0 0 18px;font-size:15px}
.pravo-pismena li{margin-bottom:6px}
.pravo-formular{margin-top:14px;padding:22px 24px;border:1px solid var(--line);border-radius:8px;background:#fafafa}
.pravo-formular-nadpis{font-size:17px!important;font-weight:800}
.pravo-formular ul{margin:0 0 10px;padding-left:18px;font-size:15px}
.pravo-formular li{margin-bottom:10px}
.pravo-poznamka{color:var(--muted);font-size:13px!important}
@media(max-width:700px){.pravo{padding-block:32px 44px}.pravo-formular{padding:18px}}

/* Objednávka na firmu (Roman 6. 10. 2026) — přepínač a pole IČO, firma,
   DIČ, sídlo; podle IČO se doplní z ARES. */
.po-na-firmu{grid-column:1/-1;display:flex;align-items:center;gap:10px;font-weight:700;cursor:pointer}
.po-na-firmu input{width:20px;height:20px;accent-color:#e4002b}
.po-firma-blok{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:inherit;align-items:start}
.po-mrizka{align-items:start}
.po-firma-blok[hidden]{display:none}
@media(max-width:560px){.po-firma-blok{grid-template-columns:1fr}}

/* Roman 6. 10. 2026: mapa s grilem ve všech kontaktech — u kontaktů
   půjčovny místo večerní fotky snímek Harfy, kde se grily vyzvedávají. */
.r-contact-art{background-image:url('/assets/prodejna/harfa-mapa-prodejna.webp');background-position:center;background-size:cover;min-height:0;aspect-ratio:1672/941}
.r-contact-art:after{display:none}

/* Obě výdejní místa vedle sebe: Harfa a Modřany (Roman 6. 10. 2026). */
.r-contact-mapy{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:16px;background:#141516}
.r-contact-mapy .mapa-gril{display:block;border-radius:10px;overflow:hidden;transition:transform .2s}
.r-contact-mapy .mapa-gril img{display:block;width:100%;height:auto}
.r-contact-mapy .mapa-gril:hover,.r-contact-mapy .mapa-gril:focus-visible{transform:translateY(-3px)}
@media(max-width:760px){.r-contact-mapy{grid-template-columns:1fr}}


/* Instrukce k půjčení nad technickými parametry (Roman 6. 10. 2026).
   Používají stejný rozbalovací vzhled jako technika, aby karta zůstala
   klidná a oba bloky byly jasně pod sebou. */
.rental-instructions{margin-bottom:8px}
.rental-instructions-copy{padding:10px 12px 12px;border-top:1px solid #ececec;color:#4e4e4e;font-size:12px;line-height:1.5}
.rental-instructions-copy p{margin:0 0 7px}
.rental-instructions-copy p:last-child{margin-bottom:0}
.rental-instructions-copy a{color:var(--red);font-weight:800;text-decoration:none}
.rental-instructions-copy a:hover{text-decoration:underline}

/* Roman 7. 10. 2026: „přidej do popisu včetně cateringu, udělej to červeně". */
.r-hero-catering{color:#ff2a36;font-weight:800}

/* Roman 7. 10. 2026: po najetí na kartu grilu se rámeček rozsvítí neonově
   červeně. */
.rental-card{transition:transform .2s,box-shadow .25s,border-color .25s}
.rental-card:hover,.rental-card:has(:focus-visible){border-color:#ff2a36;box-shadow:0 0 0 1px #ff2a36,0 0 10px #ff2a36,0 0 26px #ff2a36a6,0 0 52px #ff2a3659,0 18px 38px rgba(0,0,0,.12)}
@media(prefers-reduced-motion:reduce){.rental-card{transition:none}.rental-card:hover{transform:none}}
/* Roman 7. 10. 2026: „včetně cateringu" celé červeně i s tečkou a věta
   na jeden řádek (na počítači; na mobilu se zalomit musí). */
@media(min-width:1000px){.r-hero-lead{max-width:none;white-space:nowrap}.r-hero-lead strong{white-space:normal}}

/* Zaškrtávací políčka na kartě (Roman 7. 10. 2026). Celé okénko je klikací,
   zaškrtnuté se orámuje červeně a v rohu se objeví fajfka. */
.rental-volby{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:8px}
.rental-volby>li{padding:0;border:0}
.rental-volba{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;height:100%;padding:12px 6px 10px;border:2px solid #e6e6e6;border-radius:10px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s}
.rental-volba:hover{border-color:#ff2a36}
.rental-volba input{position:absolute;opacity:0;pointer-events:none}
.rental-volba-znak{position:absolute;top:6px;right:6px;width:18px;height:18px;border:2px solid #cfcfcf;border-radius:4px;background:#fff}
.rental-volba input:checked~.rental-volba-znak{border-color:#e4002b;background:#e4002b url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12l5 5 9-10' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
.rental-volba:has(input:checked){border-color:#e4002b;background:#fff4f5;box-shadow:0 0 0 1px #e4002b}
.rental-volba input:focus-visible~.rental-volba-znak{outline:2px solid #e4002b;outline-offset:2px}
.rental-mimo-prahu{display:flex;align-items:center;gap:12px;margin:10px 0 0;padding:12px 14px;border-radius:10px;background:linear-gradient(90deg,#1b1c1e,#2b2c2f);color:#e8e8e8;font-size:14px;line-height:1.4}
.rental-mimo-prahu svg{flex:none;width:30px;height:30px;padding:5px;border-radius:50%;background:#e4002b;fill:none;stroke:#fff;stroke-width:1.8}
.rental-mimo-prahu strong{color:#fff}
.rental-mimo-prahu+.rental-equipment{margin-top:12px}

/* Roman 7. 10. 2026: co si zákazník objednává, je zeleně — na kartě
   i v okně objednávky; „Zdarma v ceně" jako zelený štítek. */
.rental-volba:has(input:checked){border-color:#1f9d55;background:#effaf3;box-shadow:0 0 0 1px #1f9d55}
.rental-volba input:checked~.rental-volba-znak{border-color:#1f9d55;background-color:#1f9d55}
.rental-volba:has(input:checked) b{color:#1f9d55}
.rental-volba:hover{border-color:#1f9d55}
.rental-equipment{display:flex;align-items:center;gap:8px;margin:12px 8px 12px;padding:9px 12px;border-radius:8px;background:#effaf3;color:#14612a;font-size:13px;font-weight:700}
.rental-equipment::before{content:"✓";display:grid;place-items:center;flex:none;width:20px;height:20px;border-radius:50%;background:#1f9d55;color:#fff;font-size:12px}
.po-zaskrtnuti{padding:10px 12px;border:2px solid #e6e6e6;border-radius:8px;transition:border-color .2s,background .2s}
.po-zaskrtnuti input{accent-color:#1f9d55}
.po-zaskrtnuti:has(input:checked){border-color:#1f9d55;background:#effaf3;color:#14612a;font-weight:700}
.po-volba:has(input:checked){border-color:#1f9d55;background:#effaf3;box-shadow:0 0 0 1px #1f9d55}
.po-volba input{accent-color:#1f9d55}

/* Pro kolik lidí gril stačí — modrý štítek v pravém horním rohu fotky
   (Roman 7. 10. 2026). */
.rental-kapacita{position:absolute;top:12px;right:12px;z-index:2;display:inline-flex;align-items:center;gap:7px;padding:7px 12px 7px 9px;border-radius:999px;background:#1565d8;color:#fff;font-size:13px;line-height:1;box-shadow:0 6px 16px #1565d84d}
.rental-kapacita svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round}
.rental-kapacita b{font-size:17px;font-weight:900}
.rental-equipment{white-space:nowrap;font-size:clamp(11px,1vw,13px)}
/* Roman 8. 10. 2026: piktogram doleva nahoru (proti zaškrtávátku), částka
   výš a větší. */
.rental-volba{padding:12px 8px 12px}
.rental-volba>b{position:absolute;top:6px;left:8px;margin:0}
.rental-volba>b svg{width:26px;height:26px}
.rental-volba>strong{margin-top:22px;font-size:clamp(17px,1.5vw,21px);font-weight:900;line-height:1.1}
.rental-details.rental-volby .rental-volba>strong{display:block;margin:20px 0 2px;font-size:22px;font-weight:900;line-height:1.1}
.rental-details.rental-volby .rental-volba>b{position:absolute;top:6px;left:8px;margin:0}
.rental-details.rental-volby .rental-volba>b svg{width:26px;height:26px}
.rental-s-grilem{margin:10px 8px 0;padding:10px 12px;border-radius:8px;background:#f4f4f4;color:#444;font-size:13px}

/* Banner dlouhodobého pronájmu (Roman 8. 10. 2026). */
.r-longterm-banner{padding:28px 0}
.r-lb-odkaz{position:relative;display:block;border-radius:14px;overflow:hidden;box-shadow:0 12px 30px #0000001a;transition:box-shadow .2s,transform .2s}
.r-lb-odkaz img{display:block;width:100%;height:auto}
.r-lb-odkaz:hover,.r-lb-odkaz:focus-visible{box-shadow:0 16px 38px #00000029;transform:translateY(-2px)}
/* Nakreslený čudlík „Ceník a pravidla" v obrázku: 70–462 × 451–521 z 1942 × 809. */
.r-lb-cudlik{position:absolute;left:3.6%;top:55.75%;width:20.2%;height:8.65%;border-radius:4px;transition:box-shadow .2s,background .2s}
.r-lb-odkaz:hover .r-lb-cudlik,.r-lb-odkaz:focus-visible .r-lb-cudlik{background:#e4002b33;box-shadow:0 0 0 3px #e4002b,0 0 18px #e4002b99}
.r-lb-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
@media(prefers-reduced-motion:reduce){.r-lb-odkaz,.r-lb-cudlik{transition:none}.r-lb-odkaz:hover{transform:none}}
/* Roman 8. 10. 2026: mezi víkendem a kaucí taky šikmý předěl, kauce světle
   šedá. */
.rental-price-panel>span.rental-kauce{position:relative;margin-left:-18px;padding-left:28px;border-left:0;background:#ececec;clip-path:polygon(18px 0,100% 0,100% 100%,0 100%)}
/* Roman 8. 10. 2026: instrukce a parametry ve stejné výšce jako u grilů —
   blok s rozbalením a tlačítkem sedí u spodku karty, mezera je nad ním. */
.rental-card>.rental-instructions{margin-top:auto}
.rental-card>.rental-button{margin-top:12px}
.rental-tech-misto{visibility:hidden;pointer-events:none}
/* Doprava zamčená, protože je vybraná u jiné položky. */
.rental-volba.je-zamcena{opacity:.55;cursor:not-allowed}
.rental-volba.je-zamcena:hover{border-color:#e6e6e6}
.rental-volba-zamek{display:block;margin-top:4px;color:#1f9d55;font-size:11px;font-style:normal;font-weight:700;line-height:1.3}
/* Roman 8. 10. 2026: při najetí se zbarví celý pruh s názvem červeně,
   i štítek vpravo (Kompaktní a praktický, Ke grilu…). */
.rental-card-heading,.rental-card-type{transition:background-color .22s ease,color .22s ease,border-color .22s ease}
.rental-card:hover .rental-card-heading{border-color:var(--red);background:var(--red)}
.rental-card:hover .rental-card-type{color:#fff}
/* Roman 8. 10. 2026: „červený čudlík nahoře musí mít stejnou červenou,
   jako je v logu" — červená loga GRILCENTRUM.CZ (#E2040D) na celé půjčovně. */
:root{--red:#e2040d;--red-dark:#b5030a}
@media(min-width:1000px){.r-hero-lead .r-hero-catering{font-size:clamp(13px,1.08vw,16px);font-weight:700}}
/* Roman 8. 10. 2026: „čudlík má špatné zabarvení, když se na něj najede,
   má mít stejné jako u grilu" — po najetí celý červený (červená loga)
   s bílým textem a neonovou září jako karta grilu, ne vínový. */
.r-lb-odkaz{container-type:inline-size}
.r-lb-cudlik{display:flex;align-items:center;justify-content:space-between;padding:0 1.6cqi 0 2.1cqi;color:#fff;opacity:0;font-size:clamp(10px,1cqi,15px);font-weight:800;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap}
.r-lb-cudlik b{font-weight:800}
.r-lb-cudlik i{font-style:normal;font-size:1.5em;font-weight:400}
.r-lb-odkaz:hover .r-lb-cudlik,.r-lb-odkaz:focus-visible .r-lb-cudlik{opacity:1;background:var(--red);box-shadow:0 0 0 1px #ff2a36,0 0 10px #ff2a36,0 0 26px #ff2a36a6,0 0 52px #ff2a3659}
.r-lb-cudlik{transition:opacity .2s,box-shadow .2s,background .2s}
/* Roman 8. 10. 2026: text „Pomůžeme vybrat…" do jedné řady a spodek bloku výš. */
.r-contact-copy p:not(.r-section-kicker){max-width:none;margin:20px 0 16px}
@media(min-width:900px){.r-contact-copy p:not(.r-section-kicker){white-space:nowrap}}
.r-contact-copy{padding-bottom:20px}
/* Roman 8. 10. 2026: čudlík Kontaktovat půjčovnu pryč — kontakty jsou hned vedle. */
.r-contact-copy p:not(.r-section-kicker){margin-bottom:0}
.r-contact-copy{padding-bottom:30px}
/* Roman 8. 10. 2026: vpravo obrázek červeného telefonu, pod textem telefon
   602 308 830 ve stejné červené jako „Jsme tu pro vás". */
.r-contact-copy{position:relative;overflow:hidden;min-height:250px}
.r-contact-copy>:not(.r-contact-foto){position:relative;z-index:1}
.r-contact-telefon{display:inline-block;margin-top:14px;color:var(--red);font-size:clamp(28px,2.6vw,40px);font-weight:900;letter-spacing:.01em;text-decoration:none}
.r-contact-telefon:hover{color:#ff2a36}
.r-contact-foto{position:absolute;right:0;top:0;height:100%;width:auto;max-width:55%;object-fit:cover;object-position:right center;-webkit-mask-image:linear-gradient(90deg,transparent,#000 22%);mask-image:linear-gradient(90deg,transparent,#000 22%)}
@media(max-width:760px){.r-contact-foto{opacity:.35;max-width:100%}}
/* Roman 8. 10. 2026: „ne červeně, jako u telefonu svítivě; to co je vlevo
   nech, jak je" — číslo vpravo u obrázku, zářivě červené jako číslice
   na číselníku. Levý text beze změny. */
.r-contact-copy{min-height:0}
.r-contact-copy>a.r-contact-telefon{position:absolute;z-index:2;right:calc(min(55%,var(--foto-w,520px)) - 40px);top:50%;transform:translateY(-50%);margin:0;color:#ff3b30;font-size:clamp(28px,2.6vw,42px);font-weight:900;text-shadow:0 0 4px #ff2a1a,0 0 12px #ff1a0d,0 0 26px #e2040dcc,0 0 48px #e2040d88}
.r-contact-copy>a.r-contact-telefon:hover{color:#ff6a5c}
@media(max-width:900px){.r-contact-copy>a.r-contact-telefon{position:static;transform:none;display:inline-block;margin-top:14px}}
.r-contact-copy>a.r-contact-telefon{right:370px}
@media(max-width:760px){.r-contact-foto{display:none}}
/* Roman 8. 10. 2026: oba čudlíky v úvodu jsou v klidu černé (jako
   Rezervovat telefonicky) a po najetí oba celé červené jako Zobrazit nabídku. */
.r-hero-actions .r-btn,.r-hero-actions .r-btn-primary,.r-hero-actions .r-btn-ghost{background:rgba(0,0,0,.3);border:1px solid #aaa;color:#fff}
.r-hero-actions .r-btn:hover,.r-hero-actions .r-btn:focus-visible{background:var(--red);border-color:var(--red);color:#fff}
/* Roman 8. 10. 2026: červená přesně jako svítící číslice na telefonu
   (změřeno #FA0000); po najetí číslo uvnitř úplně zbělá, záře zůstane. */
.r-contact-copy>a.r-contact-telefon{color:#fa0000;text-shadow:0 0 4px #fa0000,0 0 12px #fa0000,0 0 26px #fa0000cc,0 0 48px #fa000088;transition:color .2s,text-shadow .2s}
.r-contact-copy>a.r-contact-telefon:hover,.r-contact-copy>a.r-contact-telefon:focus-visible{color:#fff;text-shadow:0 0 3px #fa0000,0 0 8px #fa0000,0 0 18px #fa0000,0 0 34px #fa0000,0 0 60px #fa0000aa}
/* Roman 8. 10. 2026: nadpis na jeden řádek, nad ním adresa webu červeně.
   „Weber“ zůstává v nadpisu jen pro vyhledávače a čtečky. */
.r-hero h1.r-hero-h1-radek{max-width:none;white-space:nowrap}
.r-skryte{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.r-hero .r-hero-web{text-transform:none;letter-spacing:.06em;font-size:clamp(15px,1.3vw,19px);margin-bottom:12px}
@media(max-width:760px){.r-hero h1.r-hero-h1-radek{white-space:normal}}
@media(max-width:760px){.r-hero h1.r-hero-h1-radek{white-space:nowrap;font-size:11vw}}
@media(max-width:760px){.r-hero h1.r-hero-h1-radek{font-size:10vw}}
/* Roman 8. 10. 2026: stříbrná vlnka nad vybraným výdejním místem v liště
   kontaktů a pod lištou jeho mapa; najetím na druhé místo se vlnka posune
   a mapa se vymění (pujcovna-vlnka.js). */
.r-contact-details{position:relative;isolation:isolate}
.r-vlnka{display:none}
.r-contact-details.ma-vlnku .r-vlnka{display:block;position:absolute;left:0;top:6px;bottom:0;width:0;z-index:-1;pointer-events:none;transition:transform .45s cubic-bezier(.65,0,.35,1),width .45s cubic-bezier(.65,0,.35,1)}
.r-vlnka svg{display:block;width:100%;height:100%;overflow:visible}
.r-vlnka-plocha{fill:url(#vlnkaVypln)}
.r-vlnka-tah{fill:none;stroke:url(#vlnkaTah);stroke-width:2.5;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 3px #ffffffaa) drop-shadow(0 0 8px #ffffff55)}
.r-contact-details a[data-mapa]>span{transition:box-shadow .3s,background .3s}
.r-contact-details a[data-mapa].is-aktivni>span{background:#3a0306;box-shadow:0 0 0 1px #ff2a36,0 0 12px #ff2a36,0 0 24px #e2040d99}
.r-mapa-pas{position:relative;height:clamp(220px,24vw,340px);overflow:hidden;background:#0c0d0f}
.r-mapa-pas img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 60%;opacity:0;transition:opacity .5s}
.r-mapa-pas img.is-aktivni{opacity:1}
@media(max-width:1000px){.r-contact-details.ma-vlnku .r-vlnka{display:none}}
@media(prefers-reduced-motion:reduce){.r-contact-details.ma-vlnku .r-vlnka,.r-mapa-pas img{transition:none}}
.r-mapa-pas{height:clamp(240px,28vw,420px)}
.r-mapa-pas img{object-position:center 50%}
/* Roman 8. 10. 2026: „ten web musí být větší“. */
.r-hero .r-hero-web{font-size:clamp(20px,2vw,30px);letter-spacing:.03em;margin-bottom:10px}
/* Roman 8. 10. 2026: adresa webu velkými písmeny. */
.r-hero .r-hero-web{text-transform:uppercase}
/* Roman 8. 10. 2026: „má tam být Půjčovna grilů Weber a www udělej větší“ —
   celý nadpis na jednom řádku vedle fotky, adresa webu výrazně větší. */
.r-hero h1.r-hero-h1-radek{font-size:clamp(40px,4.5vw,72px)}
.r-hero .r-hero-web{font-size:clamp(24px,2.7vw,42px);letter-spacing:.02em;line-height:1.1;margin-bottom:12px}
@media(max-width:760px){.r-hero h1.r-hero-h1-radek{font-size:7.6vw}.r-hero .r-hero-web{font-size:6.4vw}}
@media(min-width:761px){.r-hero h1.r-hero-h1-radek{font-size:clamp(40px,4.15vw,72px)}}
/* Roman 8. 10. 2026: logo Weber do pravého horního rohu hlavičky, za telefon.
   Poměr stran drží výška a width:auto, logo se nedeformuje. */
.r-header-weber{display:block;height:40px;width:auto;margin-left:22px;flex:none}
@media(max-width:760px){.r-header-weber{position:absolute;top:12px;right:15px;height:32px;margin:0}.r-header{position:relative}}
/* Roman 8. 10. 2026: telefon v hlavičce posunout vlevo do černé části
   (hned za menu) a trochu zvětšit; logo Weber zůstává v pravém rohu. */
.r-header-inner .r-header-contact{margin-left:44px;font-size:22px}
.r-header-inner .r-header-contact:before{font-size:22px}
.r-header-inner .r-header-weber{margin-left:auto}
/* Roman 8. 10. 2026: „logo je správně, gril je moc vpravo, musí se posunout
   pod logo" — na širokých obrazovkách fotka nekotví u okraje okna, ale tak,
   aby gril stál pod logem Weber (pravý okraj obsahu, 1 440 px). Gril je na
   fotce asi 320 px od jejího pravého okraje, střed loga 49 px od okraje obsahu.
   A „telefon na černou plochu" — lišta hlavičky je celá černá, takže telefon
   i logo stojí na černé při jakékoli šířce okna. */
@media(min-width:761px){
  .r-hero{background-position:right max(0px, calc((100vw - 1440px) / 2 - 271px)) top -50px}
  .r-header{background:#050606}
}
/* Fotka grilu jako samostatná vrstva s měkkými okraji: na širokém okně
   nekončí ostrou hranou, ale vlevo i vpravo se rozplyne do černé.
   Gril zůstává pod logem Weber. */
@media(min-width:761px){
  .r-hero{background-image:none}
  .r-hero::before{content:"";position:absolute;z-index:0;top:-50px;height:calc(100% + 50px);aspect-ratio:1/1;right:max(0px, calc((100vw - 1440px) / 2 - 271px));background:url('assets/weber/vecer-genesis.webp') center/cover no-repeat;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 30%,#000 80%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 30%,#000 80%,transparent 100%);pointer-events:none}
  .r-hero > *{position:relative;z-index:1}
}
@media(min-width:761px) and (max-width:1999px){
  .r-hero::before{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 30%);mask-image:linear-gradient(90deg,transparent 0,#000 30%)}
}
/* Roman 8. 10. 2026: „logo a spodní lištu posuň, aby to bylo svisle
   symetrické" — viditelná kresba loga (plamen začíná 19 px za hranou
   obrázku) a ikona první výhody lícují s nadpisem a čudlíky na jedné
   svislici. Měřeno na kresbě, ne na krabičce. */
@media(min-width:761px){
  .r-header-inner .r-logo{margin-left:-19px}
  .r-benefit-grid article:first-child{padding-left:0}
}
@media(min-width:761px){.r-benefit-grid article:first-child>span{margin-left:-7px}}
/* Roman 9. 10. 2026: mapa jen jednou — pod vlnkou je karta vybraného místa
   přes celou šířku: vlevo popis, údaje a čudlíky, vpravo mapa. Najetím na
   Modřany se ukáže karta Modřan. Na mobilu (bez vlnky) obě karty pod sebou. */
@media(min-width:1001px){
  .r-contact-mapy.prepina{grid-template-columns:1fr}
  .r-contact-mapy.prepina .kk-karta:not(.is-aktivni){display:none}
  .r-contact-mapy.prepina .kk-karta.is-aktivni{animation:kk-objevit .35s ease}
  .r-contact-mapy.prepina .kk-telo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);grid-template-rows:auto 1fr auto;column-gap:36px;padding:26px 32px 30px}
  .r-contact-mapy.prepina .kk-popis{grid-column:1;grid-row:1}
  .r-contact-mapy.prepina .kk-udaje{grid-column:1;grid-row:2;margin-bottom:22px}
  .r-contact-mapy.prepina .kk-tlacitka{grid-column:1;grid-row:3}
  .r-contact-mapy.prepina .kk-mapa{grid-column:2;grid-row:1/4;margin:0;align-self:stretch}
  .r-contact-mapy.prepina .kk-mapa img{height:100%;object-fit:cover}
}
@keyframes kk-objevit{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.r-contact-mapy.prepina .kk-karta.is-aktivni{animation:none}}
/* Roman 9. 10. 2026: vlnka je ouško záložky jako u papírového diáře — plynule
   přechází dolů do karty vybraného místa. Mezi lištou a kartou žádná mezera,
   ouško má barvu hlavičky karty a stříbrná linka obtáčí ouško i celou kartu. */
@media(min-width:1001px){
  .r-contact-details.ma-vlnku{padding-bottom:0}
  .r-contact-details.ma-vlnku a{padding-bottom:22px}
  .r-contact-details.ma-vlnku .r-vlnka{bottom:-1px}
  .r-vlnka-plocha{fill:#161616}
  .r-contact-mapy.prepina{margin-top:0;padding-top:0}
  .r-contact-mapy.prepina .kk-karta{border-radius:0 0 16px 16px;box-shadow:inset 0 0 0 1.5px #d9dde2b3,0 0 10px #ffffff2e,0 14px 38px #0000001f}
  .r-contact-mapy.prepina .kk-hlava{background:#161616;border-top:0}
}
/* Diář: lišta je černé „desky", ouško a karta jeden list. Stříbrná linka
   obíhá ouško a pokračuje po hraně karty; uvnitř ouška ji list překryje. */
@media(min-width:1001px){
  .r-contact-details.ma-vlnku{background:#050606;z-index:2}
  .r-contact-details.ma-vlnku .r-vlnka{bottom:-3px}
  .r-contact-mapy.prepina{background:#050606}
  .r-contact-mapy.prepina .kk-karta{position:relative;z-index:1;border:1.5px solid #c9cdd2;border-radius:0 0 16px 16px;box-shadow:0 0 10px #ffffff2e,0 14px 38px #0000001f}
}

/* Roman 9. 10. 2026: karta, na které je něco zaškrtnuté, svítí neonově
   zeleně, dokud se výběr neodškrtne. Najetí dál svítí červeně. */
.rental-card.je-vybrana{border-color:#39ff6a;box-shadow:0 0 0 1px #39ff6a,0 0 10px #39ff6a,0 0 26px #39ff6aa6,0 0 52px #39ff6a59,0 18px 38px rgba(0,0,0,.12)}
.rental-card.je-vybrana:hover,.rental-card.je-vybrana:has(:focus-visible){border-color:#ff2a36;box-shadow:0 0 0 1px #ff2a36,0 0 10px #ff2a36,0 0 26px #ff2a36a6,0 0 52px #ff2a3659,0 18px 38px rgba(0,0,0,.12)}
/* Seznam položek v objednávce */
.po-polozky{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:8px}
.po-polozka{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center;padding:10px 12px;border:1px solid #39ff6a;border-radius:8px;background:#f4fff7}
.po-polozka .po-gril{font-size:15px}
.po-polozka-cena{font-weight:800;white-space:nowrap}
.po-polozka .po-zaskrtnuti-maly{grid-column:1/-1;margin:0;font-size:13px}
/* Roman 9. 10. 2026: „gril strašně vpravo, víc doleva do rámu webu" — fotka
   končí na pravé hraně obsahu (1 440 px), gril je celý uvnitř rámu stránky,
   nepřetéká za logo Weber do prázdné černé. */
@media(min-width:761px){
  .r-hero::before{right:max(0px, calc((100vw - 1440px) / 2))}
}
@media(min-width:1500px){
  .r-hero::before{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 30%,#000 88%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 30%,#000 88%,transparent 100%)}
}
/* Roman 9. 10. 2026: „zaškrtnu — zezelená hned, odškrtnu — zčervená, jako
   vypínač". Zelená má přednost i při najetí myší. */
.rental-card.je-vybrana,.rental-card.je-vybrana:hover,.rental-card.je-vybrana:has(:focus-visible){border-color:#39ff6a;box-shadow:0 0 0 1px #39ff6a,0 0 10px #39ff6a,0 0 26px #39ff6aa6,0 0 52px #39ff6a59,0 18px 38px rgba(0,0,0,.12)}
.rental-card{transition:box-shadow .15s,border-color .15s}
/* Roman 9. 10. 2026: „Jak to funguje" na šířku stránky, nadpis kroku i popis
   každý na jednom řádku. Číslo a ikona nahoře, texty pod nimi přes celou
   šířku sloupce, takže se nemusí lámat. */
@media(min-width:1001px){
  .r-steps article{grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;column-gap:14px;row-gap:12px;padding:18px 18px}
  .r-steps article>b{grid-column:1;grid-row:1;line-height:.8}
  .r-steps article>span{grid-column:2;grid-row:1}
  .r-steps article>div{grid-column:1/-1;grid-row:2;min-width:0}
  .r-steps strong,.r-steps p{white-space:nowrap}
  .r-steps p{font-size:clamp(12px,.95vw,14px)}
}
@media(min-width:1001px){.r-steps article{padding-inline:14px}.r-steps p{font-size:clamp(12px,.9vw,13.5px)}}

/* Čtyři volby na kartě (s grilmistrem) ve dvou řadách po dvou. */
.rental-volby:has(li:nth-child(4)){grid-template-columns:1fr 1fr}
/* Potraviny na vaše grilování (Roman 9. 10. 2026) */
.r-potraviny{padding:56px 0 48px;background:#f7f7f7}
.r-potraviny h2{margin:0;font-size:clamp(30px,3vw,44px);line-height:1.1}
.r-pot-perex{margin:10px 0 22px;color:var(--muted)}
.r-pot-zalozky{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.r-pot-zalozky button{border:1px solid #d2d2d2;background:#fff;color:var(--ink);border-radius:3px;padding:10px 15px;font:inherit;font-size:13px;font-weight:800;cursor:pointer}
.r-pot-zalozky button small{color:var(--muted);font-weight:600;margin-left:4px}
.r-pot-zalozky button[aria-selected=true],.r-pot-zalozky button:hover{background:var(--red);border-color:var(--red);color:#fff}
.r-pot-zalozky button[aria-selected=true] small,.r-pot-zalozky button:hover small{color:#fff}
.r-pot-rada{list-style:none;margin:0;padding:4px 2px 14px;display:grid;grid-auto-flow:column;grid-auto-columns:180px;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory}
.r-pot-rada[hidden]{display:none}
.r-pot-rada li{scroll-snap-align:start}
.r-pot-rada a{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid #e1e1e1;border-radius:6px;padding:12px;color:var(--ink);text-decoration:none;transition:border-color .15s,box-shadow .15s}
.r-pot-rada a:hover,.r-pot-rada a:focus-visible{border-color:#ff2a36;box-shadow:0 0 0 1px #ff2a36,0 0 10px #ff2a3699}
.r-pot-rada img{width:100%;height:140px;object-fit:contain;margin-bottom:10px}
.r-pot-nazev{font-size:13px;line-height:1.35;font-weight:700;flex:1}
.r-pot-cena{margin-top:8px;color:var(--red);font-weight:900;font-size:17px}
.r-pot-vse{display:inline-block;margin-top:14px;color:var(--red);font-weight:800;text-decoration:none}
.r-pot-vse:hover{text-decoration:underline}
.r-contact-details.bez-vlnky .r-vlnka{display:none !important}
/* Stejná mezera nad i pod pruhem Doprava mimo Prahu. */
.rental-card .rental-mimo-prahu{margin-top:0;margin-bottom:12px}
/* Roman 9. 10. 2026: „všechno stejnou šířku a posuň to nahoru" — pruhy
   Zdarma, Doprava mimo Prahu, ceny i políčka mají stejné okraje karty
   a začínají hned pod popisem. */
.rental-card .rental-description{min-height:0;margin-bottom:10px}
.rental-card .rental-equipment,.rental-card .rental-mimo-prahu,.rental-card .rental-price-panel,.rental-card .rental-volby{margin-left:8px;margin-right:8px}
.rental-card .rental-equipment{margin-top:0;margin-bottom:10px}
.rental-card .rental-mimo-prahu{margin-top:0;margin-bottom:10px}
.rental-card .rental-equipment-misto{visibility:hidden}
/* Roman 9. 10. 2026: „dej pryč šedé čárky a všude nech stejné mezery mezi
   čudlíky" — na kartě žádné dělicí čáry, mezi všemi pruhy a políčky 10 px. */
.rental-card .rental-details,.rental-card .rental-volby{border:0;padding:0;margin:0 8px 10px;gap:10px}
.rental-card .rental-volby li{margin:0}
.rental-card .rental-price-panel{margin-bottom:10px}
.rental-card .rental-tech{margin:0 8px 10px;border-top:0}
.rental-card .rental-tech + .rental-tech{margin-top:0}
.rental-card > .rental-button{margin:0 8px}
/* Roman 9. 10. 2026: najetí na čištění nebo grilmastera rozsvítí Instrukce
   červeně s výzvou „přečtěte si podrobnosti"; zaškrtnutí je rozsvítí zeleně
   a zůstanou tak, dokud je políčko zaškrtnuté — ať si zákazník přečte
   podmínky čištění a grilmastera. */
.rental-upozorneni{display:none;margin:0 12px 0 auto;font-style:normal;font-size:12px;font-weight:800;letter-spacing:.02em}
.rental-card:has(.rental-volba:hover > [data-volba="myti"], .rental-volba:hover > [data-volba="grilmistr"]) .rental-instructions{border-color:#ff2a36;box-shadow:0 0 0 1px #ff2a36,0 0 10px #ff2a3699;background:#fff5f5}
.rental-card:has(.rental-volba:hover > [data-volba="myti"], .rental-volba:hover > [data-volba="grilmistr"]) .rental-instructions>summary{color:#e2040d}
.rental-card:has(.rental-volba:hover > [data-volba="myti"], .rental-volba:hover > [data-volba="grilmistr"]) .rental-upozorneni{display:inline;color:#e2040d}
.rental-card:has([data-volba="myti"]:checked, [data-volba="grilmistr"]:checked) .rental-instructions{border-color:#1f9d55;box-shadow:0 0 0 1px #39ff6a,0 0 10px #39ff6a99;background:#effaf3}
.rental-card:has([data-volba="myti"]:checked, [data-volba="grilmistr"]:checked) .rental-instructions>summary,.rental-card:has([data-volba="myti"]:checked, [data-volba="grilmistr"]:checked) .rental-instructions>summary::after{color:#14612a}
.rental-card:has([data-volba="myti"]:checked, [data-volba="grilmistr"]:checked) .rental-upozorneni{display:inline;color:#14612a}
.rental-instructions{transition:box-shadow .15s,background .15s,border-color .15s}
/* Roman 9. 10. 2026: najetí na čištění nebo grilmastera rozsvítí Instrukce
   hned zeleně, ne červeně. */
.rental-card:has(.rental-volba:hover > [data-volba="myti"], .rental-volba:hover > [data-volba="grilmistr"]) .rental-instructions{border-color:#1f9d55;box-shadow:0 0 0 1px #39ff6a,0 0 10px #39ff6a99;background:#effaf3}
.rental-card:has(.rental-volba:hover > [data-volba="myti"], .rental-volba:hover > [data-volba="grilmistr"]) .rental-instructions>summary,.rental-card:has(.rental-volba:hover > [data-volba="myti"], .rental-volba:hover > [data-volba="grilmistr"]) .rental-instructions>summary::after,.rental-card:has(.rental-volba:hover > [data-volba="myti"], .rental-volba:hover > [data-volba="grilmistr"]) .rental-upozorneni{color:#14612a}
/* Roman 9. 10. 2026: v Instrukcích text černě (ne šedě) a všechny titulky
   (Čištění grilu, Grilmaster, Půjčujete si víc věcí…) červeně. */
.rental-instructions-copy,.rental-instructions-copy p{color:#151515}
.rental-instructions-copy strong{color:var(--red)}
/* Roman 9. 10. 2026: zaškrtnuté políčko i rozsvícené Instrukce mají stejný
   neonově zelený rámeček. */
.rental-card .rental-volba:has(:checked),
.rental-card:has(.rental-volba:hover > [data-volba="myti"], .rental-volba:hover > [data-volba="grilmistr"]) .rental-instructions,
.rental-card:has([data-volba="myti"]:checked, [data-volba="grilmistr"]:checked) .rental-instructions{border-color:#39ff6a;box-shadow:0 0 0 1px #39ff6a,0 0 10px #39ff6a,0 0 22px #39ff6a80}
/* Roman 9. 10. 2026: „na jednom řádku cena a stejný font" — políčka vždy
   po dvou vedle sebe, u lichého počtu je poslední přes celou šířku. Cena se
   nikdy nezalomí a má na všech kartách stejnou velikost. */
.rental-card .rental-volby{grid-template-columns:1fr 1fr}
.rental-card .rental-volby li:last-child:nth-child(odd){grid-column:1/-1}
.rental-card .rental-volba strong{white-space:nowrap}

/* ——— Zkouška 9. 10. 2026: dlouhodobý pronájem jako neonové widgety ——— */
.r-neon{--w:#0c0d0f;--zelena:#39ff6a;--zluta:#e6ff1f;--oranzova:#ff5a14;--ruzova:#ff2d55;padding:44px 0 40px;background:#e9e9ea}
.r-neon-mrizka{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:22px 18px;align-items:stretch}
.r-neon-w{position:relative;display:flex;flex-direction:column;margin-top:18px;padding:22px 22px 20px;background:var(--w);color:#f2f2f2;border-radius:0 26px 26px 26px;box-shadow:0 22px 40px #00000040}
/* ouško nahoře vlevo s měkkým svahem, jako desky diáře */
.r-neon-w::before{content:"";position:absolute;left:0;top:-18px;width:58%;height:40px;background:var(--w);border-radius:24px 24px 0 0}
.r-neon-w::after{content:"";position:absolute;left:calc(58% - 1px);top:-1px;width:22px;height:22px;background:radial-gradient(circle at 100% 0,transparent 21px,var(--w) 22px)}
.r-neon-w>*{position:relative;z-index:1}
.r-neon-stitek{display:flex;align-items:center;gap:8px;margin:-10px 0 14px;font-size:15px;font-weight:700;color:#fff}
.r-neon-tecka{width:9px;height:9px;border-radius:50%;background:var(--ruzova);box-shadow:0 0 8px var(--ruzova)}
.r-neon-tecka-zluta{background:var(--zluta);box-shadow:0 0 8px var(--zluta)}
.r-neon-tecka-oranzova{background:var(--oranzova);box-shadow:0 0 8px var(--oranzova)}
.r-neon-tecka-zelena{background:var(--zelena);box-shadow:0 0 8px var(--zelena)}
.r-neon-tecka-ruzova{background:var(--ruzova);box-shadow:0 0 8px var(--ruzova)}
.r-neon-hlavni h2{margin:0 0 10px;font-size:clamp(28px,2.6vw,40px);line-height:1.05;font-weight:800;color:#fff;letter-spacing:-.02em}
.r-neon-text{margin:0 0 16px;color:#b9bcc2;font-size:14px;line-height:1.5}
.r-neon-velke{margin:0 0 6px;font-size:clamp(46px,4.4vw,68px);line-height:1;font-weight:300;letter-spacing:-.03em;color:#e9e9ea;white-space:nowrap}
.r-neon-velke sup{font-size:.32em;font-weight:500;margin-left:4px;vertical-align:.9em;letter-spacing:0}
.r-neon-velke-text{font-size:clamp(30px,2.6vw,42px);font-weight:400;white-space:normal}
.r-neon-pruh{display:flex;align-items:center;gap:10px;margin-top:auto;padding:12px 16px;border-radius:14px;color:#0b0b0b}
.r-neon-pruh div{display:flex;flex-direction:column;gap:2px;min-width:0}
.r-neon-pruh small{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;opacity:.75}
.r-neon-pruh b{font-size:16px;font-weight:900;white-space:nowrap}
.r-neon-pruh i{flex:1;height:2px;min-width:12px;background:repeating-linear-gradient(90deg,#0b0b0b 0 6px,transparent 6px 10px);opacity:.55}
.r-neon-zelena{background:var(--zelena);box-shadow:0 0 18px #39ff6a8c}
.r-neon-zluta{background:var(--zluta);box-shadow:0 0 18px #e6ff1f80}
.r-neon-oranzova{background:var(--oranzova);box-shadow:0 0 18px #ff5a148c}
.r-neon-ruzova{background:var(--ruzova);box-shadow:0 0 18px #ff2d558c}
.r-neon-pozn{margin:10px 0 16px;color:#8d9097;font-size:12px}
.r-neon-cudlik{align-self:flex-start;display:inline-flex;align-items:center;gap:18px;padding:13px 20px;border-radius:999px;background:#1c1d21;color:#fff;font-weight:800;font-size:14px;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;box-shadow:inset 0 0 0 1px #34363c;transition:background .15s,box-shadow .15s,color .15s}
.r-neon-cudlik:hover,.r-neon-cudlik:focus-visible{background:var(--zelena);color:#0b0b0b;box-shadow:0 0 18px #39ff6a99}
.r-neon-siroky{grid-column:1/-1;flex-direction:row;align-items:center;gap:28px;padding-top:24px}
.r-neon-siroky .r-neon-velke-text{margin:0;font-size:clamp(24px,2.1vw,34px)}
.r-neon-siroky .r-neon-pruh{flex:1;margin:0}
.r-neon-weber{height:52px;width:auto;flex:none}
@media(max-width:1100px){.r-neon-mrizka{grid-template-columns:1fr 1fr}.r-neon-hlavni{grid-column:1/-1}}
@media(max-width:700px){.r-neon-mrizka{grid-template-columns:1fr}.r-neon-siroky{flex-direction:column;align-items:stretch}.r-neon-siroky .r-neon-pruh{flex-wrap:wrap}.r-neon-weber{align-self:flex-end}}
/* Roman 9. 10. 2026: tři políčka vedle sebe (čtyři zůstávají po dvou), cena
   na jednom řádku. Velikost ceny podle šířky bloku políček — u všech karet
   v řadě stejná. */
.rental-card .rental-volby{container-type:inline-size}
.rental-card .rental-volby:has(li:nth-child(3)):not(:has(li:nth-child(4))){grid-template-columns:repeat(3,minmax(0,1fr))}
.rental-card .rental-volby li:last-child:nth-child(3){grid-column:auto}
.rental-card .rental-details.rental-volby .rental-volba>strong{font-size:min(22px,4.6cqi)}
.rental-card .rental-volby:has(li:nth-child(3)):not(:has(li:nth-child(4))) .rental-volba{padding-left:6px;padding-right:6px}
/* Roman 9. 10. 2026: widgety ve svislých osách — pruhy všech horních widgetů
   na stejné výšce dole, všechny pruhy stejně vysoké, spodní široký widget
   lícuje se sloupci nad sebou (subgrid). */
.r-neon-pruh{min-height:66px;padding:12px 18px;box-sizing:border-box}
.r-neon-pruh b{font-size:17px}
.r-neon-hlavni .r-neon-cudlik{margin-bottom:16px}
.r-neon-hlavni .r-neon-pozn{margin:0 0 12px}
.r-neon-mrizka{grid-template-columns:repeat(4,minmax(0,1fr))}
.r-neon-siroky{display:grid;grid-template-columns:subgrid;column-gap:18px;align-items:center}
.r-neon-siroky>div:first-child{grid-column:1}
.r-neon-siroky .r-neon-pruh{grid-column:2/4}
.r-neon-siroky .r-neon-weber{grid-column:4;justify-self:end}
@media(max-width:1100px){.r-neon-mrizka{grid-template-columns:1fr 1fr}.r-neon-siroky{display:flex}}
.r-neon-hlavni .r-neon-pruh{justify-content:space-between;gap:6px;padding-left:14px;padding-right:14px}
.r-neon-hlavni .r-neon-pruh i{display:none}
.r-neon-hlavni .r-neon-pruh b{font-size:clamp(13px,1.05vw,16px)}
@media(min-width:1101px){.r-neon-siroky .r-neon-pruh{margin-left:22px;margin-right:22px}}
/* Roman 9. 10. 2026: v adrese webu „na“ bíle. */
.r-hero .r-hero-web .r-hero-web-na{color:#fff}

/* Ceník v neonovém widgetu (Roman 9. 10. 2026) */
.r-neon-cenik{grid-column:1/-1}
.r-neon-tab-obal{overflow-x:auto;margin:0 0 16px}
.r-neon-tab{width:100%;border-collapse:separate;border-spacing:0 6px;min-width:820px;color:#e9e9ea}
.r-neon-tab caption{caption-side:top;text-align:left;color:#9a9da4;font-size:13px;margin-bottom:6px}
.r-neon-tab th,.r-neon-tab td{padding:10px 12px;text-align:center;background:#16171a;font-size:15px}
.r-neon-tab thead th{background:none;padding:4px 6px 8px}
.r-neon-tab tr>*:first-child{text-align:left;border-radius:12px 0 0 12px}
.r-neon-tab tr>*:last-child{border-radius:0 12px 12px 0}
.r-neon-tab tbody th{color:#fff;font-weight:900;font-size:16px}
.r-neon-tab small{display:block;margin-top:2px;color:#8d9097;font-size:11.5px;font-weight:600}
.r-neon-tab thead th small{color:#8d9097}
.r-neon-tab b{font-weight:800;white-space:nowrap}
.r-neon-hl{display:inline-block;min-width:84px;padding:6px 12px;border-radius:10px;background:#2a2c31;color:#fff;font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.r-neon-hl-zelena{background:var(--zelena);color:#0b0b0b;box-shadow:0 0 14px #39ff6a80}
.r-neon-hl-zluta{background:var(--zluta);color:#0b0b0b;box-shadow:0 0 14px #e6ff1f80}
.r-neon-hl-oranzova{background:var(--oranzova);color:#0b0b0b;box-shadow:0 0 14px #ff5a1480}
.r-neon-hl-ruzova{background:var(--ruzova);color:#0b0b0b;box-shadow:0 0 14px #ff2d5580}
.r-neon-tab tbody td:last-child b{color:var(--zelena)}
.r-neon-legenda{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px;margin:0;padding:0;list-style:none;color:#b9bcc2;font-size:13.5px;line-height:1.5}
.r-neon-legenda li{display:flex;gap:10px;align-items:baseline}
.r-neon-legenda .r-neon-tecka{flex:none;transform:translateY(-1px)}
.r-neon-legenda b{color:#fff}
@media(max-width:700px){.r-neon-legenda{grid-template-columns:1fr}}
.r-neon-legenda li{display:block;position:relative;padding-left:20px}
.r-neon-legenda .r-neon-tecka{position:absolute;left:0;top:.45em;transform:none}
/* Roman 9. 10. 2026: příklad cen pryč, v hlavním widgetu jen čudlík Ceník —
   dole ve výšce barevných pruhů sousedů. */
.r-neon-hlavni .r-neon-cudlik{margin-top:auto;margin-bottom:0;min-height:66px;box-sizing:border-box}
/* Roman 9. 10. 2026: zpět původní banner, z neonového návrhu jen kauce. */
.r-neon-jen-kauce{padding:0 0 28px;background:none}
.r-neon-jen-kauce .r-neon-siroky{display:flex;margin-top:18px}
.r-neon-jen-kauce .r-neon-siroky .r-neon-pruh{margin:0}
/* Banner bez řádku s kaucí (1942 × 600): čudlík Ceník a pravidla
   451–521 px z 600, kauci ukazuje neonový widget hned pod bannerem. */
.r-longterm-banner .r-lb-cudlik{top:75.17%;height:11.67%}
.r-longterm-banner{padding-bottom:0}
/* Roman 9. 10. 2026: čudlík Ceník a pravidla po najetí bez záře. */
.r-lb-odkaz:hover .r-lb-cudlik,.r-lb-odkaz:focus-visible .r-lb-cudlik{box-shadow:none}
/* Roman 9. 10. 2026: banner dlouhodobého pronájmu výš, blíž ke krokům. */
.r-how:has(+ .r-longterm-banner){padding-bottom:24px}
.r-longterm-banner{padding-top:0}
/* Roman 9. 10. 2026: widget s kaucí bez ouška vlevo nahoře a nízký —
   výška jako logo Weber (52 px) plus stejný okraj nahoře i dole. */
.r-neon-jen-kauce .r-neon-w{margin-top:0;border-radius:18px;padding:12px 22px}
.r-neon-jen-kauce .r-neon-w::before,.r-neon-jen-kauce .r-neon-w::after{display:none}
.r-neon-jen-kauce .r-neon-siroky{margin-top:12px}
.r-neon-jen-kauce .r-neon-siroky>div:first-child{display:flex;align-items:center;gap:14px}
.r-neon-jen-kauce .r-neon-stitek{margin:0}
.r-neon-jen-kauce .r-neon-velke-text{font-size:clamp(20px,1.7vw,26px);white-space:nowrap}
.r-neon-jen-kauce .r-neon-pruh{min-height:52px;height:52px;padding:6px 18px}
.r-neon-jen-kauce .r-neon-pruh small{font-size:10px}
.r-neon-jen-kauce .r-neon-pruh b{font-size:15px}
.r-neon-jen-kauce .r-neon-weber{height:52px}
/* Peněženka místo tečky se slovem Kauce (Roman 9. 10. 2026). */
.r-neon-jen-kauce .r-neon-penezenka{display:block;flex:none;width:40px;height:40px;filter:drop-shadow(0 0 6px rgba(237,29,38,.45))}
.r-neon-jen-kauce .r-neon-penezenka svg{display:block;width:100%;height:100%}
@media(max-width:600px){.r-neon-jen-kauce .r-neon-velke-text{white-space:normal}.r-neon-jen-kauce .r-neon-penezenka{width:34px;height:34px}}
/* Na jakou akci a Časté otázky (Roman 12. 10. 2026: první ve vyhledávání
   na všechno kolem pronájmu grilu). Obě sekce nesou třídu r-potraviny, takže
   pozadí, nadpis a tlumený text přebírají ze všech šesti vzhledů; tady je jen
   vnitřek. Barvy přes --skin-* s výchozí hodnotou pro vzhled Weber. */
html:not([data-theme]) .r-seo,html[data-theme="weber"] .r-seo{background:#fff;border-top:1px solid var(--line)}
.r-seo h3{margin:0 0 8px;font-size:16px;line-height:1.3}
.r-seo article p,.r-faq details p{margin:0;font-size:14px;line-height:1.6;color:var(--skin-muted,var(--muted))}
.r-akce-mrizka{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.r-akce-mrizka article{padding:22px;border:1px solid var(--skin-line,#e1e1e1);border-radius:6px;background:var(--skin-surface,#f7f7f7)}
.r-akce-mrizka article>span{display:grid;place-items:center;width:44px;height:44px;margin-bottom:14px;border:2px solid var(--skin-accent,var(--red));border-radius:50%;color:var(--skin-accent,var(--red))}
.r-akce-mrizka svg{width:22px;height:22px}
.r-akce .r-pot-vse{margin-top:22px}
.r-faq-seznam{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 20px;align-items:start}
.r-faq details{border:1px solid var(--skin-line,#e1e1e1);border-radius:6px;background:var(--skin-surface,#f7f7f7)}
.r-faq summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;font-weight:800;font-size:15px;line-height:1.35;cursor:pointer;list-style:none}
.r-faq summary::-webkit-details-marker{display:none}
.r-faq summary::after{content:"+";flex:none;font-size:22px;line-height:1;color:var(--skin-accent,var(--red))}
.r-faq details[open] summary::after{content:"−"}
.r-faq summary:focus-visible{outline:2px solid var(--skin-accent,var(--red));outline-offset:2px}
.r-faq details p{padding:0 20px 18px}
@media(max-width:900px){.r-akce-mrizka{grid-template-columns:1fr 1fr}.r-faq-seznam{grid-template-columns:1fr}}
@media(max-width:600px){.r-akce-mrizka{grid-template-columns:1fr}.r-akce-mrizka article{padding:18px}}
.r-faq h2{margin-bottom:24px}
/* Výběr obce u dopravy (Roman 22. 10. 2026) — stejný vzhled jako ostatní pole. */
.po-pole select{min-height:44px;padding:10px 12px;border:1px solid #dcdcdc;border-radius:6px;font:inherit;font-size:15px;color:var(--ink);background:#fff}
.po-pole select:focus{outline:2px solid var(--red);outline-offset:1px;border-color:var(--red)}

/* Pruh „Dál než 20 km od Prahy?“ je klikací (Roman 22. 10. 2026). */
.rental-card .rental-mimo-prahu{cursor:pointer;transition:box-shadow .15s}
.rental-card .rental-mimo-prahu:hover,.rental-card .rental-mimo-prahu:focus-visible{box-shadow:0 0 0 2px #ff2a36,0 0 12px #ff2a3680;outline:none}
.rental-card .rental-mimo-prahu.je-vybrana{box-shadow:0 0 0 2px #39ff6a,0 0 12px #39ff6a80}
.rental-mimo-akce{display:inline-block;margin-left:4px;color:#ff5a5f;font-weight:800;white-space:nowrap}
.rental-mimo-prahu.je-vybrana .rental-mimo-akce{color:#9aa0a6;text-decoration:underline}
.rental-mimo-form{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;cursor:default}
.rental-mimo-form strong{flex-basis:100%}
.rental-mimo-form input{flex:1;min-width:120px;height:34px;padding:0 10px;border:0;border-radius:6px;font:inherit;font-size:14px;color:#151515}
.rental-mimo-form button{height:34px;padding:0 12px;border:0;border-radius:6px;background:var(--red);color:#fff;font:inherit;font-size:13px;font-weight:800;cursor:pointer}
.rental-mimo-form button[data-mimo-zpet]{background:#3a3b40}
.rental-mimo-hlaska{flex-basis:100%;font-style:normal;font-size:13px;color:#7dffa0}
.rental-mimo-hlaska:empty{display:none}
.po-upozorneni{margin:10px 0 0;padding:10px 12px;border-radius:8px;background:#fff4e5;border:1px solid #ffb35c;color:#7a4300;font-size:14px;font-weight:700}
.rental-mimo-form select{flex:1;min-width:140px;height:34px;padding:0 8px;border:0;border-radius:6px;font:inherit;font-size:14px;color:#151515;background:#fff}
.rental-mimo-jina{display:flex;flex-basis:100%;gap:8px}
.rental-mimo-jina[hidden]{display:none}
/* Roman 22. 10. 2026: pruh s výběrem obce orámovaný oranžově (najetí červeně, vybráno zeleně). */
.rental-card .rental-mimo-prahu{box-shadow:0 0 0 2px #ff8a00}
.rental-card .rental-mimo-prahu:hover,.rental-card .rental-mimo-prahu:focus-visible{box-shadow:0 0 0 2px #ff2a36,0 0 12px #ff2a3680}
.rental-card .rental-mimo-prahu.je-vybrana{box-shadow:0 0 0 2px #39ff6a,0 0 12px #39ff6a80}
/* Roman 22. 10. 2026: tlustší a zářivější oranžový rámeček. */
.rental-card .rental-mimo-prahu{box-shadow:0 0 0 3px #ff9a1f,0 0 10px #ff8a00,0 0 22px #ff8a00a6}
.rental-card .rental-mimo-prahu:hover,.rental-card .rental-mimo-prahu:focus-visible{box-shadow:0 0 0 3px #ff2a36,0 0 10px #ff2a36,0 0 22px #ff2a36a6}
.rental-card .rental-mimo-prahu.je-vybrana{box-shadow:0 0 0 3px #39ff6a,0 0 10px #39ff6a,0 0 22px #39ff6aa6}
/* Roman 22. 10. 2026: rámeček žluto-černý jako výstražná páska. */
.rental-card .rental-mimo-prahu{border:4px solid transparent;background:linear-gradient(90deg,#1b1c1e,#2b2c2f) padding-box,repeating-linear-gradient(-45deg,#ffd400 0 10px,#111 10px 20px) border-box;box-shadow:0 0 12px #ffd40066}
.rental-card .rental-mimo-prahu:hover,.rental-card .rental-mimo-prahu:focus-visible{box-shadow:0 0 14px #ffd400b3}
.rental-card .rental-mimo-prahu.je-vybrana{background:linear-gradient(90deg,#1b1c1e,#2b2c2f) padding-box,#39ff6a border-box;box-shadow:0 0 10px #39ff6a,0 0 22px #39ff6aa6}
/* Roman 22. 10. 2026: pruh Zdarma v ceně neonově zelený jako štítek Sezóna. */
.rental-card .rental-equipment:not(.rental-equipment-misto){background:#39ff6a;color:#0b0b0b;box-shadow:0 0 14px #39ff6a80}
.rental-card .rental-equipment:not(.rental-equipment-misto)::before{background:#0b0b0b;color:#39ff6a}
/* Roman 22. 10. 2026: v pásce stejná žlutá jako štítek 14 dní. */
.rental-card .rental-mimo-prahu{background:linear-gradient(90deg,#1b1c1e,#2b2c2f) padding-box,repeating-linear-gradient(-45deg,#e6ff1f 0 10px,#111 10px 20px) border-box;box-shadow:0 0 12px #e6ff1f66}
.rental-card .rental-mimo-prahu:hover,.rental-card .rental-mimo-prahu:focus-visible{box-shadow:0 0 14px #e6ff1fb3}
.rental-card .rental-mimo-prahu.je-vybrana{background:linear-gradient(90deg,#1b1c1e,#2b2c2f) padding-box,#39ff6a border-box;box-shadow:0 0 10px #39ff6a,0 0 22px #39ff6aa6}
/* Roman 22. 10. 2026: vnitřek pruhu dopravy oranžovo-růžový jako štítky Měsíc a 3 měsíce. */
.rental-card .rental-mimo-prahu{background:linear-gradient(90deg,#ff5a14,#ff2d55) padding-box,repeating-linear-gradient(-45deg,#e6ff1f 0 10px,#111 10px 20px) border-box;color:#0b0b0b}
.rental-card .rental-mimo-prahu strong{color:#0b0b0b}
.rental-card .rental-mimo-prahu .rental-mimo-akce{color:#fff;text-shadow:0 1px 2px #0006}
.rental-card .rental-mimo-prahu>svg{color:#fff;background:#0b0b0b}
.rental-card .rental-mimo-prahu.je-vybrana{background:linear-gradient(90deg,#ff5a14,#ff2d55) padding-box,#39ff6a border-box}
.rental-card .rental-mimo-hlaska{color:#0b0b0b;font-weight:700}
/* Delší věta Ke grilu vám zdarma zapůjčíme… musí zůstat na jednom řádku. */
.rental-card{container-type:inline-size}
.rental-card .rental-equipment{font-size:min(13px,2.85cqi);white-space:nowrap;overflow:hidden}
.rental-card .rental-equipment{font-size:min(13px,2.5cqi);gap:6px;padding-left:10px;padding-right:10px}
@media(max-width:760px){.rental-card .rental-equipment{white-space:normal;font-size:13px}}
/* Roman 22. 10. 2026: vnitřek zpět černý, Vybrat obec růžově, popis obce oranžově. */
.rental-card .rental-mimo-prahu{background:linear-gradient(90deg,#1b1c1e,#2b2c2f) padding-box,repeating-linear-gradient(-45deg,#e6ff1f 0 10px,#111 10px 20px) border-box;color:#ff5a14}
.rental-card .rental-mimo-prahu strong{color:#fff}
.rental-card .rental-mimo-prahu .rental-mimo-akce{color:#ff2d55;text-shadow:none}
.rental-card .rental-mimo-prahu>svg{color:#fff;background:#ff2d55}
.rental-card .rental-mimo-prahu.je-vybrana{background:linear-gradient(90deg,#1b1c1e,#2b2c2f) padding-box,#39ff6a border-box}
.rental-card .rental-mimo-hlaska{color:#39ff6a}
/* Roman 22. 10. 2026: popis obce bíle. */
.rental-card .rental-mimo-prahu{color:#fff}
/* Roman 22. 10. 2026: nadpis Kam gril přivezeme? oranžově jako štítek Měsíc. */
.rental-card .rental-mimo-prahu strong{color:#ff5a14}
/* Roman 22. 10. 2026: volba Jiná obec v seznamu s červeným nádechem. */
select option[value="__jina"]{background:#ffe1e3;color:#c8102e;font-weight:700}