/* Studio 2026 — public presentation layer; original admin styles stay intact. */
.studio {
  --paper:#f8f6f0; --surface:#fffefb; --ink:#262936; --muted:#63636a;
  --line:#dedcd4; --primar:#292c3b; --primar-h:#404456; --tint:#eeece4;
  --akcent:#e96b99; --akcent-text:#a72b58; --akcent-text-h:#882148;
  --logo-tvar:var(--primar); --logo-prekryv:var(--akcent);
  --na-farbe:#fffefb; --tmavy-panel:#262936; --na-panele:#dddce3;
  --na-panele-muted:#b8b6c0; --na-panele-jasny:#fffefb;
  --hlavicka:#f8f6f0ee; --studio-pink:#efb6cc; --studio-lime:#d9ed9b;
  --studio-board:#e9e6dc; --studio-dark:#262936; --studio-shadow:#26293625;
  --radius:12px; --radius-l:16px; --obal:1280px; --tien:none;
  color-scheme:light; background:var(--paper); color:var(--ink);
}
.studio ::selection { background:var(--studio-pink); color:var(--studio-dark); }
.studio a:focus-visible,.studio button:focus-visible,.studio summary:focus-visible { outline:3px solid var(--akcent-text); outline-offset:5px; }
.preskoc-obsah { position:fixed; top:8px; left:16px; padding:12px 20px; z-index:1000; background:var(--ink); color:var(--paper); transform:translateY(-180%); }
.preskoc-obsah:focus { transform:none; }
.studio .hlavicka { background:var(--hlavicka); backdrop-filter:blur(16px); border-bottom:1px solid var(--line); box-shadow:none; }
.studio .hlavicka-in { min-height:91px; max-width:var(--obal); padding:18px 32px; }
.studio .brand-nazov { font-family:var(--pismo-nadpis); font-size:21px; letter-spacing:-.7px; }
.studio .brand-domena { font-size:10px; letter-spacing:.06em; }
.studio-theme { flex-shrink:0; width:34px; height:34px; padding:0; border:1px solid var(--line); background:var(--surface); color:var(--ink); border-radius:50%; font-size:22px; cursor:pointer; margin-left:10px; }
.studio-theme[hidden] { display:none; }
.studio .navigacia { gap:27px; }
.studio .hlavicka-in { gap:12px; }
.studio .navigacia { gap:8px; }
.jazyk-prepinac { display:flex; align-items:center; gap:4px; flex-shrink:0; padding-left:10px; border-left:1px solid var(--line); }
.jazyk-prepinac a { display:flex; align-items:center; gap:4px; padding:7px 5px; border-radius:6px; color:var(--muted); font:10px var(--pismo-mono); border:1px solid transparent; }
.jazyk-prepinac a[aria-current] { background:var(--surface); border-color:var(--line); color:var(--ink); }
.jazyk-prepinac a:hover { background:var(--tint); }
.jazyk-prepinac svg { display:block; border-radius:2px; box-shadow:0 0 0 1px var(--line); }
html[lang="uk"] .studio { --pismo-nadpis:Arial,sans-serif; --pismo-text:Arial,sans-serif; }
html[lang="uk"] .studio .hp-h1 { font-size:clamp(36px,4.4vw,59px); letter-spacing:-2px; }
html[lang="uk"] .studio .studio-nalepka strong { font-size:16px; }
@media(max-width:1100px) and (min-width:981px) {
  .studio .brand-nazov { font-size:17px; }.studio .navigacia { gap:0; }.jazyk-prepinac a span { display:none; }
}
@media(max-width:980px) {
  .studio .hlavicka-in { flex-wrap:wrap; position:relative; }
  .studio .hamburger { display:flex; order:3; margin-left:auto; }
  .studio .studio-theme { order:4; margin-left:0; }
  .studio .jazyk-prepinac { order:5; margin-left:auto; }
  .studio .nav-prepinac { display:block; position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:0; overflow:hidden; clip-path:inset(50%); }
  .studio .nav-prepinac:focus-visible + .hamburger { outline:2px solid var(--akcent-text); outline-offset:3px; }
  .studio .navigacia { position:absolute; inset:100% 0 auto; margin:0; padding:15px 24px; flex-direction:column; background:var(--paper); border-bottom:1px solid var(--line); visibility:hidden; pointer-events:none; transform:translateY(-8px); opacity:0; transition:transform .2s,opacity .2s; }
  .studio .nav-prepinac:checked ~ .navigacia { visibility:visible; pointer-events:auto; transform:none; opacity:1; }
  .studio .navigacia a { padding:12px 0; }
}
@media(max-width:520px) {
  .studio main .hp-hero { overflow-x:clip; }
  .studio .jazyk-prepinac { flex-basis:100%; justify-content:flex-end; border-left:0; padding:7px 0 0; border-top:1px solid var(--line); }
  .studio .hlavicka-in { gap:8px; }
  .studio .jazyk-prepinac a { padding:5px 9px; }
  html[lang="uk"] .studio .hp-h1 { font-size:36px; letter-spacing:-1px; }
}
.studio .navigacia a { font-size:13px; font-weight:500; position:relative; }
.studio .navigacia a::after { content:''; position:absolute; bottom:2px; height:2px; left:0; right:0; background:var(--akcent); transform:scaleX(0); transform-origin:left; transition:transform .25s; }
.studio .navigacia a:hover::after,.studio .navigacia a.je-aktivny::after { transform:scaleX(1); }
.studio .sekcia { padding:65px 32px; }
.studio .sekcia-hlava { margin-bottom:30px; }
.studio .sekcia-hlava h2 { font-size:clamp(28px,3vw,40px); letter-spacing:-1.5px; line-height:1.12; }
.studio .sekcia-kicker,.studio .hp-rc-kicker { font-size:10px; letter-spacing:.14em; font-family:var(--pismo-mono); }
.studio .hp-hero { max-width:var(--obal); margin:auto; padding:66px 32px 62px; display:grid; grid-template-columns:1.08fr 1fr; align-items:center; gap:46px; text-align:left; overflow:visible; background:none; border:0; }
.studio .hp-hero::before,.studio .hp-hero::after,.studio .hp-hero-vizual { display:none; }
.studio .hp-hero-in { width:100%; max-width:none; margin:0; min-width:0; }
.studio .hp-kicker { font-size:10px; letter-spacing:.1em; color:var(--muted); display:flex; gap:9px; align-items:center; margin-bottom:25px; }
.studio-bod { height:7px; width:7px; border-radius:50%; background:var(--akcent-text); }
.studio .hp-h1 { font-size:clamp(44px,5.2vw,70px); letter-spacing:-3.3px; line-height:1.025; margin:0 0 25px; }
.studio-podciarknutie { position:relative; isolation:isolate; white-space:nowrap; }
.studio-podciarknutie::after { content:''; position:absolute; left:-2%; right:-4%; bottom:3px; height:15px; background:var(--studio-pink); z-index:-1; transform:rotate(-3deg); }
.studio .hp-sub { font-size:15px; line-height:1.75; max-width:49ch; margin:0 0 25px; }
.studio-akcie { display:flex; align-items:center; flex-wrap:wrap; gap:22px; margin:0 0 30px; }
.studio .cta { border-radius:7px; padding:14px 19px; font-size:12px; box-shadow:none; transition:transform .25s,background .25s; }
.studio .cta:hover { transform:translateY(-3px); }
.studio .cta span { margin-left:18px; font-size:17px; }
.studio-text-link { font-size:12px; font-weight:600; border-bottom:1px solid var(--line); padding:8px 0; }
.studio-text-link span { margin-left:10px; }
.studio .hp-search-vyzva { font-size:11px; margin:0 0 8px; }
.studio .hp-search { max-width:none; margin:0; padding:5px; border-radius:9px; box-shadow:none; border:1px solid var(--line); background:var(--surface); }
.studio .hp-search-pole { padding:0 10px; gap:9px; height:46px; border:0; box-shadow:none; border-radius:5px; min-width:0; }
.studio .hp-search:focus-within { outline:2px solid var(--akcent-text); outline-offset:3px; }
.studio .hp-search input { font-size:12px; min-width:0; }
.studio .hp-search-btn { border-radius:5px; font-size:12px; padding:12px 16px; box-shadow:none; }
.studio .hp-chips { justify-content:flex-start; margin-top:10px; gap:6px; }
.studio .hp-chip { font-size:10px; padding:5px 8px; border:1px solid var(--line); background:transparent; box-shadow:none; }
.studio .hp-chips-label { font-size:10px; }
.studio-vizual { position:relative; height:563px; border-radius:5px 72px 5px 5px; background:var(--studio-board); isolation:isolate; background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px); background-size:40px 40px; }
.studio-vizual-hlava,.studio-vizual-pata { position:absolute; left:22px; right:22px; display:flex; justify-content:space-between; font-family:var(--pismo-mono); font-size:8px; letter-spacing:.06em; color:var(--muted); z-index:2; }
.studio-vizual-hlava { top:24px; }.studio-vizual-hlava span:last-child { max-width:80px; text-align:right; }
.studio-vizual-pata { bottom:20px; font-size:7px; }
.studio-orbita { position:absolute; width:76%; aspect-ratio:1; border:1px solid var(--muted); border-radius:50%; opacity:.23; left:12%; top:16%; }
.studio-tricko { position:absolute; width:101%; height:94%; left:-2%; top:4%; filter:drop-shadow(12px 21px 10px var(--studio-shadow)); transform:rotate(-9deg); transition:transform .7s cubic-bezier(.2,.75,.2,1); }
.studio-vizual:hover .studio-tricko { transform:rotate(-3deg) translateY(-8px); }
.studio-vizual.studio-interaktivne { height:640px; }
.studio-interaktivne .studio-tricko { height:calc(100% - 145px); top:0; }
.studio-tricko stop { transition:stop-color .5s ease; }
.studio-golier,.studio-napis { transition:fill .5s ease; }
.studio-konfigurator { position:absolute; z-index:3; bottom:43px; left:22px; right:22px; padding:15px; border:1px solid var(--line); background:var(--surface); border-radius:12px; }
.studio-konfigurator[hidden] { display:none; }
.studio-farby { display:flex; align-items:center; gap:10px; margin-bottom:12px; }
.studio-farba-label,.studio-napis-pole label { font:10px var(--pismo-mono); color:var(--muted); min-width:75px; }
.studio-farby button { width:32px; height:32px; flex-shrink:0; border:3px solid var(--surface); outline:1px solid var(--line); border-radius:50%; padding:0; background:var(--vzorka); cursor:pointer; transition:transform .2s,outline-color .2s; }
.studio-farby button:hover { transform:translateY(-3px); }
.studio-farby button[aria-pressed="true"] { outline:2px solid var(--akcent-text); }
.studio-napis-pole { display:flex; gap:10px; align-items:center; }
.studio-napis-pole input { min-width:0; width:100%; border:1px solid var(--line); background:var(--paper); color:var(--ink); border-radius:6px; padding:10px; font:11px var(--pismo-mono); }
.studio-dalsi-napis { flex-shrink:0; width:36px; height:36px; border:1px solid var(--line); border-radius:6px; background:var(--paper); color:var(--ink); font-size:24px; cursor:pointer; }
.studio-demo-tip { margin:9px 0 0; font:9px var(--pismo-mono); color:var(--muted); }
@media(max-width:760px) {
  .studio-vizual.studio-interaktivne { height:580px; }
  .studio-konfigurator { left:12px; right:12px; padding:12px; }
  .studio-farby { gap:8px; }
  .studio-farba-label,.studio-napis-pole label { min-width:63px; font-size:9px; }
  .studio-farby button { width:30px; height:30px; }
}
.studio-print { transform-origin:260px 280px; animation:studio-register 1.4s ease-out both; }
.studio-nalepka { position:absolute; right:-18px; top:66px; width:110px; height:110px; background:var(--studio-lime); color:var(--studio-dark); padding:20px 16px; font:13px/1.2 var(--pismo-nadpis); transform:rotate(10deg); border-radius:50%; box-shadow:0 4px 0 var(--studio-shadow); }
.studio-nalepka strong { font-size:19px; }.studio-nalepka span { position:absolute; right:16px; bottom:22px; font-size:27px; }
.studio-vzorky { position:absolute; bottom:61px; left:23px; display:flex; align-items:center; transform:rotate(-6deg); }
.studio-vzorky i { width:33px; height:47px; background:var(--studio-dark); border:3px solid var(--surface); margin-right:-5px; transform:rotate(-7deg); box-shadow:0 2px 5px var(--studio-shadow); }
.studio-vzorky i:nth-child(2) { background:var(--akcent); transform:rotate(3deg); }.studio-vzorky i:nth-child(3) { background:var(--studio-lime); transform:rotate(11deg); }
.studio-vzorky span { font:10px/1.5 var(--pismo-mono); margin-left:17px; }
.studio-pas { display:flex; align-items:center; justify-content:center; gap:42px; flex-wrap:wrap; padding:21px 24px; border-block:1px solid var(--line); font-family:var(--pismo-mono); font-size:10px; text-transform:uppercase; letter-spacing:.1em; }
.studio-pas span[aria-hidden] { color:var(--akcent-text); font-size:20px; }
.studio .hp-rozcestnik { gap:20px; }
.studio .hp-rc { border:1px solid var(--line); border-radius:12px; padding:30px; background:var(--surface); box-shadow:none; position:relative; }
.studio .hp-rc:nth-child(2) { background:var(--tint); }
.studio .hp-rc h2 { font-size:26px; letter-spacing:-.7px; max-width:25ch; }
.studio .hp-rc-popis { font-size:13px; max-width:54ch; line-height:1.7; }
.studio .hp-rc-cta { font-size:12px; padding-top:15px; }
.studio .hp-grid { gap:24px; }
.studio .hp-karta,.studio .karta { border-radius:10px; border:1px solid var(--line); box-shadow:none; background:var(--surface); transition:transform .35s,box-shadow .35s; }
.studio .hp-karta:hover,.studio .karta:hover { transform:translateY(-7px); box-shadow:0 14px 25px var(--studio-shadow); }
.studio .hp-foto,.studio .karta-media { aspect-ratio:1/1.08; overflow:hidden; background:var(--surface); }
.studio .hp-foto img,.studio .karta-media img { object-fit:contain; padding:18px; transition:transform .65s cubic-bezier(.2,.7,.2,1); }
.studio .hp-karta:hover img,.studio .karta:hover img { transform:scale(1.055); }
.studio .hp-karta-telo,.studio .karta-telo { padding:19px; border-top:1px solid var(--line); }
.studio .hp-karta-nazov,.studio .karta-nazov { font-size:14px; line-height:1.5; }
.studio .hp-karta-kicker { font-size:9px; }
.studio .hp-karta-cena { font-size:15px; padding-top:10px; }
.studio .hp-dlazdice { gap:12px; }
.studio .hp-tile { background:var(--tint); color:var(--ink); box-shadow:none; padding:29px 20px; border:1px solid var(--line); border-radius:8px; transition:background .25s,transform .25s; }
.studio .hp-tile:hover { background:var(--studio-pink); transform:translateY(-4px); }
.studio .hp-tile-sip { color:var(--ink); }
.studio #sprievodcovia { border-block:1px solid var(--line); }
.studio .hp-clanok,.studio .hub-karta { box-shadow:none; border:1px solid var(--line); border-radius:10px; background:var(--surface); padding:30px; min-height:260px; position:relative; overflow:hidden; transition:transform .3s; }
.studio .hp-clanok::before,.studio .hub-karta::before { content:'↗'; display:block; width:48px; height:48px; background:var(--studio-pink); color:var(--studio-dark); border-radius:50%; font-size:27px; text-align:center; line-height:48px; margin-bottom:23px; }
.studio .hp-clanok:nth-child(2)::before,.studio .hub-karta:nth-child(3n+2)::before { background:var(--studio-lime); }
.studio .hp-clanok:nth-child(3)::before,.studio .hub-karta:nth-child(3n+3)::before { background:var(--tint); color:var(--ink); }
.studio .hp-clanok h3,.studio .hub-nazov { font-size:23px; line-height:1.2; letter-spacing:-.5px; }
.studio .hp-clanok:hover,.studio .hub-karta:hover { transform:translateY(-6px); }
.studio .hp-faq { max-width:980px; padding-block:80px; }
.studio .faq-item { border:0; border-bottom:1px solid var(--line); border-radius:0; background:transparent; box-shadow:none; }
.studio .faq-item summary { padding:23px 35px 23px 0; font-size:17px; }
.studio .faq-item[open] { background:var(--surface); padding-inline:18px; }
.studio .pata { margin-top:35px; border-radius:35px 35px 0 0; }
.studio .pata-in { padding:65px 32px 45px; }
.studio .pata-brand p { font-family:var(--pismo-nadpis); font-size:23px; line-height:1.4; letter-spacing:-.5px; }
.studio .pata-stlpec h2 { font-size:13px; }.studio .pata-stlpec a { font-size:12px; padding:6px 0; }
.studio .pata-spodok { padding:24px 32px; max-width:var(--obal); margin:auto; }
.studio .kat-hlava { padding:18px 0 35px; border-bottom:1px solid var(--line); margin-bottom:32px; }
.studio .kat-hlava h1,.studio .stranka-cms h1,.studio .sprievodca h1 { font-size:clamp(38px,5vw,64px); letter-spacing:-2px; line-height:1.08; }
.studio .filtre { box-shadow:none; padding:20px; border-radius:10px; }
.studio .filtre input,.studio .filtre select { border-radius:6px; }
.studio .kat-karta { box-shadow:none; border-radius:10px; border:1px solid var(--line); }
.studio .cms-obsah { font-size:17px; line-height:1.85; }
.studio .omrvinky { font-size:11px; margin-bottom:25px; }
.studio .detail { max-width:var(--obal); padding:55px 32px; }
.studio .detail-hlava { gap:50px; padding-bottom:40px; border-bottom:1px solid var(--line); }
.studio .detail-nazov { font-size:clamp(30px,3.5vw,48px); line-height:1.12; letter-spacing:-1.5px; }
.studio .detail-cena { font-size:32px; margin-block:25px; }
.studio .detail-info { padding:20px 0; }
.studio .blok-verdikt,.studio .blok-nehodi,.studio .blok-popis,.studio .blok-parametre { border-radius:10px; box-shadow:none; }
.studio .param-tab td,.studio .param-tab th { padding:14px 18px; }
.studio .studio-vstup { animation:studio-reveal .7s cubic-bezier(.2,.7,.2,1) both; }
@keyframes studio-reveal { from { opacity:.35; transform:translateY(24px); } to { opacity:1; transform:none; } }
@keyframes studio-register { from { opacity:.4; transform:translate(12px,-15px) rotate(8deg); } to { opacity:1; transform:none; } }
@view-transition { navigation:auto; }
::view-transition-old(root) { animation:studio-out .18s ease both; }
::view-transition-new(root) { animation:studio-in .35s ease both; }
@keyframes studio-out { to { opacity:0; transform:translateY(-8px); } }
@keyframes studio-in { from { opacity:0; transform:translateY(12px); } }
@media(prefers-color-scheme:dark) {
  .studio:not([data-theme="light"]) { --paper:#1d2029; --surface:#272b35; --ink:#f4f1e9; --muted:#b9bac2; --line:#41444f; --primar:#eee9e1; --primar-h:#fffaf4; --na-farbe:#262936; --tint:#30343d; --akcent-text:#ffa9cc; --studio-pink:#713f54; --studio-board:#343943; --hlavicka:#1d2029ee; --studio-shadow:#00000040; color-scheme:dark; }
  .studio-nalepka,.studio-vzorky { --surface:#fffefb; }
  .studio .hp-clanok::before,.studio .hub-karta::before { color:var(--ink); }
  .studio .hp-clanok:nth-child(2)::before,.studio .hub-karta:nth-child(3n+2)::before { color:var(--studio-dark); }
}
.studio[data-theme="dark"] { --paper:#1d2029; --surface:#272b35; --ink:#f4f1e9; --muted:#b9bac2; --line:#41444f; --primar:#eee9e1; --primar-h:#fffaf4; --na-farbe:#262936; --tint:#30343d; --akcent-text:#ffa9cc; --studio-pink:#713f54; --studio-board:#343943; --hlavicka:#1d2029ee; --studio-shadow:#00000040; color-scheme:dark; }
@media(max-width:1000px) {
  .studio .hp-hero { gap:28px; padding-top:45px; }.studio .hp-h1 { font-size:52px; }
  .studio-vizual { height:510px; }.studio .navigacia { gap:16px; }.studio-akcie { gap:12px; }
  .studio-pas { gap:20px; }.studio .hp-grid { gap:15px; }
}
@media(max-width:760px) {
  .studio .hlavicka-in { min-height:74px; padding:14px 20px; }.studio .brand-nazov { font-size:18px; }
  .studio .navigacia { background:var(--paper); }.studio .navigacia a { font-size:14px; }
  .studio .hp-hero { grid-template-columns:1fr; padding:38px 20px 35px; gap:32px; }
  .studio .hp-h1 { font-size:clamp(44px,10vw,64px); letter-spacing:-2px; }.studio .hp-kicker { font-size:9px; }
  .studio .hp-sub { font-size:14px; }.studio-vizual { height:460px; width:min(100%,500px); margin:auto; }
  .studio .hp-search { flex-direction:row; gap:5px; }.studio .hp-search input { font-size:11px; }
  .studio .hp-search-btn { padding:10px 12px; }.studio .detail { padding:32px 20px; }.studio .detail-hlava { gap:24px; }
  .studio-nalepka { right:2px; }.studio-pas { gap:12px 20px; font-size:8px; }.studio-pas span[aria-hidden] { display:none; }
  .studio .sekcia { padding:40px 20px; }.studio .hp-rozcestnik,.studio .hp-clanky { grid-template-columns:1fr; }
  .studio .hp-rc { padding:24px; }.studio .hp-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  .studio .hp-karta-telo { padding:12px; }.studio .hp-karta-nazov { font-size:12px; }.studio .hp-foto img { padding:8px; }
  .studio .hp-karta-kicker { font-size:8px; }.studio .hp-karta-cena { font-size:13px; }
  .studio .hp-dlazdice { grid-template-columns:repeat(2,minmax(0,1fr)); }.studio .hp-tile { padding:23px 14px; }
  .studio .hp-clanok { min-height:240px; }.studio .pata-in { padding:40px 20px; }.studio .pata-brand p { font-size:20px; }
  .studio .pata-spodok { padding:22px 20px; }.studio .faq-item summary { font-size:15px; }
}
@media(max-width:680px) {
  .studio .navigacia { position:absolute; top:100%; padding:20px; visibility:hidden; pointer-events:none; gap:0; }
  .studio .nav-prepinac:checked ~ .navigacia { visibility:visible; pointer-events:auto; }
  .studio .navigacia a { font-size:16px; }
}
@media(prefers-reduced-motion:reduce) {
  .studio *, .studio *::before, .studio *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
  ::view-transition-old(root),::view-transition-new(root) { animation:none!important; }
}
.studio-editor { margin-top:12px; border-top:1px solid var(--line); padding-top:10px; font-size:13px; }
.studio-editor summary { cursor:pointer; font-weight:700; padding:5px 0; }
.studio-editor label { display:block; margin-top:12px; font-size:12px; }
.studio-editor input { width:100%; max-width:100%; accent-color:var(--accent); }
.studio-editor input[type=file] { font-size:12px; padding:8px 0; }
.studio-editor-akcie { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.studio-editor button,.porovnat,.porovnanie-lista button { border:1px solid var(--line); border-radius:7px; padding:9px 12px; background:var(--surface); color:var(--ink); cursor:pointer; font:inherit; }
.studio-editor #studio-export { background:var(--ink); color:var(--surface); }
.studio-sukromie,.studio-editor-stav { font-size:11px; line-height:1.5; margin:8px 0 0; }
.studio-vizual.studio-interaktivne:has(.studio-editor[open]) { height:auto; padding-top:450px; padding-bottom:60px; }
.studio-vizual:has(.studio-editor[open]) .studio-konfigurator { position:relative; left:auto; right:auto; bottom:auto; margin:0 18px; }
.studio-vizual:has(.studio-editor[open]) .studio-tricko { height:440px; }
.studio-vizual:has(.studio-editor[open]) .studio-orbita { display:none; }
.studio-vizual.studio-interaktivne:not(:has(.studio-editor[open])) { height:700px; }
.studio-interaktivne:not(:has(.studio-editor[open])) .studio-tricko { height:calc(100% - 205px); }
.porovnat { align-self:flex-start; font-size:12px; margin:8px 0; }
.porovnat[aria-pressed=true] { background:var(--ink); color:var(--surface); }
.porovnat[hidden],.porovnanie-lista[hidden] { display:none; }
.porovnanie-lista { position:fixed; z-index:30; bottom:16px; left:50%; transform:translateX(-50%); display:flex; align-items:center; gap:15px; width:max-content; max-width:calc(100% - 24px); padding:12px 18px; border:1px solid var(--line); border-radius:14px; background:var(--surface); color:var(--ink); box-shadow:0 8px 35px #0002; font-size:13px; }
.porovnanie-lista a { font-weight:700; color:var(--ink); }
body:has(.porovnanie-lista:not([hidden])) { padding-bottom:100px; }
.porovnanie { max-width:1200px; margin:auto; padding:45px 24px 75px; }.porovnanie h1 { font-size:clamp(32px,5vw,58px); letter-spacing:-1.5px; }
.porovnanie-scroll { overflow-x:auto; margin:30px 0; border:1px solid var(--line); border-radius:12px; }
.porovnanie-tabulka { width:100%; border-collapse:collapse; font-size:14px; }
.porovnanie-tabulka caption { text-align:left; padding:15px; font-weight:700; }
.porovnanie-tabulka th,.porovnanie-tabulka td { padding:18px; border:1px solid var(--line); min-width:185px; max-width:280px; text-align:left; vertical-align:top; }
.porovnanie-tabulka th[scope=row] { min-width:145px; background:var(--studio-board); }
.porovnanie-tabulka thead th { background:var(--surface); }
.porovnanie-tabulka th a { display:block; color:var(--ink); }
.porovnanie-foto { height:180px; margin-bottom:12px; }.porovnanie-foto img { width:100%;height:100%;object-fit:contain; }
@media(max-width:520px) { .porovnanie-lista { flex-wrap:wrap; justify-content:center; gap:8px; font-size:12px; padding:10px; } .studio-vizual:has(.studio-editor[open]) .studio-konfigurator { margin:0 10px; } }