.weby-hero{background:var(--bg-section)}
.obory{margin-top:var(--space-5);display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}
.obory-vyzva{flex-basis:100%;margin:0 0 var(--space-1);font-weight:600;font-size:var(--text-sm);color:var(--text-muted)}
.obory button[data-obor]{display:inline-flex;align-items:center;min-height:48px;padding:var(--space-2) var(--space-4);border:1px solid var(--border-strong);border-radius:999px;background:transparent;color:var(--text);font:600 var(--text-sm) var(--font-body);cursor:pointer;transition:background var(--dur) var(--ease-out),color var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out)}
.obory button[data-obor]:hover{background:var(--bg-card);border-color:var(--accent)}
.obory button[data-obor][aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:var(--text-on-accent)}
html:not(.js) .obory{display:none}

.cenik{display:grid;gap:var(--space-5)}
@media (min-width:56rem){.cenik{grid-template-columns:repeat(3,1fr)}}
.cenik-karta{display:flex;flex-direction:column;position:relative}
.cenik-karta-vyrazna{border:2px solid var(--accent)}
.cenik-stitek{display:inline-block;align-self:flex-start;font:700 var(--text-xs) var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--accent-text);margin-bottom:var(--space-2)}
.cenik-stitek-doporuceno{background:var(--accent);color:var(--text-on-accent);padding:.2em .6em;border-radius:999px}
.cenik-popisek{color:var(--text-muted);margin-bottom:var(--space-3)}
.cena-castka{display:block;font:700 var(--text-xl) var(--font-mono);margin-bottom:var(--space-1)}
.cena-obdobi{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-4)}
.cenik-body{list-style:none;margin:0 0 var(--space-4);padding:0;display:grid;gap:var(--space-2);flex-grow:1}
.cenik-body li{display:flex;gap:var(--space-2);align-items:flex-start}
.cenik-body .ikona{color:var(--accent-text);margin-top:.15em}
.cenik-doplnek{font-size:var(--text-sm);color:var(--text-muted);border-top:1px solid var(--border);padding-top:var(--space-3);margin-top:auto}
.cenik-pod{margin-top:var(--space-6);text-align:center;color:var(--text-muted)}

.postup{list-style:none;margin:var(--space-6) 0 0;padding:0;counter-reset:postup;display:grid;gap:var(--space-5)}
@media (min-width:64rem){.postup{grid-template-columns:repeat(4,1fr)}}
.postup li{counter-increment:postup}
.postup li::before{content:counter(postup);display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--accent);color:var(--text-on-accent);font:700 var(--text-base) var(--font-mono);margin-bottom:var(--space-3)}
.postup h3{margin-bottom:var(--space-2)}
.postup-pauza{border-left:4px solid var(--accent);padding-left:var(--space-4);margin-top:var(--space-6);color:var(--text-muted)}

.pripadovky{display:grid;gap:var(--space-6)}
.pripadovka{display:grid;gap:var(--space-4)}
@media (min-width:56rem){.pripadovka{grid-template-columns:1fr 1fr;align-items:center}}
.pripadovka img{border-radius:var(--radius-lg);border:1px solid var(--border)}
.pripadovka-umi{list-style:none;margin:var(--space-3) 0;padding:0;display:grid;gap:var(--space-2)}
.pripadovka-umi li{display:flex;gap:var(--space-2);align-items:flex-start}
.pripadovka-umi .ikona{color:var(--accent-text);margin-top:.15em}
.pripadovka-skore{display:inline-block;font:600 var(--text-sm) var(--font-mono);color:var(--accent-text)}

.faq{border-bottom:1px solid var(--border)}
.faq summary{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) 0;font-weight:600;cursor:pointer;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'';flex:none;width:.6em;height:.6em;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform var(--dur) var(--ease-out)}
.faq[open] summary::after{transform:rotate(-135deg)}
.faq p{padding-bottom:var(--space-4);color:var(--text-muted)}

body,.hlavicka,.sekce,.karta,.cenik-karta,.paticka{transition:background-color .8s var(--ease-out),color .8s var(--ease-out),border-color .8s var(--ease-out)}
@media (prefers-reduced-motion:reduce){body,.hlavicka,.sekce,.karta,.cenik-karta,.paticka{transition:none}}
::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}