/* ==========================================================================
   Cukrárna U Lenky — vzhled veřejného webu (css/style.css)
   Část 1 = stylopis schváleného návrhu №29 BEZE ZMĚNY (kromě: fotka banneru
   z dat → /styl-obsahu.css, pole formuláře pod společnou třídou .formular,
   hláška nad okny, karty nabídky bez prokliku — žádný kurzor lupy, zvednutí ani
   zvětšení fotky při najetí, 26. 10. 2026). Část 2 = doplňky pro skutečný web (slider, okno
   objednání, podstránky, 20 druhů prvků). Písma samohostovaná (GDPR).
   ========================================================================== */
@font-face{font-family:'Great Vibes';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/great-vibes-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Great Vibes';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/great-vibes-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/playfair-display-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/playfair-display-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/playfair-display-latin-ext-500-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/playfair-display-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Lora';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/lora-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Lora';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/lora-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Lora';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/lora-latin-ext-500-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Lora';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/lora-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Lora';font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/lora-latin-ext-400-italic.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Lora';font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/lora-latin-400-italic.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Dancing Script';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/dancing-script-latin-ext-500-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Dancing Script';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/dancing-script-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ---------- 1. návrh №29 ---------- */
:root{
  --cream:#fdf8f3; --cream2:#f9efe8; --blush:#f6e4de; --blush2:#f1d6cf;
  --rose:#b5636a; --rose-d:#9c4f57; --rose-l:#d79a9c;
  --choco:#4a2a20; --text:#5b4038; --muted:#866a60; --gold:#c7a37a;
  --line:#ead8d0; --white:#fffdfb;
  --shadow:0 10px 30px -14px rgba(120,60,50,.35);
  --r:14px;
  --serif:'Playfair Display',Georgia,serif;
  --body:'Lora',Georgia,serif;
  --script:'Great Vibes',cursive;
  --hand:'Dancing Script',cursive;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:84px}
:focus-visible{outline:2px solid var(--rose-d);outline-offset:3px;border-radius:4px}
.btn:focus-visible{outline-offset:3px;border-radius:999px}
.skip{position:fixed;left:16px;top:-60px;z-index:200;background:var(--choco);color:#fff;padding:10px 18px;border-radius:999px;font-size:14px;transition:top .2s}
.skip:focus{top:12px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
body{background:var(--cream);color:var(--text);font-family:var(--body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
.wrap{max-width:1560px;margin:0 auto;padding:0 24px}
.heart{display:inline-block;width:.9em;height:.9em;vertical-align:middle}

/* ---------- header ---------- */
header{position:fixed;top:0;left:0;right:0;z-index:50;transition:background .3s,box-shadow .3s}
header.sc{background:rgba(253,248,243,.96);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 6px 22px -12px rgba(90,40,30,.4)}
.nav{display:flex;align-items:center;gap:28px;height:76px;padding-left:220px;position:relative;transition:height .3s,padding .3s}
header.sc .nav{height:70px;padding-left:84px}
.logo{position:absolute;left:0;top:10px;width:170px;height:170px;border-radius:50%;box-shadow:0 8px 24px -10px rgba(90,40,30,.45);background:var(--cream);transition:width .3s,height .3s,top .3s,box-shadow .3s}
header.sc .logo{width:60px;height:60px;top:5px;box-shadow:0 2px 8px -3px rgba(90,40,30,.35)}
.logo img{width:100%;height:100%}
.menu{display:flex;gap:30px;list-style:none;font-size:15px}
.menu a{padding:6px 0;position:relative;color:var(--choco)}
.menu a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1.5px;background:var(--rose);transform:scaleX(0);transition:transform .25s}
.menu a:hover::after,.menu a.on::after{transform:scaleX(1)}
.nav-r{margin-left:auto;display:flex;align-items:center;gap:22px}
.tag{position:relative;display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:500;line-height:1.25;color:#3a1f17;text-shadow:0 0 3px rgba(255,253,251,.95),0 0 8px rgba(255,253,251,.85)}
.tag::before{content:"";position:absolute;inset:-30px -48px;z-index:-1;background:radial-gradient(ellipse closest-side,rgba(255,253,251,.5) 0%,rgba(255,253,251,.32) 45%,rgba(255,253,251,.1) 75%,rgba(255,253,251,0) 100%);filter:blur(4px);transition:opacity .3s}
header.sc .tag::before{opacity:0}
.tag .heart{color:var(--rose);width:20px;height:20px}
.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--body);font-size:15px;padding:12px 26px;border-radius:999px;border:1.5px solid var(--rose);cursor:pointer;transition:background .2s,border-color .2s,color .2s,transform .2s,box-shadow .2s;white-space:nowrap}
.btn svg{width:18px;height:18px}
.btn-p{background:#a5545c;border-color:#a5545c;color:#fff;box-shadow:0 8px 18px -8px rgba(156,79,87,.7)}
.btn-p:hover{background:#8f4750;border-color:#8f4750;transform:translateY(-1px)}
.btn-o{background:rgba(255,255,255,.6);color:var(--choco);border-color:var(--rose-l)}
.btn-o:hover{background:#fff;border-color:var(--rose)}
.burger{display:none;margin-left:auto;background:none;border:0;width:44px;height:44px;cursor:pointer;color:var(--choco)}
.burger svg{width:28px;height:28px}

/* ---------- hero ---------- */
.hero{display:flex;align-items:center;position:relative;min-height:clamp(600px,38vw,760px);background:linear-gradient(90deg,var(--cream) 0%,var(--cream) 42%,#f7ebe3 100%);overflow:hidden}
.hero>.wrap{width:100%}
.hero-img{position:absolute;right:calc(-1 * var(--sh,150px));top:0;bottom:0;width:calc(100% + var(--sh,150px));background:right center/cover no-repeat}
.hero-img::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(253,248,243,.92) 0%,rgba(253,248,243,.75) 30%,rgba(253,248,243,.15) 52%,rgba(253,248,243,0) 62%)}
.hero-in{position:relative;z-index:2;padding:200px 0 60px 14px;max-width:700px}
.hero h1{font-family:var(--serif);font-weight:500;color:var(--choco);font-size:clamp(44px,5.2vw,64px);line-height:1}
.hero h1 em{display:block;font-family:var(--script);font-style:normal;font-weight:400;color:var(--rose);font-size:1.22em;line-height:1.05;margin-top:4px}
.hero .lead{display:flex;align-items:center;gap:14px;margin-top:22px;font-family:var(--serif);font-size:21px;line-height:1.3;color:var(--choco)}
.swirl{width:90px;height:40px;color:var(--rose);flex:none}
.hero p.t{margin-top:14px;font-size:15px;color:var(--muted);max-width:430px}
.hero .ctas{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}

/* ---------- section heads ---------- */
section{padding:56px 0}
.sh{display:flex;align-items:flex-end;justify-content:center;position:relative;margin-bottom:24px;text-align:center}
.sh .c h2{font-family:var(--serif);font-weight:500;font-size:clamp(26px,3vw,32px);color:var(--choco);display:flex;align-items:center;gap:14px;justify-content:center}
.sh .c p{color:var(--muted);font-size:15px;margin-top:2px}
.orn{width:76px;height:22px;color:var(--rose)}
.orn.r{transform:scaleX(-1)}
.more{position:absolute;right:0;bottom:22px;font-size:13.5px;color:var(--choco);border-bottom:1px solid var(--choco);display:flex;align-items:center;gap:8px;padding-bottom:1px}
.more:hover{color:var(--rose);border-color:var(--rose)}
.more svg{width:16px;height:16px}

/* ---------- products ---------- */
.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.card{background:var(--white);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);text-align:center}
.card .ph{display:block;width:100%;aspect-ratio:187/111;overflow:hidden}
.card img{width:100%;height:100%;object-fit:cover}
.card h3{font-family:var(--serif);font-weight:500;font-size:17px;color:var(--choco);margin-top:12px}
.card span{display:block;font-size:13px;color:var(--muted);padding:0 8px 14px}

/* ---------- panels ---------- */
.panels{display:grid;grid-template-columns:1fr 1fr;gap:26px;padding-top:0}
.panel{position:relative;border-radius:var(--r);background:linear-gradient(135deg,#fbf1ec,#f6e2dc);overflow:hidden;min-height:300px;display:flex;box-shadow:var(--shadow)}
.panel .tx{position:relative;z-index:2;padding:32px 24px 32px 28px}
.panel .pic{position:absolute;top:0;bottom:0;right:0;height:100%;aspect-ratio:2/1;max-width:none;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 38%);mask-image:linear-gradient(90deg,transparent 0%,#000 38%)}
.panel .pic img{width:100%;height:100%;object-fit:cover;object-position:right center}
.panel.cake{--pbg:#f6e7da;--pbg-a:rgba(246,231,218,.75);--pbg-b:rgba(246,231,218,.45);background:var(--pbg)}
.panel.me{--pbg:#faebe2;--pbg-a:rgba(250,235,226,.75);--pbg-b:rgba(250,235,226,.45);background:var(--pbg)}
.panel .tx{width:50%}
.coffee img{object-position:100% 50%}
.panel h2{font-family:var(--serif);font-weight:500;font-size:28px;color:var(--choco);line-height:1.15}
.panel .sub{font-family:var(--serif);font-size:16.5px;color:var(--choco);margin-top:4px}
.panel .sm{font-family:var(--serif);font-size:17px;color:var(--choco)}
.panel p{font-size:14.5px;margin-top:16px;max-width:300px}
.panel .btn{margin-top:22px}
.panel.me h2{display:flex;align-items:center;gap:10px}
.panel.me h2 .heart{color:var(--rose);width:22px;height:22px}
.quote{font-family:var(--hand);color:var(--rose-d);font-size:20px;line-height:1.3;margin-top:18px;transform:rotate(-4deg);transform-origin:left}
.sign{font-family:var(--script);color:var(--rose-d);font-size:32px;margin:4px 0 0 60px;display:flex;align-items:center;gap:14px}
.sign .heart{width:20px;height:20px}

/* ---------- features ---------- */
.feats{display:grid;grid-template-columns:repeat(4,1fr);padding:26px 0 8px}
.feat{display:flex;gap:16px;align-items:flex-start;padding:4px 20px;border-left:1px solid var(--line)}
.feat:first-child{border-left:0;padding-left:0}
.ic{flex:none;width:58px;height:58px;border-radius:50%;background:var(--blush);display:grid;place-items:center;color:var(--rose)}
.ic svg{width:28px;height:28px}
.feat h3{font-family:var(--serif);font-weight:500;font-size:16.5px;color:var(--choco)}
.feat p{font-size:13.5px;color:var(--muted);line-height:1.45;margin-top:4px}

/* ---------- gallery ---------- */
.gal{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.gal button{border:0;padding:0;border-radius:10px;overflow:hidden;cursor:zoom-in;aspect-ratio:157/121;background:var(--blush)}
.gal img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.gal button:hover img{transform:scale(1.07)}
.gal button.x{display:none}
.gal.all button.x{display:block}
.now{display:flex;align-items:center;gap:8px;font-size:12.5px;margin-top:10px;color:var(--muted)}
.now::before{content:"";width:8px;height:8px;border-radius:50%;background:#bbb}
.now.open{color:#4f7a4a}.now.open::before{background:#5f9a58;box-shadow:0 0 0 3px rgba(95,154,88,.2)}
.lb .nx,.lb .pv{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.14);font-size:30px;right:auto}
.lb .pv{left:18px}.lb .nx{right:18px;left:auto}
.lb .nx:hover,.lb .pv:hover{background:rgba(255,255,255,.28)}
.lb .cnt{position:absolute;bottom:18px;left:0;right:0;text-align:center;color:#fff;font-size:14px}
.lb figcaption{display:none}

/* ---------- contact ---------- */
.contact{display:grid;grid-template-columns:2fr 1fr;gap:20px;padding-top:12px}
.visit{position:relative;border-radius:var(--r);background:linear-gradient(135deg,#fbf0eb,#f5e1db);padding:30px 26px;display:grid;grid-template-columns:1.15fr .9fr 1fr;gap:18px;align-items:start;box-shadow:var(--shadow);overflow:hidden}
.visit h2{font-size:22px!important;display:block!important}
.visit h2 .heart{margin-left:6px;vertical-align:-2px}
.visit h2,.write h2{font-family:var(--serif);font-weight:500;font-size:25px;color:var(--choco);display:flex;align-items:center;gap:12px}
.visit h2 .heart,.write h2 .heart{color:var(--rose);width:20px;height:20px}
.visit .intro{font-size:13.5px;margin-top:10px}
.info{list-style:none;margin-top:18px;display:grid;gap:14px}
.info li{display:flex;gap:14px;align-items:flex-start;font-size:15px;color:var(--choco)}
.info svg{width:22px;height:22px;color:var(--rose);flex:none;margin-top:2px}
.info a:hover{color:var(--rose)}
.coffee{align-self:stretch;border-radius:10px;overflow:hidden;min-height:220px}
.coffee img{width:100%;height:100%;object-fit:cover}
.hours td:first-child{white-space:nowrap;padding-right:12px}
.hours h3,.see{white-space:nowrap}
.hours{background:rgba(255,255,255,.75);border-radius:12px;padding:18px 18px 14px;box-shadow:0 4px 14px -8px rgba(120,60,50,.3)}
.hours h3{font-family:var(--serif);font-weight:500;font-size:18px;color:var(--choco);display:flex;gap:10px;align-items:center;margin-bottom:10px}
.hours h3 svg{width:22px;height:22px;color:var(--rose)}
.hours table{width:100%;border-collapse:collapse;font-size:13.5px}
.hours td{padding:8px 0;border-top:1px solid var(--line)}
.hours td:last-child{text-align:right;white-space:nowrap}
.hours td{vertical-align:top}
.hours tr.today td{color:var(--rose-d);font-weight:500}
.see{font-family:var(--hand);color:var(--rose-d);font-size:22px;margin-top:22px;display:flex;align-items:center;gap:8px;transform:rotate(-4deg)}
.see .heart{width:20px;height:20px}
.write{border-radius:var(--r);background:linear-gradient(135deg,#fbf0eb,#f5e1db);padding:26px 22px;box-shadow:var(--shadow)}
.write p{font-size:13.5px;margin:4px 0 14px}
.formular{display:grid;gap:10px}
.formular input,.formular textarea{width:100%;font-family:var(--body);font-size:14px;color:var(--choco);background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 14px;outline:none;transition:border-color .2s,box-shadow .2s}
.formular textarea{min-height:76px;resize:vertical}
.formular input:focus,.formular textarea:focus{border-color:var(--rose-l);box-shadow:0 0 0 3px rgba(215,154,156,.25)}
.formular .btn{justify-content:center;width:100%;margin-top:4px}

/* ---------- footer ---------- */
footer{padding:30px 0 34px;margin-top:20px}
.ft{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12.5px;color:var(--choco)}
.ft .l{display:flex;align-items:center;gap:12px}
.ft .l .heart{color:var(--rose);width:16px;height:16px}
.ft .m{color:var(--rose);width:100px;height:30px}
.ft nav{display:flex;gap:0;align-items:center}
.ft nav a{padding:0 10px;border-left:1px solid var(--line)}
.ft nav a:first-child{border-left:0}
.ft nav a:hover{color:var(--rose)}
.soc{display:flex;gap:8px}
.soc a{width:30px;height:30px;border-radius:7px;background:var(--choco);color:#fff;display:grid;place-items:center;transition:background .2s}
.soc a:hover{background:var(--rose)}
.soc svg{width:16px;height:16px}

/* ---------- lightbox / toast ---------- */
.lb{position:fixed;inset:0;background:rgba(40,20,15,.82);display:none;align-items:center;justify-content:center;z-index:100;padding:24px}
.lb.on{display:flex}
.lb img{max-width:min(860px,92vw);max-height:80vh;border-radius:12px;box-shadow:0 20px 50px rgba(0,0,0,.4)}
.lb button{position:absolute;top:18px;right:22px;color:#fff;background:none;border:0;color:#fff;font-size:38px;cursor:pointer;line-height:1}
.toast{pointer-events:none;position:fixed;left:50%;bottom:28px;transform:translate(-50%,30px);background:var(--choco);color:#fff;padding:14px 22px;border-radius:999px;font-size:14.5px;opacity:0;transition:all .35s;z-index:140;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.toast.on{opacity:1;transform:translate(-50%,0)}


/* ---------- legal footer ---------- */
.legal{border-top:1px solid var(--line);margin-top:22px;padding-top:16px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:12.5px;color:var(--muted)}
.legal nav{display:flex;flex-wrap:wrap;gap:6px 18px}
.legal a,.legal button{color:var(--muted);background:none;border:0;font:inherit;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line)}
.legal a:hover,.legal button:hover{color:var(--rose)}
.consent-note{font-size:12px;color:var(--muted);line-height:1.45;margin-top:6px}
.consent-note button{background:none;border:0;padding:0;font:inherit;color:var(--rose-d);text-decoration:underline;cursor:pointer}

/* ---------- cookie bar ---------- */
.cbar{position:fixed;left:16px;right:16px;bottom:16px;z-index:120;max-width:1060px;margin:0 auto;background:var(--white);border-radius:16px;box-shadow:0 18px 50px -12px rgba(70,30,20,.45);padding:20px 24px;display:none;align-items:center;gap:24px;border:1px solid var(--line)}
.cbar.on{display:flex;animation:cup .4s ease}
@keyframes cup{from{transform:translateY(30px);opacity:0}to{transform:none;opacity:1}}
.cbar .ci{flex:none;width:52px;height:52px;border-radius:50%;background:var(--blush);display:grid;place-items:center;color:var(--rose)}
.cbar .ci svg{width:28px;height:28px}
.cbar h3{font-family:var(--serif);font-weight:500;font-size:18px;color:var(--choco)}
.cbar p{font-size:13.5px;line-height:1.5;margin-top:2px}
.cbar p button{background:none;border:0;padding:0;font:inherit;color:var(--rose-d);text-decoration:underline;cursor:pointer}
.cbar .cb{display:flex;gap:10px;flex:none}
.btn-s{padding:10px 20px;font-size:14px}
.btn-g{background:transparent;color:var(--choco);border-color:var(--line)}
.btn-g:hover{border-color:var(--rose-l);background:#fff}

/* ---------- modal ---------- */
.md{position:fixed;inset:0;z-index:130;background:rgba(45,22,16,.55);display:none;align-items:center;justify-content:center;padding:20px}
.md.on{display:flex}
.md .box{background:var(--white);border-radius:18px;max-width:760px;width:100%;max-height:min(86vh,900px);display:flex;flex-direction:column;box-shadow:0 30px 70px -20px rgba(0,0,0,.45);overflow:hidden}
.md .hd{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 26px;border-bottom:1px solid var(--line)}
.md .hd h2{font-family:var(--serif);font-weight:500;font-size:24px;color:var(--choco)}
.md .x{background:none;border:0;font-size:30px;line-height:1;color:var(--muted);cursor:pointer;width:40px;height:40px;border-radius:50%}
.md .x:hover{background:var(--blush);color:var(--rose-d)}
.md .bd{padding:22px 26px 26px;overflow:auto;font-size:14.5px;line-height:1.65}
.md .bd h3{font-family:var(--serif);font-weight:500;font-size:18px;color:var(--choco);margin:22px 0 6px}
.md .bd h3:first-child{margin-top:0}
.md .bd p,.md .bd ul{margin:6px 0}
.md .bd ul{padding-left:20px}
.md .bd li{margin:3px 0}
.md .bd .meta{font-size:13px;color:var(--muted)}
.md .bd a{color:var(--rose-d);text-decoration:underline}
.md .bd table{width:100%;border-collapse:collapse;font-size:13px;margin:8px 0}
.md .bd th,.md .bd td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line);vertical-align:top}
.md .bd th{color:var(--choco);font-weight:500;background:var(--cream2)}
.md .bd button.lnk{background:none;border:0;padding:0;font:inherit;color:var(--rose-d);text-decoration:underline;cursor:pointer}
.md .ft2{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;padding:16px 26px;border-top:1px solid var(--line);background:var(--cream)}
.cat{border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin:10px 0}
.cat .top{display:flex;justify-content:space-between;align-items:center;gap:14px}
.cat h3{font-family:var(--serif);font-weight:500;font-size:16.5px;color:var(--choco)}
.cat p{font-size:13.5px;color:var(--muted);margin-top:4px!important}
.cat .always{font-size:12.5px;color:#4f7a4a;white-space:nowrap}
.sw{position:relative;width:46px;height:26px;flex:none}
.sw input{opacity:0;width:0;height:0;position:absolute}
.sw span{position:absolute;inset:0;border-radius:999px;background:#d9cbc5;transition:background .2s;cursor:pointer}
.sw span::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .2s}
.sw input:checked+span{background:var(--rose)}
.sw input:checked+span::after{transform:translateX(20px)}
.sw input:focus-visible+span{outline:2px solid var(--rose-l);outline-offset:2px}
body.noscroll{overflow:hidden}
@media (max-width:760px){
  .cbar{flex-direction:column;align-items:stretch;gap:14px;padding:18px}
  .cbar .ci{display:none}
  .cbar .cb{flex-direction:column}
  .cbar .cb .btn{justify-content:center}
  .md{padding:0;align-items:flex-end}
  .md .box{max-height:92vh;border-radius:18px 18px 0 0}
  .md .hd,.md .bd,.md .ft2{padding-left:18px;padding-right:18px}
  .md .ft2 .btn{flex:1;justify-content:center}
  .md .bd table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .md .bd th,.md .bd td{min-width:120px}
}
/* ---------- responsive ---------- */
@media (max-width:1499px){
  .panels{grid-template-columns:1fr}
  .panel{min-height:340px}
}
@media (max-width:1400px){
  .contact{grid-template-columns:1fr}
  .write{display:grid;grid-template-columns:1fr 1.6fr;grid-template-rows:auto 1fr;gap:4px 34px;align-items:start}
  .write form{grid-column:2;grid-row:1/3}
}
@media (max-width:1100px){
  .feats{grid-template-columns:1fr 1fr;gap:22px 0}
  .feat:nth-child(3){border-left:0;padding-left:0}
  .ft{flex-direction:column;text-align:center}
  .ft nav{flex-wrap:wrap;justify-content:center;row-gap:6px}
  .legal{justify-content:center;text-align:center}
  .legal nav{justify-content:center}
  .visit{grid-template-columns:1fr 1fr}
  .coffee{grid-column:1/-1;grid-row:2;min-height:240px;max-height:280px}
  .coffee img{object-position:60% 50%}
}
@media (max-width:1240px){
  .tag{display:none}
}
@media (max-width:1100px){
  .hero-img::before{background:linear-gradient(90deg,rgba(253,248,243,.92) 0%,rgba(253,248,243,.8) 45%,rgba(253,248,243,.2) 68%,rgba(253,248,243,0) 78%)}
  .menu{gap:20px}
  .tag{display:none}
}
@media (max-width:980px){
  .nav{padding-left:140px}
  .logo{width:120px;height:120px}
  header.sc .nav{padding-left:80px}
  .menu,.nav-r .btn{display:none}
  .burger{display:block}
  .menu.open{display:flex;flex-direction:column;position:absolute;top:70px;right:0;background:var(--white);border-radius:14px;padding:16px 24px;gap:8px;box-shadow:var(--shadow);z-index:30}
  .hero-in{padding:150px 0 60px}
  .hero{min-height:600px}
  .hero-img{--sh:150px;background-position:72% center}
  .cards{display:flex;flex-wrap:wrap;justify-content:center}
  .card{flex:0 0 calc((100% - 32px)/3)}
  .panels{grid-template-columns:1fr}
  .gal{grid-template-columns:repeat(3,1fr)}
  .contact{grid-template-columns:1fr}
  .more{position:static;margin-top:6px}
  .sh{flex-direction:column;align-items:center}
}
@media (max-width:640px){
  .wrap{padding:0 16px}
  .nav{padding-left:110px;height:64px}
  .logo{width:92px;height:92px;top:8px}
  header.sc .nav{height:62px;padding-left:70px}
  header.sc .logo{width:52px;height:52px;top:5px}
  .menu.open{top:62px}
  .hero{min-height:0}
  .hero-in{padding:120px 0 44px}
  .hero-img{opacity:.35;background-position:80% center}
  .hero .lead{font-size:18px}
  .swirl{display:none}
  .card{flex:0 0 calc((100% - 16px)/2)}
  .panel{flex-direction:column;min-height:0}
  .panel .tx{width:100%;padding-bottom:10px}
  .panel .pic{position:relative;top:auto;right:auto;width:100%;height:240px;aspect-ratio:auto;-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 40%);mask-image:linear-gradient(180deg,transparent 0%,#000 40%)}
  .panel.cake .pic img{object-position:82% center}
  .panel.me .pic img{object-position:74% center}
  .coffee img{object-position:62% 50%}
  .feats{grid-template-columns:1fr}
  .feat{border-left:0;padding-left:0}
  .gal{grid-template-columns:1fr 1fr}
  .visit{grid-template-columns:1fr}
  .coffee{grid-column:auto;grid-row:auto}
  .write{display:block}
  .coffee{min-height:200px;max-height:260px}
  .orn{width:30px}
  .sh .c h2{font-size:24px;gap:10px}
}

/* ==========================================================================
   2. DOPLŇKY SKUTEČNÉHO WEBU
   ========================================================================== */
/* sada kreseb, obrázky ve <picture> (WebP) se chovají jako samotný <img> */
.sprite{position:absolute}
picture{display:contents}
/* návrh měl u kontaktu style="padding-top:0" a u ornamentu style="width:50px" */
section.contact{padding-top:0}
.write h2 .orn{width:50px}
.md .bd .pozn-mala{font-size:13px}
.gtm-ns{display:none;visibility:hidden}

/* ---------- úvodní banner: jeden snímek = návrh №29, víc snímků = slider ---------- */
.hero-snimek{display:contents}
.hero-snimek>.wrap{width:100%}
.hero.ma-slider .hero-snimek:not(.on){display:none}
.hero .h1{font-family:var(--serif);font-weight:500;color:var(--choco);font-size:clamp(44px,5.2vw,64px);line-height:1}
.hero .h1 em{display:block;font-family:var(--script);font-style:normal;font-weight:400;color:var(--rose);font-size:1.22em;line-height:1.05;margin-top:4px}
.hero-tecky{position:absolute;left:0;right:0;bottom:22px;z-index:3;display:flex;justify-content:center;gap:10px}
.hero-tecka{width:12px;height:12px;border-radius:50%;border:1.5px solid var(--rose);background:rgba(255,255,255,.7);padding:0;cursor:pointer;transition:background .2s,transform .2s}
.hero-tecka.on{background:var(--rose);transform:scale(1.15)}
.hero-tecka:hover{background:var(--rose-l)}
.ma-slider .hero-snimek.on .hero-in{animation:snimek .7s ease}
@keyframes snimek{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* ---------- formulář ---------- */
.formular .past{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.formular input.je-chyba,.formular textarea.je-chyba{border-color:#c0545c}
.formular button[disabled]{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}
.formular__stav{font-size:13.5px;color:#4f7a4a;margin:2px 0 0}
.formular__stav.je-chyba{color:#a33a42}
.write .formular__stav{margin:2px 0 0}

/* ---------- okno objednání (stejná šablona formuláře jako Kontakt) ---------- */
.md-objednavka .box{max-width:560px}
.md-objednavka .okno-uvod{font-size:14px;color:var(--muted);margin:0 0 14px}

/* ---------- podstránky a 404 ---------- */
.podstranka{padding:206px 0 30px}
.podstranka__hlava{text-align:center;max-width:820px;margin:0 auto 26px}
.podstranka__hlava h1{font-family:var(--serif);font-weight:500;color:var(--choco);font-size:clamp(30px,4vw,44px);line-height:1.15}
.podstranka__podtitul{color:var(--muted);font-size:15.5px;margin-top:10px}
.podstranka__obsah{max-width:820px;margin:0 auto;background:var(--white);border-radius:var(--r);box-shadow:var(--shadow);padding:34px 40px 30px}
.chyba404{min-height:70vh}
.chyba404 .podstranka__hlava h1{font-size:clamp(28px,3.4vw,38px)}
.chyba404 .podstranka__hlava .btn{margin-top:26px}
@media (max-width:980px){.podstranka{padding-top:150px}}
@media (max-width:640px){.podstranka{padding-top:118px}.podstranka__obsah{padding:24px 18px}}

/* ---------- prvky stránek (20 druhů) ---------- */
.prvek{position:relative;padding:12px 0}
.podstranka .prvek{padding:6px 0}
:is(section,div).prvek:not(.prvek--fotopas)>.wrap{padding-top:12px;padding-bottom:12px}
.prvek h2,.prvek .pr-nadpis{font-family:var(--serif);font-weight:500;color:var(--barva-nadpisu,var(--choco));font-size:24px;line-height:1.25;margin:18px 0 8px}
.podstranka__obsah>.prvek:first-child .pr-nadpis{margin-top:0}
.prvek h3{font-family:var(--serif);font-weight:500;color:var(--barva-nadpisu,var(--choco));font-size:18px}
.prvek p{margin:8px 0}
.prvek a:not(.btn){color:var(--rose-d);text-decoration:underline;text-underline-offset:3px}
.zarovnani-stred{text-align:center}
.zarovnani-vpravo{text-align:right}
.pozadi-kremova{background:var(--cream2)}
.pozadi-ruzova{background:linear-gradient(135deg,#fbf0eb,#f5e1db)}
.pozadi-bila{background:var(--white)}
.podstranka .pozadi-kremova,.podstranka .pozadi-ruzova,.podstranka .pozadi-bila{border-radius:12px;padding-left:18px;padding-right:18px}
.sloupce-2 .pr-text,.sloupce-2 .pr-odrazky{columns:2;column-gap:32px}
.sloupce-3 .pr-text,.sloupce-3 .pr-odrazky,.sloupce-4 .pr-text,.sloupce-4 .pr-odrazky{columns:3;column-gap:28px}
.sloupce-2 .pr-galerie,.sloupce-2 .pr-ikony{grid-template-columns:repeat(2,1fr)}
.sloupce-3 .pr-galerie,.sloupce-3 .pr-ikony{grid-template-columns:repeat(3,1fr)}
.sloupce-4 .pr-galerie,.sloupce-4 .pr-ikony{grid-template-columns:repeat(4,1fr)}
.sloupce-2 .pr-osoby{grid-template-columns:repeat(2,1fr)}
.sloupce-3 .pr-osoby{grid-template-columns:repeat(3,1fr)}
.sloupce-4 .pr-osoby{grid-template-columns:repeat(4,1fr)}
.pr-drobne p,.pr-text p.meta{font-size:13px;color:var(--muted)}
.pr-odrazky{list-style:none;margin:8px 0;padding:0}
.pr-odrazky li{position:relative;padding-left:22px;margin:5px 0}
.pr-odrazky li::before{content:"";position:absolute;left:4px;top:.62em;width:8px;height:8px;border-radius:50%;background:var(--rose-l)}
.pr-obrazek{margin:16px 0}
.pr-obrazek img{width:100%;height:auto;border-radius:12px;box-shadow:var(--shadow)}
.pr-obrazek figcaption{font-size:13px;color:var(--muted);text-align:center;margin-top:8px}
.pr-citace{margin:18px 0;padding:6px 0 6px 22px;border-left:3px solid var(--rose-l)}
.pr-citace blockquote{font-family:var(--serif);font-size:19px;line-height:1.45;color:var(--choco)}
.pr-citace figcaption{font-family:var(--hand);color:var(--rose-d);font-size:21px;margin-top:6px}
.pr-odkaz{margin:14px 0}
.pr-dvojice{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;align-items:center;margin:12px 0}
.pr-dvojice.foto-vlevo .pr-dvojice__foto{order:-1}
.pr-dvojice__foto img{width:100%;height:auto;border-radius:12px;box-shadow:var(--shadow)}
.pr-postup{list-style:none;counter-reset:krok;margin:10px 0;padding:0;display:grid;gap:14px}
.pr-postup li{counter-increment:krok;position:relative;padding-left:52px;min-height:38px}
.pr-postup li::before{content:counter(krok);position:absolute;left:0;top:0;width:38px;height:38px;border-radius:50%;background:var(--blush);color:var(--rose-d);font-family:var(--serif);font-size:18px;display:grid;place-items:center}
.pr-postup h3,.pr-postup h4{font-family:var(--serif);font-weight:500;font-size:17px;color:var(--choco)}
.pr-postup p{margin:2px 0 0;font-size:14.5px;color:var(--muted)}
.pr-dotazy{margin:10px 0;display:grid;gap:8px}
.pr-dotazy details{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:12px 16px}
.pr-dotazy summary{cursor:pointer;font-family:var(--serif);font-size:16.5px;color:var(--choco)}
.pr-dotazy details[open] summary{color:var(--rose-d)}
.pr-dotazy p{margin:8px 0 2px;font-size:14.5px}
.pr-upozorneni{display:flex;gap:14px;align-items:flex-start;margin:14px 0;padding:14px 18px;border-radius:12px;background:var(--blush);color:var(--choco)}
.pr-upozorneni svg{width:24px;height:24px;flex:none;color:var(--rose-d);margin-top:2px}
.pr-upozorneni.je-varovani{background:#fbe3d6}
.pr-upozorneni p{margin:2px 0}
.pr-galerie{margin:12px 0;grid-template-columns:repeat(4,1fr)}
.pr-video{position:relative;aspect-ratio:16/9;margin:14px 0;border-radius:12px;overflow:hidden;box-shadow:var(--shadow);background:#2a1a15}
.pr-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.pr-tecky{position:static;margin-top:-4px}
.pr-html table{width:100%;border-collapse:collapse;font-size:13.5px;margin:10px 0}
.pr-html th,.pr-html td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line);vertical-align:top}
.pr-html th{color:var(--choco);font-weight:500;background:var(--cream2)}
.pr-html ul{padding-left:20px;margin:8px 0}
.pr-html li{margin:3px 0}
.pr-html button.lnk{background:none;border:0;padding:0;font:inherit;color:var(--rose-d);text-decoration:underline;cursor:pointer}
.pr-osoby{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;margin:12px 0}
.pr-osoba{display:flex;gap:14px;background:var(--white);border-radius:12px;padding:16px;box-shadow:var(--shadow)}
.pr-osoba__ini{flex:none;width:46px;height:46px;border-radius:50%;background:var(--blush);color:var(--rose-d);display:grid;place-items:center;font-family:var(--serif)}
.pr-osoba p{margin:2px 0;font-size:14px}
.pr-odpocet__cas{font-family:var(--serif);font-size:26px;color:var(--rose-d)}
.pr-ikony{padding:10px 0}
.prvek--fotopas{padding:0}
.pr-fotopas{position:relative;min-height:340px;display:flex;align-items:flex-end;overflow:hidden}
.pr-fotopas img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pr-fotopas::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(45,22,16,.6),rgba(45,22,16,0) 60%)}
.pr-fotopas__text{position:relative;z-index:1;width:100%;padding-bottom:28px;color:#fff}
.pr-fotopas__text .pr-nadpis{color:#fff}
.pr-vyzva{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;margin:12px 0;padding:26px 30px;border-radius:var(--r);background:linear-gradient(135deg,#fbf0eb,#f5e1db);box-shadow:var(--shadow)}
.pr-vyzva .pr-nadpis{margin:0}
.pr-vyzva p{margin:4px 0 0}
.vlaska{display:block;width:min(600px,80%);height:24px;margin:6px auto 0}
.vlaska path{stroke-dasharray:60 30;animation:vlaska 6s linear infinite}
@keyframes vlaska{to{stroke-dashoffset:-900}}
.md .bd .pr-text p,.md .bd .pr-html p{margin:6px 0}
.md .bd .pr-text p.meta{font-size:13px}
@media (max-width:760px){
  .pr-dvojice{grid-template-columns:1fr}
  .pr-dvojice.foto-vlevo .pr-dvojice__foto{order:0}
  .pr-galerie{grid-template-columns:repeat(2,1fr)}
  .sloupce-2 .pr-text,.sloupce-2 .pr-odrazky,.sloupce-3 .pr-text,.sloupce-3 .pr-odrazky,.sloupce-4 .pr-text,.sloupce-4 .pr-odrazky{columns:1}
  .prvek .pr-osoby,.prvek .pr-ikony{grid-template-columns:1fr}
  .prvek .pr-galerie{grid-template-columns:repeat(2,1fr)}
  .pr-html table{display:block;overflow-x:auto}
}
.toast.je-chyba{background:#8f2f37}
.pr-postup .pr-postup__krok{margin:0;padding-top:7px;font-size:15px;color:var(--text)}
/* Etapa D: nadpis cookie lišty je h2 (ne h3 jako v návrhu) — na podstránce 404
   by jinak po h1 následovalo rovnou h3 (přeskok úrovně, 40.6). Vzhled = .cbar h3. */
.cbar h2{font-family:var(--serif);font-weight:500;font-size:18px;color:var(--choco)}
/* Kolo 3: TISK — vytiskne se obsah (nabídka, kontakt, otevírací doba), ne ovládání.
   Cookie lišta, okna, zvětšení, hláška, „Přeskočit na obsah“ a formulář se netisknou;
   lišta s logem není přilepená (jinak by byla na každé stránce přes obsah). */
@media print{
  @page{margin:14mm 12mm}
  html,body{background:#fff!important}
  *,*::before,*::after{animation:none!important;transition:none!important}
  header{position:static!important;background:none!important;box-shadow:none!important}
  header .nav{height:auto;padding-left:0;justify-content:flex-start}
  header .logo{position:static;width:90px;height:90px;box-shadow:none}
  .skip,.cbar,.md,.lb,.toast,.burger,.menu,.nav-r .btn,.more,.hero-tecky,.hero .ctas,.write,.panel .btn,.pr-vyzva .btn,
  .soc,.legal nav,.prvek--video,.pr-videoslider,iframe,.vlaska,.gal button.x{display:none!important}
  .hero{min-height:0;background:none}
  .hero-img{display:none}
  .hero-in{padding:10px 0 0}
  .contact{display:block}
  .visit{display:block;box-shadow:none;background:none;border:1px solid #ccc}
  .visit>div{break-inside:avoid;margin-bottom:12px}
  .card,.feat,.hours,.panel,.pr-osoba,.pr-dvojice,table,tr,img{break-inside:avoid}
  h2,h3{break-after:avoid}
  a{color:inherit;text-decoration:none}
  .info a[href^="tel:"],.info a[href^="mailto:"]{text-decoration:none}
}
/* Kolo 3: VYNUCENÉ BARVY (Windows „Vysoký kontrast“) — prohlížeč zahodí barvy pozadí, takže
   vypínače v Nastavení cookies a tečky slideru by ztratily stav (zapnuto/vypnuto, aktuální snímek). */
@media (forced-colors:active){
  .sw span{border:1px solid CanvasText}
  .sw span::after{forced-color-adjust:none;background:CanvasText;box-shadow:none}
  .sw input:checked+span{forced-color-adjust:none;background:Highlight;border-color:Highlight}
  .sw input:checked+span::after{background:HighlightText}
  .sw input:focus-visible+span{outline:2px solid Highlight}
  .hero-tecka{border-color:CanvasText}
  .hero-tecka.on{forced-color-adjust:none;background:Highlight;border-color:Highlight}
  .now::before{forced-color-adjust:none;background:GrayText}
  .now.open::before{background:Highlight}
  input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid Highlight!important;outline-offset:1px}
}
/* Miniatura stránky na Výpisu stránek ve správě (?nahled=1&miniatura=1, html.miniatura):
   žádné posuvníky (Windows je jinak kreslí do zmenšeniny), vypnutý prvek zešedlý jako v náhledu. */
html.miniatura{overflow:hidden;scrollbar-width:none}
html.miniatura::-webkit-scrollbar,html.miniatura body::-webkit-scrollbar{display:none;width:0;height:0}
html.miniatura body{overflow:hidden}
html.miniatura [data-zapnuto="0"]{opacity:.45;filter:grayscale(1)}
/* v47: tabulky zásad na telefonu jako karty (app.js přidá .tab-karty a data-popisek) —
   široká tabulka byla useknutá a posun do strany nebyl vidět ani na dotyku spolehlivý. */
@media (max-width:760px){
  .md .bd table.tab-karty,.pr-html table.tab-karty{display:block;overflow:visible;font-size:14px}
  .md .bd table.tab-karty tbody,.pr-html table.tab-karty tbody,
  .md .bd table.tab-karty tr,.pr-html table.tab-karty tr,
  .md .bd table.tab-karty td,.pr-html table.tab-karty td{display:block;width:auto;min-width:0}
  .md .bd table.tab-karty tr.tab-hlava,.pr-html table.tab-karty tr.tab-hlava{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .md .bd table.tab-karty tr,.pr-html table.tab-karty tr{border:1px solid var(--line);border-radius:12px;padding:4px 14px;margin:10px 0;background:var(--white)}
  .md .bd table.tab-karty td,.pr-html table.tab-karty td{padding:8px 0;border-bottom:1px solid var(--line)}
  .md .bd table.tab-karty td:last-child,.pr-html table.tab-karty td:last-child{border-bottom:0}
  .md .bd table.tab-karty td::before,.pr-html table.tab-karty td::before{content:attr(data-popisek);display:block;margin-bottom:2px;font-size:12px;font-weight:600;letter-spacing:.03em;color:var(--muted)}
}