/* Layout: e-shop shell; sticky header + mega menu, content in 1240px column, product page = gallery | buy box, then sticky section nav. Signature: technical-drawing dimension lines (mono) on real photos and SVG profiles. */
:root{
  --brand:#173F22;        /* tmavozelená z webu */
  --brand-2:#1F5530;
  --leaf:#3DAE49;         /* zelená z loga */
  --leaf-soft:#E6F4E7;
  --cta:#FF6600;          /* oranžová – cenová ponuka */
  --cta-ink:#FFFFFF;
  --ink:#122017;
  --fg:#1A261E;
  --muted:#5B6B60;
  --line:#DCE4DC;
  --bg:#F5F7F3;
  --surface:#FFFFFF;
  --surface-2:#EEF2EC;
  --sale:#C8371D;
  --on-brand:#FFFFFF;
  --shadow:0 1px 2px rgba(18,32,23,.06),0 8px 24px rgba(18,32,23,.07);
  --font:"Lexend",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --mono:"Lexend",system-ui,-apple-system,"Segoe UI",sans-serif;
  --r:14px;
  --wrap:1240px;
}
@media (prefers-color-scheme: dark) and (max-width:0px){:root:not([data-theme="light"]){
  --brand:#1C4A29;--brand-2:#245C34;--leaf:#5BC566;--leaf-soft:#18301E;--cta:#FF7A24;--cta-ink:#1A0D00;
  --ink:#EEF4EE;--fg:#DCE6DD;--muted:#9AAA9E;--line:#26362B;--bg:#0D1510;--surface:#131E17;--surface-2:#18251C;--sale:#FF7A5C;--on-brand:#F2F8F2;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 8px 24px rgba(0,0,0,.35);color-scheme:dark}}
:root[data-theme="vypnute"]{
  --brand:#1C4A29;--brand-2:#245C34;--leaf:#5BC566;--leaf-soft:#18301E;--cta:#FF7A24;--cta-ink:#1A0D00;
  --ink:#EEF4EE;--fg:#DCE6DD;--muted:#9AAA9E;--line:#26362B;--bg:#0D1510;--surface:#131E17;--surface-2:#18251C;--sale:#FF7A5C;--on-brand:#F2F8F2;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 8px 24px rgba(0,0,0,.35);color-scheme:dark}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:140px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font);font-size:16px;line-height:1.6;font-weight:300;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}
h1,h2,h3,h4{font-family:var(--font);color:var(--ink);line-height:1.15;margin:0;text-wrap:balance;font-weight:600;letter-spacing:-.015em}
h1{font-size:clamp(1.9rem,3.6vw,3rem)}
h2{font-size:clamp(1.5rem,2.6vw,2.1rem)}
h3{font-size:1.15rem}
p{margin:0}
a{color:inherit}
button{font:inherit;color:inherit;cursor:pointer}
:focus-visible{outline:3px solid var(--leaf);outline-offset:2px;border-radius:6px}
.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}
.wrap{max-width:var(--wrap);margin:0 auto;padding-inline:20px}
@media (max-width:560px){.wrap{padding-inline:16px}}
.eyebrow{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;font-weight:500;color:var(--leaf)}
.muted{color:var(--muted)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;border:0;border-radius:999px;padding:.85em 1.4em;font-weight:500;font-size:.95rem;text-decoration:none;transition:transform .15s,background .15s,box-shadow .15s;white-space:nowrap}
.btn:hover{transform:translateY(-1px)}
.btn-brand{background:var(--brand);color:var(--on-brand)}
.btn-brand:hover{background:var(--brand-2)}
.btn-cta{background:var(--cta);color:var(--cta-ink)}
.btn-ghost{background:transparent;border:1.5px solid var(--line);color:var(--ink)}
.btn-ghost:hover{border-color:var(--leaf)}
.btn-light{background:#fff;color:#173F22}
.btn-block{width:100%}
.btn svg{width:18px;height:18px;flex:none}
.chip{display:inline-flex;align-items:center;gap:.4em;border:1.5px solid var(--line);background:var(--surface);border-radius:999px;padding:.4em .9em;font-size:.85rem;font-weight:400;text-decoration:none;color:var(--fg)}
.chip[aria-pressed="true"],.chip.on{border-color:var(--brand);background:var(--brand);color:var(--on-brand)}
.badge{display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:.3em .65em;border-radius:6px}
.b-sale{background:var(--sale);color:#fff}
.b-stock{background:var(--leaf-soft);color:var(--leaf)}
.b-soon{background:var(--surface-2);color:var(--muted)}
.b-new{background:var(--cta);color:var(--cta-ink)}

/* demo ribbon */
.demo-bar{background:var(--ink);color:var(--bg);font-size:.8rem;padding:.45rem 0}
.demo-bar .wrap{display:flex;gap:1rem;align-items:center;justify-content:space-between;flex-wrap:wrap}
.demo-bar button{background:var(--cta);color:var(--cta-ink);border:0;border-radius:999px;padding:.25em .9em;font-size:.78rem;font-weight:500}

/* header */
.topstrip{background:var(--brand);color:var(--on-brand);font-size:.8rem}
.topstrip .wrap{display:flex;gap:1.5rem;align-items:center;padding-block:.45rem;flex-wrap:wrap}
.topstrip span{display:inline-flex;gap:.4em;align-items:center;opacity:.92}
.topstrip .grow{flex:1}
.topstrip svg{width:14px;height:14px}
@media (max-width:760px){.topstrip .hide-m{display:none}}
header.site{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.hbar{display:flex;align-items:center;gap:1.2rem;padding-block:.7rem}
.logo{display:flex;align-items:center;gap:.6rem;text-decoration:none;flex:none}
.logo img{height:46px;width:auto}
.logo b{font-weight:600;font-size:1.15rem;letter-spacing:.06em;color:var(--ink)}
.logo small{display:block;font-size:.65rem;color:var(--muted);letter-spacing:.04em;font-weight:400;margin-top:-2px}
.search{flex:1;position:relative;min-width:0}
.search input{width:100%;border:1.5px solid var(--line);background:var(--surface-2);border-radius:999px;padding:.7rem 1rem .7rem 2.6rem;font:inherit;font-size:.92rem;color:var(--fg)}
.search input:focus{outline:none;border-color:var(--leaf);background:var(--surface)}
.search svg{position:absolute;left:.95rem;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--muted)}
.search-res{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);max-height:420px;overflow:auto;z-index:60}
.search-res a{display:flex;gap:.8rem;align-items:center;padding:.55rem .8rem;text-decoration:none;border-bottom:1px solid var(--line)}
.search-res a:hover{background:var(--surface-2)}
.search-res img{width:56px;height:40px;object-fit:cover;border-radius:6px}
.search-res .p{margin-left:auto;font-weight:500;white-space:nowrap}
.hicons{display:flex;gap:.3rem;flex:none}
.hicon{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;border:0;background:transparent;color:var(--ink)}
.hicon:hover{background:var(--surface-2)}
.hicon svg{width:22px;height:22px}
.hicon .n{position:absolute;top:4px;right:2px;min-width:18px;height:18px;border-radius:9px;background:var(--cta);color:var(--cta-ink);font-size:.68rem;font-weight:600;display:grid;place-items:center;padding:0 4px}
.hicon .n:empty{display:none}
.menu-btn{display:none}
.hphone{display:flex;flex-direction:column;line-height:1.2;font-size:.78rem;color:var(--muted);flex:none}
.hphone b{font-size:1rem;color:var(--ink);font-weight:600;font-family:var(--mono)}
@media (max-width:1060px){.hphone{display:none}}
@media (max-width:760px){.search{order:3;flex-basis:100%}.hbar{flex-wrap:wrap}.logo{margin-right:auto}.menu-btn{display:grid}.logo img{height:38px}}

nav.main{border-top:1px solid var(--line);position:relative}
#navLinks{display:flex;gap:.2rem;align-items:center;overflow-x:auto;scrollbar-width:none}
#navLinks::-webkit-scrollbar{display:none}
nav.main a{white-space:nowrap;text-decoration:none;padding:.75rem .8rem;font-size:.9rem;font-weight:400;color:var(--fg);border-bottom:2px solid transparent}
nav.main a:hover,nav.main a.on{color:var(--ink);border-bottom-color:var(--leaf)}
nav.main .sep{flex:1}
.mega{position:absolute;left:0;right:0;top:100%;background:var(--surface);border-bottom:1px solid var(--line);box-shadow:0 24px 40px rgba(18,32,23,.14);display:none;z-index:55}
.mega.open{display:block}
.mega-in{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:2rem;padding-block:1.6rem 1.8rem}
.mega-h{display:flex;align-items:baseline;gap:.8rem;margin-bottom:.9rem}
.mega-h a{font-size:1.15rem;font-weight:600;color:var(--ink);text-decoration:none}
.mega-h a:hover{color:var(--leaf)}
.mega-h .muted{font-size:.82rem}
.mega-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}
.mt{display:flex;gap:.8rem;align-items:center;padding:.55rem;border:1px solid var(--line);border-radius:14px;text-decoration:none;background:var(--surface);transition:border-color .15s,box-shadow .15s,transform .15s}
.mt:hover{border-color:var(--leaf);box-shadow:var(--shadow);transform:translateY(-1px)}
.mt-im{width:86px;height:62px;border-radius:10px;background:var(--surface-2) center/cover;flex:none}
.mt-ic{width:86px;height:62px;border-radius:10px;background:var(--leaf-soft);color:var(--leaf);display:grid;place-items:center;flex:none}
.mt-ic svg{width:28px;height:28px}
.mt-tx{display:grid;gap:.05rem;min-width:0;line-height:1.3}
.mt-tx b{font-weight:500;color:var(--ink);font-size:.95rem}
.mt-tx small{color:var(--muted);font-size:.74rem}
.mt-tx em{font-style:normal;font-family:var(--mono);font-size:.8rem;color:var(--brand);font-weight:500;margin-top:.15rem}
.mt-all{background:var(--surface-2)}
.mega-side{background:var(--surface-2);border-radius:16px;padding:1.1rem;display:flex;flex-direction:column;gap:.7rem;font-size:.86rem;color:var(--muted)}
.mega-side svg.prof{width:100%;height:auto;max-height:90px}
.mega-ctas{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:auto}
.mega-ctas .btn{padding:.6em 1em;font-size:.84rem}
@media (max-width:1100px){.mega-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.mega-in{grid-template-columns:minmax(0,1fr) 240px}}
nav.main a.hover{color:var(--ink);border-bottom-color:var(--leaf)}
nav.main a svg{width:16px;height:16px;vertical-align:-3px;margin-right:.35rem}
nav.main .hl{background:var(--cta);color:var(--cta-ink)!important;border-radius:999px;padding:.45rem .95rem!important;margin-block:.3rem;border-bottom:0!important}
nav.main .hl:hover{filter:brightness(1.06)}
@media (max-width:760px){nav.main{display:none}nav.main.open{display:block}nav.main.open #navLinks{flex-direction:column;align-items:stretch}.mega{display:none!important}}

/* generic sections */
main{min-height:60vh}
.section{padding-block:clamp(2.5rem,6vw,4.5rem)}
.section.alt{background:var(--surface)}
.sec-head{display:flex;justify-content:space-between;align-items:end;gap:1rem;flex-wrap:wrap;margin-bottom:1.8rem}
.sec-head p{max-width:60ch;margin-top:.5rem;color:var(--muted)}
.grid{display:grid;gap:1.2rem}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:980px){.g4{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.g2,.g3{grid-template-columns:1fr}}
@media (max-width:420px){.g4{grid-template-columns:1fr}}
.crumbs{font-size:.82rem;color:var(--muted);padding-block:1rem;display:flex;gap:.4rem;flex-wrap:wrap}
.crumbs a{text-decoration:none}
.crumbs a:hover{color:var(--leaf)}
.prose{max-width:72ch}
.prose p+p,.prose p+h3,.prose ul+h3,.prose p+ul{margin-top:.9rem}
.prose h3{margin-top:1.6rem;margin-bottom:.4rem}
.prose ul{padding-left:1.2rem;margin:0}
.prose li+li{margin-top:.3rem}
.prose strong{font-weight:500;color:var(--ink)}

/* hero */
.hero{position:relative;color:#fff;overflow:hidden;background:#0E2415}
.hero-img{position:absolute;inset:0;background-size:cover;background-position:center 60%}
.hero-img::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,28,15,.9) 0%,rgba(10,28,15,.72) 42%,rgba(10,28,15,.15) 100%)}
.hero .wrap{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:2.5rem;align-items:center;padding-block:clamp(2.5rem,6vw,5rem)}
.hero h1{color:#fff;font-size:clamp(2.1rem,4.6vw,3.7rem);font-weight:600;letter-spacing:-.025em}
.hero h1 em{font-style:normal;color:#8EE09A}
.hero p.lede{margin-top:1rem;font-size:1.1rem;max-width:44ch;color:rgba(255,255,255,.88)}
.hero .ctas{display:flex;gap:.7rem;margin-top:1.6rem;flex-wrap:wrap}
.hero .dim{margin-top:2rem;display:flex;gap:1.6rem;flex-wrap:wrap;font-family:var(--mono);font-size:.82rem;color:rgba(255,255,255,.8)}
.hero .dim b{display:block;font-size:1.35rem;color:#fff;font-weight:500}
@media (max-width:900px){.hero .wrap{grid-template-columns:1fr}}
.finder{background:var(--surface);color:var(--fg);border-radius:18px;padding:1.4rem;box-shadow:0 20px 50px rgba(0,0,0,.35)}
.finder h3{font-size:1.1rem}
.finder .row{margin-top:1rem}
.finder label.l{display:block;font-size:.78rem;font-weight:500;color:var(--muted);margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.06em}
.seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:.3rem;background:var(--surface-2);padding:.25rem;border-radius:12px}
.seg button{border:0;background:transparent;padding:.55rem .4rem;border-radius:9px;font-size:.85rem}
.seg button[aria-pressed="true"]{background:var(--surface);box-shadow:var(--shadow);font-weight:500;color:var(--ink)}
input[type=range]{width:100%;accent-color:var(--leaf)}
.rangeval{display:flex;justify-content:space-between;font-family:var(--mono);font-size:.85rem}
.rangeval b{color:var(--ink);font-weight:600}
select.sel{width:100%;border:1.5px solid var(--line);border-radius:10px;padding:.6rem .7rem;background:var(--surface);color:var(--fg);font:inherit;font-size:.9rem}

/* trust strip */
.trust{background:var(--surface);border-bottom:1px solid var(--line)}
.trust .wrap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;padding-block:1.2rem}
.trust div{display:flex;gap:.8rem;align-items:center;font-size:.88rem;line-height:1.35}
.trust b{display:block;color:var(--ink);font-weight:600;font-size:.95rem}
.trust svg{width:34px;height:34px;flex:none;color:var(--leaf)}
@media (max-width:900px){.trust .wrap{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* category tiles */
.cat-tile{position:relative;border-radius:var(--r);overflow:hidden;background:var(--surface);border:1px solid var(--line);text-decoration:none;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}
.cat-tile:hover{box-shadow:var(--shadow);transform:translateY(-2px)}
.cat-tile .im{aspect-ratio:16/10;background:var(--surface-2) center/cover;max-width:100%}
.cat-tile .tx{padding:1rem 1.1rem 1.1rem;display:flex;flex-direction:column;gap:.3rem;flex:1}
.cat-tile h3{font-size:1.05rem}
.cat-tile .meta{font-size:.85rem;color:var(--muted);display:flex;justify-content:space-between;gap:.6rem;margin-top:auto;padding-top:.5rem}
.cat-tile .meta b{color:var(--ink);font-weight:500}
.cat-tile .badge{position:absolute;top:.8rem;left:.8rem}
.cat-tile.soon .im{filter:grayscale(.6) opacity(.75)}
.cat-tile .ph{aspect-ratio:16/10;display:grid;place-items:center;background:repeating-linear-gradient(135deg,var(--surface-2) 0 12px,var(--surface) 12px 24px);color:var(--muted)}
.cat-tile .ph svg{width:46%;height:auto}

/* product card */
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.1rem}
.pcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;position:relative;transition:box-shadow .2s}
.pcard:hover{box-shadow:var(--shadow)}
.pcard .im{display:block;aspect-ratio:4/3;background:var(--surface-2);overflow:hidden;max-width:100%}
.pcard .im img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.pcard:hover .im img{transform:scale(1.04)}
.pcard .tags{position:absolute;top:.7rem;left:.7rem;display:flex;gap:.3rem;flex-wrap:wrap}
.pcard .fav{position:absolute;top:.55rem;right:.55rem;width:36px;height:36px;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:#173F22;display:grid;place-items:center}
.pcard .fav[aria-pressed="true"]{color:var(--sale)}
.pcard .fav svg{width:18px;height:18px}
.pcard .bd{padding:.9rem 1rem 1rem;display:flex;flex-direction:column;gap:.55rem;flex:1}
.pcard .kind{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:500}
.pcard h3{font-size:1rem;font-weight:500;line-height:1.3}
.pcard h3 a{text-decoration:none}
.pcard .dims{font-family:var(--mono);font-size:.8rem;color:var(--muted)}
.specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.3rem .8rem;font-size:.78rem;border-top:1px dashed var(--line);padding-top:.55rem}
.specs span{display:flex;justify-content:space-between;gap:.4rem;color:var(--muted)}
.specs b{font-family:var(--mono);font-weight:500;color:var(--ink)}
.pcard .pr{margin-top:auto;display:flex;align-items:end;justify-content:space-between;gap:.6rem;padding-top:.4rem}
.price{font-size:1.3rem;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums;line-height:1.1}
.price small{display:block;font-size:.75rem;font-weight:300;color:var(--muted)}
.price s{font-size:.8rem;font-weight:300;color:var(--muted);margin-right:.3rem}
.price.ask{font-size:1rem;color:var(--brand)}
.cmp{display:inline-flex;align-items:center;gap:.35rem;font-size:.78rem;color:var(--muted);cursor:pointer;user-select:none}
.cmp input{accent-color:var(--leaf);width:16px;height:16px}
.pcard .go{width:42px;height:42px;border-radius:50%;background:var(--brand);color:var(--on-brand);display:grid;place-items:center;flex:none}
.pcard .go svg{width:18px;height:18px}

/* listing */
.cat-hero{background:var(--surface);border-bottom:1px solid var(--line)}
.cat-hero .wrap{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:2rem;align-items:center;padding-bottom:2rem}
.cat-hero p.lede{margin-top:.8rem;color:var(--muted);max-width:62ch}
.cat-hero .pic{aspect-ratio:16/10;border-radius:var(--r);background:center/cover;max-width:100%}
.cat-hero .facts{display:flex;gap:1.6rem;margin-top:1.2rem;flex-wrap:wrap;font-size:.82rem;color:var(--muted)}
.cat-hero .facts b{display:block;font-family:var(--mono);font-size:1.15rem;color:var(--ink);font-weight:500}
@media (max-width:820px){.cat-hero .wrap{grid-template-columns:1fr}.cat-hero .pic{display:none}}
.subnav{display:flex;gap:.45rem;flex-wrap:wrap;margin-top:1.2rem}
.listing{display:grid;grid-template-columns:260px minmax(0,1fr);gap:1.6rem;align-items:start}
@media (max-width:900px){.listing{grid-template-columns:1fr}}
.filters{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:1.1rem;position:sticky;top:150px;display:grid;gap:1.2rem}
@media (max-width:900px){.filters{position:static}}
.filters h4{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:500;margin-bottom:.5rem}
.filters .opts{display:flex;flex-wrap:wrap;gap:.35rem}
.filters .opts .chip{font-size:.8rem;padding:.3em .75em}
.toolbar{display:flex;justify-content:space-between;align-items:center;gap:.8rem;flex-wrap:wrap;margin-bottom:1rem;font-size:.88rem}
.toolbar select{border:1.5px solid var(--line);border-radius:999px;padding:.45rem .9rem;background:var(--surface);color:var(--fg);font:inherit;font-size:.85rem}
.empty{border:1.5px dashed var(--line);border-radius:var(--r);padding:2rem;text-align:center;color:var(--muted)}
.soon-box{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2rem;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:2rem}
@media (max-width:820px){.soon-box{grid-template-columns:1fr}}

/* forms */
.form{display:grid;gap:.8rem}
.form .two{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
@media (max-width:520px){.form .two{grid-template-columns:1fr}}
.form label{font-size:.8rem;font-weight:500;color:var(--muted);display:grid;gap:.3rem}
.form input,.form textarea,.form select{border:1.5px solid var(--line);border-radius:10px;padding:.7rem .8rem;background:var(--surface);color:var(--fg);font:inherit;font-size:.92rem;font-weight:300}
.form input:focus,.form textarea:focus{outline:none;border-color:var(--leaf)}
.form .ok{background:var(--leaf-soft);color:var(--ink);border-radius:10px;padding:.8rem 1rem;font-size:.9rem}

/* product page */
.pd-top{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:2.2rem;align-items:start}
@media (max-width:960px){.pd-top{grid-template-columns:1fr}}
.gal{position:static}
@media (max-width:960px){.gal{position:static}}
.gal .main{position:relative;aspect-ratio:4/3;border-radius:18px;overflow:hidden;background:var(--surface-2);max-width:100%}
.gal .main img{width:100%;height:100%;object-fit:cover}
.gal .main .nav{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;border:0;background:rgba(255,255,255,.9);color:#173F22;display:grid;place-items:center}
.gal .main .nav svg{width:20px;height:20px}
.gal .main .prev{left:.8rem}.gal .main .next{right:.8rem}
.gal .count{position:absolute;bottom:.8rem;right:.8rem;background:rgba(10,20,14,.75);color:#fff;font-family:var(--mono);font-size:.75rem;padding:.25rem .6rem;border-radius:999px}
.gal .thumbs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.5rem;margin-top:.6rem}
.gal .thumbs button{padding:0;border:2px solid transparent;border-radius:10px;overflow:hidden;aspect-ratio:4/3;background:var(--surface-2)}
.gal .thumbs button[aria-current="true"]{border-color:var(--leaf)}
.gal .thumbs img{width:100%;height:100%;object-fit:cover;display:block}
.buy h1{font-size:clamp(1.5rem,2.6vw,2.05rem);font-weight:600}
.buy .dimline{font-family:var(--mono);font-size:.95rem;color:var(--muted);margin-top:.5rem;display:flex;gap:.8rem;flex-wrap:wrap}
.buy .dimline b{color:var(--ink);font-weight:500}
.buy .claim{margin-top:.9rem;color:var(--fg)}
.kfacts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;margin-top:1.1rem}
@media (max-width:520px){.kfacts{grid-template-columns:repeat(2,minmax(0,1fr))}}
.kfacts div{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:.65rem .7rem;font-size:.72rem;color:var(--muted);line-height:1.3}
.kfacts b{display:block;font-family:var(--mono);font-size:1rem;color:var(--ink);font-weight:500;margin-bottom:.15rem}
.opt{margin-top:1.3rem}
.opt .lab{display:flex;justify-content:space-between;font-size:.82rem;margin-bottom:.45rem}
.opt .lab b{font-weight:500;color:var(--ink)}
.opt .row{display:flex;flex-wrap:wrap;gap:.45rem}
.vbtn{border:1.5px solid var(--line);background:var(--surface);border-radius:12px;padding:.55rem .85rem;text-align:left;font-size:.85rem;line-height:1.25;text-decoration:none;color:var(--fg);position:relative}
.vbtn small{display:block;font-size:.72rem;color:var(--muted);font-family:var(--mono)}
.vbtn[aria-pressed="true"]{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand);color:var(--ink);font-weight:500}
.vbtn[aria-pressed="true"]::after{content:"✓";position:absolute;top:-8px;right:-8px;width:20px;height:20px;border-radius:50%;background:var(--leaf);color:#fff;font-size:.7rem;display:grid;place-items:center;font-weight:700}
.sw{display:inline-block;width:16px;height:16px;border-radius:50%;vertical-align:-3px;margin-right:.35rem;border:1px solid rgba(0,0,0,.2)}
.pricebox{margin-top:1.4rem;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:1.2rem 1.3rem;display:grid;gap:1rem}
.pricebox .top{display:flex;justify-content:space-between;align-items:end;gap:1rem;flex-wrap:wrap}
.pricebox .big{font-size:2.1rem;font-weight:600;color:var(--ink);line-height:1;font-variant-numeric:tabular-nums}
.pricebox .vat{font-size:.85rem;color:var(--muted);margin-top:.35rem}
.pricebox .per{font-family:var(--mono);font-size:.8rem;color:var(--muted);text-align:right}
.pricebox .per b{display:block;font-size:1rem;color:var(--ink);font-weight:500}
.addons{display:grid;gap:.4rem}
.addon{display:flex;gap:.7rem;align-items:center;border:1px solid var(--line);border-radius:10px;padding:.55rem .75rem;font-size:.86rem;cursor:pointer}
.addon input{accent-color:var(--leaf);width:18px;height:18px}
.addon .p{margin-left:auto;font-size:.78rem;color:var(--muted);white-space:nowrap}
.addon:has(input:checked){border-color:var(--leaf);background:var(--leaf-soft)}
.cfg{display:grid;gap:.45rem}
.cfg-h{font-size:.82rem;font-weight:500;color:var(--ink);margin-top:.4rem}
.addon input[type=radio]{accent-color:var(--brand)}
.total{display:grid;grid-template-columns:1fr auto;align-items:end;gap:.1rem .8rem;border-top:1px dashed var(--line);padding-top:.8rem;margin-top:.4rem;font-size:.88rem}
.total b{font-size:1.25rem;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}
.total small{grid-column:1/-1;text-align:right;color:var(--muted);font-size:.76rem}
.ctarow{display:grid;grid-template-columns:auto 1fr;gap:.6rem}
.qty{display:flex;align-items:center;border:1.5px solid var(--line);border-radius:999px;overflow:hidden}
.qty button{border:0;background:transparent;width:38px;height:44px;font-size:1.1rem}
.qty input{width:34px;text-align:center;border:0;background:transparent;font:inherit;color:var(--ink)}
.subctas{display:flex;gap:1rem;flex-wrap:wrap;font-size:.85rem}
.subctas button{border:0;background:none;padding:0;display:inline-flex;gap:.35rem;align-items:center;color:var(--muted)}
.subctas button:hover{color:var(--leaf)}
.subctas svg{width:17px;height:17px}
.guar{display:flex;gap:.7rem;align-items:center;border:1.5px solid var(--cta);border-radius:12px;padding:.6rem .8rem;font-size:.85rem}
.guar svg{width:26px;height:26px;color:var(--cta);flex:none}
.advisor{display:flex;gap:.9rem;align-items:center;background:var(--brand);color:var(--on-brand);border-radius:16px;padding:1rem 1.1rem;margin-top:1rem}
.advisor .av{width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.15);display:grid;place-items:center;flex:none}
.advisor .av svg{width:26px;height:26px}
.advisor b{display:block;font-family:var(--mono);font-size:1.1rem;font-weight:500;user-select:all}
.advisor small{opacity:.8;font-size:.8rem}
.minitrust{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-top:1rem;font-size:.8rem;color:var(--muted)}
.minitrust span{display:flex;gap:.45rem;align-items:center}
.minitrust svg{width:18px;height:18px;color:var(--leaf);flex:none}

.secnav{position:sticky;top:calc(env(safe-area-inset-top,0px) + 116px);z-index:30;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);margin-top:2.5rem}
@media (max-width:760px){.secnav{top:calc(env(safe-area-inset-top,0px) + 112px)}}
.secnav .wrap{display:flex;gap:.2rem;overflow-x:auto;scrollbar-width:none}
.secnav a{white-space:nowrap;text-decoration:none;font-size:.86rem;padding:.8rem .75rem;color:var(--muted);border-bottom:2px solid transparent}
.secnav a.on,.secnav a:hover{color:var(--ink);border-bottom-color:var(--leaf)}
.pd-sec{padding-block:2.6rem;border-bottom:1px solid var(--line)}
.pd-sec>.wrap>h2{margin-bottom:1.3rem}
.two-col{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:2.4rem;align-items:start}
@media (max-width:900px){.two-col{grid-template-columns:1fr}}
.uses{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.2rem}
.uses span{display:inline-flex;align-items:center;gap:.45rem;background:var(--leaf-soft);color:var(--ink);border-radius:999px;padding:.4em .9em;font-size:.85rem}
.uses svg{width:16px;height:16px;color:var(--leaf)}
.why{display:grid;gap:.9rem}
.why div{display:flex;gap:.8rem;align-items:start;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:.9rem 1rem;font-size:.9rem}
.why b{display:block;color:var(--ink);font-weight:500}
.why svg{width:24px;height:24px;color:var(--leaf);flex:none;margin-top:2px}

table.ptab{width:100%;border-collapse:collapse;font-size:.92rem}
.ptab caption{text-align:left;font-weight:600;color:var(--ink);font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;padding:1rem 0 .4rem}
.ptab th,.ptab td{padding:.6rem .2rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.ptab th{font-weight:300;color:var(--muted);width:52%}
.ptab td{font-family:var(--mono);color:var(--ink);font-weight:500;font-size:.86rem}
.ptab td .src{font-family:var(--font);font-weight:300;font-size:.7rem;color:var(--muted);display:block}
.ptabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;align-items:stretch}
@media (max-width:1000px){.ptabs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.ptabs{grid-template-columns:1fr}}
.ptabs.collapsed .ptab tr:nth-child(n+6){display:none}
.pmore{display:flex;justify-content:center;margin-top:1.2rem}
.pbox{display:flex;flex-direction:column}
.pbox .ptab{flex:none}
.pcol{min-width:0}
.pcol{display:grid;gap:1.2rem;align-content:start}
.pbox{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.pbox-h{display:flex;align-items:center;gap:.7rem;padding:.8rem 1rem;background:var(--surface-2);border-bottom:1px solid var(--line)}
.pbox-h h3{font-size:.95rem;font-weight:600;flex:1}
.pbox-ic{width:34px;height:34px;border-radius:10px;background:var(--brand);color:var(--on-brand);display:grid;place-items:center;flex:none}
.pbox-ic svg{width:18px;height:18px}
.pbox-n{font-family:var(--mono);font-size:.72rem;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:.1rem .5rem}
.pbox .ptab th,.pbox .ptab td{padding:.6rem 1rem;border-bottom:1px solid var(--line)}
.pbox .ptab tr:nth-child(even){background:var(--bg)}
.pbox .ptab tr:last-child th,.pbox .ptab tr:last-child td{border-bottom:0}
.pbox .ptab th{width:44%;font-size:.86rem}
.pbox .ptab td{font-size:.8rem}
@media (max-width:760px){.ptabs{grid-template-columns:1fr}}

.drawing{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:1.2rem;overflow-x:auto}
.drawing svg{display:block;width:100%;min-width:560px;height:auto}
.drawing .lg{display:flex;gap:1.2rem;flex-wrap:wrap;font-size:.78rem;color:var(--muted);margin-top:.6rem}
.dwg-tabs{display:flex;gap:.4rem;margin-bottom:1rem;flex-wrap:wrap}

.parts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
@media (max-width:900px){.parts{grid-template-columns:repeat(2,minmax(0,1fr))}}
.part{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.part img{aspect-ratio:1;object-fit:cover;width:100%;display:block}
.part div{padding:.75rem .85rem;font-size:.82rem;color:var(--muted);line-height:1.45}
.part b{display:block;color:var(--ink);font-weight:500;font-size:.92rem;margin-bottom:.15rem}

.vs{width:100%;border-collapse:separate;border-spacing:0;font-size:.9rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.vs th,.vs td{padding:.75rem 1rem;border-bottom:1px solid var(--line);text-align:left}
.vs thead th{background:var(--surface-2);font-weight:500;color:var(--ink)}
.vs td{font-variant-numeric:tabular-nums}
.vs .cur{background:var(--leaf-soft)}
.vs tr:last-child td{border-bottom:0}
.tblwrap{overflow-x:auto}

.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;counter-reset:s}
@media (max-width:900px){.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.steps{grid-template-columns:1fr}}
.step{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:1.1rem;counter-increment:s;position:relative}
.step::before{content:counter(s);font-family:var(--mono);font-size:.8rem;color:var(--on-brand);background:var(--brand);width:28px;height:28px;border-radius:50%;display:grid;place-items:center;margin-bottom:.7rem}
.step h3{font-size:1rem;margin-bottom:.35rem}
.step p{font-size:.86rem;color:var(--muted)}
.step .t{font-family:var(--mono);font-size:.75rem;color:var(--leaf);margin-top:.5rem}

.supply{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem 2rem;list-style:none;padding:0;margin:0}
@media (max-width:620px){.supply{grid-template-columns:1fr}}
.supply li{display:flex;gap:.6rem;align-items:start;padding:.55rem 0;border-bottom:1px dashed var(--line);font-size:.92rem}
.supply svg{width:18px;height:18px;color:var(--leaf);flex:none;margin-top:3px}

details.faq{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:0 1.1rem}
details.faq+details.faq{margin-top:.5rem}
details.faq summary{cursor:pointer;list-style:none;padding:1rem 0;font-weight:500;color:var(--ink);display:flex;justify-content:space-between;gap:1rem}
details.faq summary::after{content:"+";font-family:var(--mono);font-size:1.2rem;color:var(--leaf);line-height:1}
details.faq[open] summary::after{content:"–"}
details.faq p{padding-bottom:1rem;color:var(--muted);font-size:.93rem}

.dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}
@media (max-width:760px){.dl{grid-template-columns:1fr}}
.dl button{display:flex;gap:.8rem;align-items:center;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:.9rem 1rem}
.dl button:hover{border-color:var(--leaf)}
.dl svg{width:30px;height:30px;color:var(--sale);flex:none}
.dl b{display:block;font-weight:500;color:var(--ink);font-size:.92rem}
.dl small{color:var(--muted);font-size:.76rem;font-family:var(--mono)}

.snow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2rem;align-items:center}
@media (max-width:820px){.snow{grid-template-columns:1fr}}
.meter{height:14px;border-radius:7px;background:var(--surface-2);overflow:hidden;position:relative}
.meter i{position:absolute;inset:0 auto 0 0;background:var(--leaf);border-radius:7px}
.meter.bad i{background:var(--cta)}

.mosaic{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:180px;gap:.7rem}
.mosaic button{padding:0;border:0;border-radius:12px;overflow:hidden;background:var(--surface-2) center/cover;position:relative}
.mosaic button:nth-child(1){grid-column:span 2;grid-row:span 2}
.mosaic button span{position:absolute;left:.6rem;bottom:.6rem;background:rgba(10,20,14,.78);color:#fff;font-size:.74rem;padding:.25rem .55rem;border-radius:6px;font-family:var(--mono)}
@media (max-width:760px){.mosaic{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:140px}}

.vsguide{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}
@media (max-width:760px){.vsguide{grid-template-columns:1fr}}
.vsguide .card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:1.4rem;display:flex;flex-direction:column;gap:.9rem}
.vsguide svg.prof{width:100%;height:auto;max-height:150px}
.vsguide ul{margin:0;padding:0;list-style:none;display:grid;gap:.4rem;font-size:.9rem}
.vsguide li{display:flex;gap:.5rem}
.vsguide li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--leaf);margin-top:.6em;flex:none}
.vsguide .rng{display:flex;gap:1.4rem;font-size:.78rem;color:var(--muted);flex-wrap:wrap}
.vsguide .rng b{display:block;font-family:var(--mono);color:var(--ink);font-size:1rem;font-weight:500}

.cta-band{background:var(--brand);color:var(--on-brand);border-radius:22px;padding:clamp(1.6rem,4vw,2.6rem);display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:2rem;align-items:center}
.cta-band h2{color:var(--on-brand)}
.cta-band p{opacity:.85;margin-top:.6rem}
.cta-band .ph{font-family:var(--mono);font-size:1.5rem;font-weight:500;user-select:all}
@media (max-width:820px){.cta-band{grid-template-columns:1fr}}

.blog a{display:flex;flex-direction:column;gap:.6rem;text-decoration:none;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.blog .im{aspect-ratio:16/9;background:center/cover;max-width:100%}
.blog .tx{padding:0 1rem 1rem;display:grid;gap:.4rem}
.blog h3{font-size:1rem;font-weight:500}
.blog small{color:var(--muted);font-size:.78rem}

footer.site{background:#0E2415;color:#C9D8CC;margin-top:3rem;font-size:.88rem}
footer.site .wrap{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:2rem;padding-block:3rem}
footer.site h4{color:#fff;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.8rem;font-weight:500}
footer.site ul{list-style:none;margin:0;padding:0;display:grid;gap:.35rem}
footer.site a{text-decoration:none;color:#C9D8CC}
footer.site a:hover{color:#8EE09A}
footer.site .legal{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.12);padding-top:1.2rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;font-size:.78rem;color:#8FA595}
@media (max-width:820px){footer.site .wrap{grid-template-columns:1fr 1fr}}
@media (max-width:480px){footer.site .wrap{grid-template-columns:1fr}}

/* drawers & modals */
.scrim{position:fixed;inset:0;background:rgba(5,12,8,.55);z-index:90}
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(440px,100%);background:var(--surface);z-index:100;display:flex;flex-direction:column;box-shadow:var(--shadow);padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
.drawer header{display:flex;justify-content:space-between;align-items:center;padding:1.1rem 1.2rem;border-bottom:1px solid var(--line)}
.drawer .body{flex:1;overflow:auto;padding:1rem 1.2rem;display:grid;gap:.8rem;align-content:start}
.drawer footer{border-top:1px solid var(--line);padding:1rem 1.2rem;display:grid;gap:.6rem}
.x{border:0;background:var(--surface-2);width:36px;height:36px;border-radius:50%;display:grid;place-items:center}
.x svg{width:18px;height:18px}
.citem{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:.8rem;align-items:center;font-size:.86rem}
.citem img{width:72px;height:54px;object-fit:cover;border-radius:8px}
.citem small{color:var(--muted);display:block}
.modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:16px}
.modal .box{background:var(--surface);border-radius:20px;width:min(560px,100%);max-height:calc(100% - 32px);overflow:auto;padding:1.5rem;position:relative}
.modal .box .x{position:absolute;top:1rem;right:1rem}
.lightbox{position:fixed;inset:0;z-index:110;background:rgba(5,12,8,.92);display:grid;place-items:center;padding:16px}
.lightbox img{max-height:86vh;max-width:100%;border-radius:10px}
.lightbox .x{position:absolute;top:1rem;right:1rem;background:#fff;color:#173F22}

.stickybuy{position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--surface);border-top:1px solid var(--line);padding:.6rem 16px calc(.6rem + env(safe-area-inset-bottom,0px));display:none;align-items:center;gap:.8rem;box-shadow:0 -6px 20px rgba(0,0,0,.08)}
.stickybuy .price{font-size:1.1rem}
.stickybuy .btn{padding:.7em 1.1em;font-size:.88rem}
@media (max-width:960px){.stickybuy.on{display:flex}}

.toast{position:fixed;left:50%;bottom:calc(84px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:var(--ink);color:var(--bg);padding:.7rem 1.2rem;border-radius:999px;font-size:.88rem;z-index:120;box-shadow:var(--shadow)}

.cmpbar{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:45;background:var(--ink);color:var(--bg);border-radius:999px;padding:.45rem .5rem .45rem 1.1rem;display:flex;gap:.8rem;align-items:center;font-size:.86rem;box-shadow:var(--shadow);max-width:calc(100% - 32px)}
.cmpbar .btn{padding:.5em 1em;font-size:.82rem}

/* demo notes panel */
.notes li{margin-bottom:.55rem}
.notes h3{margin:1.1rem 0 .4rem;font-size:.95rem}
.pin{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--cta);color:var(--cta-ink);font-size:.7rem;font-weight:600;font-family:var(--mono);vertical-align:2px;margin-right:.3rem}

/* wizard */
.wiz{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:clamp(1.2rem,3vw,2rem)}
.wiz .prog{display:flex;gap:.4rem;margin-bottom:1.4rem}
.wiz .prog i{flex:1;height:5px;border-radius:3px;background:var(--surface-2)}
.wiz .prog i.on{background:var(--leaf)}
.wopts{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.7rem;margin-top:1rem}
.wopt{border:1.5px solid var(--line);border-radius:14px;background:var(--surface);padding:1rem;text-align:left;display:grid;gap:.3rem}
.wopt b{font-weight:500;color:var(--ink)}
.wopt small{color:var(--muted);font-size:.8rem}
.wopt[aria-pressed="true"]{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand);background:var(--leaf-soft)}
.wopt svg{width:28px;height:28px;color:var(--leaf)}
.rec{display:grid;grid-template-columns:140px minmax(0,1fr) auto;gap:1rem;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:.8rem}
.rec img{width:140px;height:100px;object-fit:cover;border-radius:10px}
.rec .why2{font-size:.82rem;color:var(--muted)}
@media (max-width:620px){.rec{grid-template-columns:90px minmax(0,1fr)}.rec img{width:90px;height:70px}.rec .btn{grid-column:1/-1}}

/* compare */
.ctable{border-collapse:collapse;min-width:640px;width:100%;background:var(--surface);font-size:.88rem}
.ctable th,.ctable td{border:1px solid var(--line);padding:.65rem .8rem;text-align:left;vertical-align:top}
.ctable thead td{vertical-align:bottom}
.ctable thead img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px}
.ctable th{color:var(--muted);font-weight:300;width:180px;background:var(--surface-2)}
.ctable td{font-family:var(--mono);font-size:.82rem;color:var(--ink)}
.ctable td.best{background:var(--leaf-soft);font-weight:600}

/* reviews */
.reviews{background:var(--surface);border-top:1px solid var(--line)}
.rev-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1.6rem;align-items:center;margin-bottom:1.6rem}
@media (max-width:820px){.rev-head{grid-template-columns:1fr}}
.gbadge{display:flex;gap:.8rem;align-items:center;background:var(--bg);border:1px solid var(--line);border-radius:16px;padding:.8rem 1.1rem}
.gbadge b{font-size:2rem;font-weight:600;color:var(--ink);line-height:1;margin-right:.4rem;font-variant-numeric:tabular-nums}
.gbadge small{display:block;font-size:.76rem;color:var(--muted);margin-top:.2rem}
.g{width:38px;height:38px;border-radius:50%;background:#fff;border:1px solid var(--line);display:grid;place-items:center;font-weight:700;font-size:1.1rem;color:#4285F4;flex:none;font-family:Arial,sans-serif}
.stars{color:#F5B301;letter-spacing:.08em;font-size:1rem}
.rev-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,calc((100% - 3rem)/4));gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.6rem;scrollbar-width:thin}
@media (max-width:980px){.rev-track{grid-auto-columns:minmax(260px,calc((100% - 1rem)/2))}}
@media (max-width:560px){.rev-track{grid-auto-columns:85%}}
.rev{margin:0;scroll-snap-align:start;background:var(--bg);border:1px solid var(--line);border-radius:16px;padding:1.1rem;display:flex;flex-direction:column;gap:.55rem}
.rev-top{display:flex;gap:.7rem;align-items:center}
.rev-top b{display:block;font-weight:500;color:var(--ink);font-size:.92rem;line-height:1.2}
.rev-top small{color:var(--muted);font-size:.75rem}
.av{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-weight:600;font-size:.82rem;color:#fff;flex:none}
.av0{background:#173F22}.av1{background:#3DAE49}.av2{background:#C2581A}.av3{background:#2F5D8A}
.rev-tag{align-self:start;font-family:var(--mono);font-size:.72rem;background:var(--leaf-soft);color:var(--ink);padding:.2rem .5rem;border-radius:6px}
.rev blockquote{margin:0;font-size:.9rem;line-height:1.55;color:var(--fg)}
.rev blockquote.clamp{display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}
.rev-more{align-self:start;border:0;background:none;padding:0;color:var(--leaf);font-size:.84rem;font-weight:500}
.rev-nav{display:flex;gap:.5rem;align-items:center;margin-top:1rem}
.grate{display:flex;gap:.5rem;align-items:center;margin-top:1rem;text-decoration:none;font-size:.85rem}
.grate .g{width:28px;height:28px;font-size:.85rem}
.grate b{font-weight:600;color:var(--ink)}

/* dimension picker */
.dimpick{margin-top:1.3rem;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:1rem 1.1rem;display:grid;gap:.9rem}
.dp-top{display:flex;justify-content:space-between;align-items:center;gap:1rem}
.dp-lab{font-weight:500;color:var(--ink)}
.linkbtn{border:0;background:none;padding:0;color:var(--leaf);font-size:.82rem;font-weight:500;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.dp-row{display:grid;grid-template-columns:64px minmax(0,1fr);gap:.8rem;align-items:center}
.dp-k{font-size:.8rem;color:var(--muted)}
.dp-k b{font-weight:500;color:var(--ink);margin-left:.3rem}
.dp-seg{grid-auto-columns:minmax(0,1fr)}
.dp-seg button{font-family:var(--mono);font-size:.82rem}
.dp-plan{background:repeating-linear-gradient(0deg,transparent 0 11px,var(--surface-2) 11px 12px),repeating-linear-gradient(90deg,transparent 0 11px,var(--surface-2) 11px 12px);border-radius:12px;padding:.3rem .5rem}
.dp-svg{display:block;width:100%;height:auto;max-height:130px}
.dp-svg rect,.dp-svg text{transition:all .2s}
.dp-slider{position:relative;padding-bottom:1.3rem}
.dp-slider input{width:100%;margin:0}
.dp-ticks{position:absolute;left:9px;right:9px;bottom:0;height:1.1rem}
.dp-ticks span{position:absolute;transform:translateX(-50%);font-family:var(--mono);font-size:.72rem;color:var(--muted);white-space:nowrap}
.dp-ticks span.on{color:var(--brand);font-weight:600}
.dp-two{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}
.dp-two>div{display:grid;gap:.4rem}
@media (max-width:480px){.dp-two{grid-template-columns:1fr}}
.dots{display:flex;gap:.6rem}
.dot{width:34px;height:34px;border-radius:50%;background:var(--c);border:2px solid var(--line);padding:0;position:relative}
.dot[aria-pressed="true"]{border-color:var(--brand);box-shadow:0 0 0 3px var(--leaf-soft)}
.dot[aria-pressed="true"]::after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;font-size:.8rem;font-weight:700;color:var(--leaf)}
.dp-sum{display:flex;justify-content:space-between;gap:.8rem;align-items:center;border-top:1px dashed var(--line);padding-top:.7rem;font-family:var(--mono);font-size:.8rem;color:var(--muted);flex-wrap:wrap}
.dp-sum b{font-family:var(--font);font-size:1.05rem;color:var(--ink);font-weight:600}
.modal .box.wide{width:min(820px,100%)}
.dtab{width:100%;border-collapse:collapse;font-size:.88rem;min-width:520px}
.dtab th,.dtab td{padding:.45rem .6rem;border-bottom:1px solid var(--line);text-align:left}
.dtab thead th{background:var(--surface-2);font-weight:500;color:var(--ink)}
.dtab tbody th{font-family:var(--mono);font-weight:600;color:var(--ink);vertical-align:top;background:var(--bg)}
.dtab tr.grp td,.dtab tr.grp th{border-top:2px solid var(--line)}
.dtab td{font-family:var(--mono);font-size:.82rem}
.tcell{border:1.5px solid var(--line);background:var(--surface);border-radius:8px;padding:.25rem .55rem;font-family:var(--mono);font-size:.8rem;color:var(--ink)}
.tcell:hover{border-color:var(--leaf)}
.tcell.cur{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}

/* configurator */
.cfg-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:2rem;align-items:start}
@media (max-width:960px){.cfg-grid{grid-template-columns:1fr}}
.csteps{display:grid;gap:1rem}
.cstep{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:1.2rem 1.3rem}
.cstep-h{display:flex;gap:.7rem;align-items:center;margin-bottom:.9rem}
.cnum{width:30px;height:30px;border-radius:50%;background:var(--brand);color:var(--on-brand);font-family:var(--mono);font-size:.85rem;display:grid;place-items:center;flex:none}
.cstep .dimpick{margin-top:0;border:0;padding:0}
.ctype{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}
@media (max-width:620px){.ctype{grid-template-columns:1fr}}
.ctype svg.prof{width:100%;height:auto;max-height:70px}
.csum{position:sticky;top:150px;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:1.2rem;display:grid;gap:.8rem}
@media (max-width:960px){.csum{position:static}}
.csum-draw{background:var(--bg);border-radius:12px;padding:.4rem}
.csum-draw svg{display:block;width:100%;height:auto}
.csum h3{font-size:1.05rem}
.csum-list{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.35rem 1rem;margin:0;font-size:.85rem}
.csum-list dt{color:var(--muted)}
.csum-list dd{margin:0;color:var(--ink);font-family:var(--mono);font-size:.8rem;text-align:right}

/* top links + info pages */
.toplinks{display:flex;gap:1.1rem;flex-wrap:wrap}
.toplinks a,.topstrip a{color:var(--on-brand);text-decoration:none;opacity:.88}
.toplinks a:hover,.toplinks a.on{opacity:1;text-decoration:underline;text-underline-offset:4px}
.ts-stock{background:rgba(255,255,255,.12);border-radius:999px;padding:.1rem .7rem;opacity:1!important}
@media (max-width:900px){.toplinks{display:none}}
.mob-only{display:none}
@media (max-width:760px){nav.main.open .mob-only{display:block;color:var(--muted)}}
.infonav{background:var(--surface);border-bottom:1px solid var(--line)}
.infonav .wrap{display:flex;gap:.3rem;overflow-x:auto;scrollbar-width:none}
.infonav a{white-space:nowrap;text-decoration:none;font-size:.88rem;padding:.75rem .8rem;color:var(--muted);border-bottom:2px solid transparent}
.infonav a.on,.infonav a:hover{color:var(--ink);border-bottom-color:var(--leaf)}
.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}
.stats div{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:1.1rem;font-size:.85rem;color:var(--muted);line-height:1.35}
.stats b{display:block;font-family:var(--mono);font-size:1.6rem;font-weight:500;color:var(--ink);margin-bottom:.2rem}
.pillar{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:1.2rem;display:grid;gap:.5rem;align-content:start}
.pillar svg{width:30px;height:30px;color:var(--leaf)}
.pillar p{font-size:.9rem;color:var(--muted)}
.pic-tall{min-height:340px;border-radius:18px;background:var(--surface-2) center/cover;max-width:100%}
.cocard{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:1.2rem}
.cocard h3{margin-bottom:.7rem}
.cocard dl,dl.cocard{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.4rem 1rem;margin:0;font-size:.88rem}
.cocard dt{color:var(--muted)}
.cocard dd{margin:0;color:var(--ink)}
.opt-card{background:var(--surface);border:1.5px solid var(--line);border-radius:18px;padding:1.4rem;display:grid;gap:.8rem;align-content:start}
.opt-card.on{border-color:var(--brand)}
.opt-card .badge{justify-self:start}
.opt-card h3{display:flex;gap:.5rem;align-items:center}
.opt-card h3 svg{width:22px;height:22px;color:var(--leaf)}
.opt-card .btn{justify-self:start}
.opt-card .supply{grid-template-columns:1fr}
.vids{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
@media (max-width:820px){.vids{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.vids{grid-template-columns:1fr}}
.vid{text-decoration:none;display:grid;gap:.4rem}
.vid-im{aspect-ratio:16/9;border-radius:14px;background:var(--surface-2) center/cover;position:relative;display:grid;place-items:center;max-width:100%}
.vid-im::after{content:"";position:absolute;inset:0;border-radius:14px;background:rgba(10,20,14,.25)}
.play{position:relative;z-index:1;width:56px;height:56px;border-radius:50%;background:#fff;color:#C4302B;display:grid;place-items:center;font-size:1.2rem;padding-left:4px;box-shadow:0 6px 18px rgba(0,0,0,.3)}
.vid b{font-weight:500;color:var(--ink);font-size:.92rem;line-height:1.3}
.vid small{color:var(--muted);font-size:.76rem}
.certs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
@media (max-width:760px){.certs{grid-template-columns:repeat(2,minmax(0,1fr))}}
.cert{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:.8rem;text-align:left;display:grid;gap:.3rem}
.cert:hover{border-color:var(--leaf)}
.cert-im{aspect-ratio:3/4;background:#fff center/contain no-repeat;border-radius:10px;border:1px solid var(--line);max-width:100%}
.cert b{font-weight:500;color:var(--ink);font-size:.9rem;margin-top:.3rem}
.cert small{color:var(--leaf);font-size:.78rem}
.ccard{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:1.3rem;display:grid;gap:.25rem}
.ccard svg{width:28px;height:28px;color:var(--leaf);margin-bottom:.4rem}
.ccard small{color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}
.ccard b{font-size:1.15rem;color:var(--ink);font-weight:500}
.ccard a{color:var(--leaf);font-size:.88rem}
footer.site .wrap{grid-template-columns:1.4fr 1fr 1fr 1fr}
.nl{margin-top:1.2rem;display:grid;gap:.4rem;font-size:.82rem}
.nl div{display:flex;gap:.4rem}
.nl input{flex:1;min-width:0;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff;border-radius:999px;padding:.55rem .9rem;font:inherit;font-size:.85rem}
.nl .btn{padding:.55em 1em;font-size:.82rem}

/* product top v4 */
.buy h1{margin-top:.1rem}
.vx{border:1px solid var(--line);border-radius:14px;background:var(--bg)}
.vx[open]{background:var(--surface)}
.vx summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.1rem 1rem;padding:.75rem .9rem;align-items:center}
.vx summary::-webkit-details-marker{display:none}
.vx-k{font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:500}
.vx-v{grid-column:1;font-family:var(--mono);font-size:.86rem;color:var(--ink)}
.vx-c{grid-column:2;grid-row:1/span 2;font-size:.82rem;font-weight:500;color:var(--leaf);display:flex;gap:.3rem;align-items:center}
.vx-c::after{content:"▾";transition:transform .2s}
.vx[open] .vx-c::after{transform:rotate(180deg)}
.vx>.dimpick,.vx>.cfg{margin:0;border:0;border-top:1px dashed var(--line);border-radius:0;padding:.9rem}
.gal-trust{display:flex;flex-wrap:wrap;gap:.6rem 1.2rem;align-items:center;margin-top:1rem;padding:.8rem 1rem;background:var(--surface);border:1px solid var(--line);border-radius:14px;font-size:.82rem;color:var(--muted)}
.gal-trust>span{display:inline-flex;gap:.4rem;align-items:center}
.gal-trust svg{width:18px;height:18px;color:var(--leaf)}
.guar-line{display:flex;gap:.6rem;align-items:center;margin-top:.9rem;font-size:.84rem;color:var(--fg);text-decoration:none}
.guar-line svg{width:20px;height:20px;color:var(--cta);flex:none}
.guar-line b{font-weight:500;color:var(--ink)}
.kfacts b{font-size:.92rem}
.vx .dp-lab,.vxp .dp-lab{visibility:hidden}

.usp{display:inline-flex;align-items:center;gap:.4rem;font-weight:500}
.usp svg{width:15px;height:15px;color:#8EE09A}
@media (max-width:1100px){.topstrip .hide-s{display:none}}
.hphone{flex-direction:row!important;align-items:center;gap:.65rem}
.hp-ic{position:relative;width:42px;height:42px;border-radius:50%;background:var(--leaf-soft);color:var(--brand);display:grid;place-items:center;flex:none}
.hp-ic svg{width:22px;height:22px}
.live{position:absolute;right:1px;bottom:1px;width:12px;height:12px;border-radius:50%;background:#2DC24A;border:2px solid var(--surface)}
.live::after{content:"";position:absolute;inset:-2px;border-radius:50%;background:#2DC24A;animation:pulse 1.6s ease-out infinite}
@keyframes pulse{0%{transform:scale(1);opacity:.7}100%{transform:scale(2.6);opacity:0}}
.hp-tx{display:flex;flex-direction:column;line-height:1.2}
.hp-tx em{font-style:normal;color:#2DC24A;font-weight:500}

/* vyrovnanie stĺpcov */
.two-col{align-items:stretch}
.two-col>.why{height:100%;grid-auto-rows:1fr;align-content:stretch}
.two-col>.why>div{align-items:center}
.two-col>.why>a.btn{align-self:end}
.side-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:1.3rem;display:flex;flex-direction:column;height:100%}
.side-foot{margin-top:auto;padding-top:1.2rem;border-top:1px dashed var(--line);display:flex;gap:.7rem;align-items:center;font-size:.88rem}
.side-foot svg{width:22px;height:22px;color:var(--leaf);flex:none}
.side-card .form{margin-bottom:1.2rem}

.blog.compact .grid{gap:.7rem}
.blog.compact a{flex-direction:row;align-items:center;gap:.9rem}
.blog.compact .im{width:120px;flex:none;aspect-ratio:4/3}
.blog.compact .tx{padding:.6rem 1rem .6rem 0}

.blog>a.btn{display:inline-flex;flex-direction:row;background:transparent;border:1.5px solid var(--line);overflow:visible}
.side-stack{display:flex;flex-direction:column;gap:1rem}
.side-stack>.cocard{flex:1}

/* kompaktnejšie rozloženie pre notebooky */
body{font-size:15px}
html{scroll-padding-top:120px}
.topstrip .wrap{padding-block:.35rem}
.topstrip{font-size:.76rem}
.hbar{padding-block:.45rem;gap:1rem}
.logo img{height:40px}
.search input{padding:.55rem 1rem .55rem 2.5rem;font-size:.88rem}
.hp-ic{width:36px;height:36px}.hp-ic svg{width:19px;height:19px}
.hphone b{font-size:.92rem}
.hicon{width:40px;height:40px}
nav.main a{padding:.55rem .7rem;font-size:.86rem}
nav.main .hl{padding:.35rem .85rem!important;margin-block:.25rem}
.crumbs{padding-block:.6rem;font-size:.78rem}
.pd-top{grid-template-columns:minmax(0,.82fr) minmax(0,1fr);gap:1.8rem}
.gal .main{aspect-ratio:4/3;border-radius:14px}
.gal .thumbs{gap:.4rem;margin-top:.5rem}
.gal-trust{margin-top:.7rem;padding:.6rem .8rem;font-size:.78rem}
.advisor{padding:.75rem .9rem;margin-top:.7rem}
.advisor .av{width:42px;height:42px}
.advisor b{font-size:1rem}
.buy h1{font-size:clamp(1.3rem,2vw,1.6rem);line-height:1.15}
.buy .badge{font-size:.64rem}
.buy .dimline{font-size:.84rem;margin-top:.35rem}
.kfacts{margin-top:.8rem;gap:.4rem}
.kfacts div{padding:.45rem .6rem;font-size:.68rem;border-radius:10px}
.kfacts b{font-size:.86rem!important}
.pricebox{margin-top:.9rem;padding:.9rem 1rem;gap:.7rem;border-radius:14px}
.pricebox .big{font-size:1.75rem}
.pricebox .vat{font-size:.8rem;margin-top:.2rem}
.pricebox .per b{font-size:.92rem}
.vx summary{padding:.55rem .8rem}
.vx-v{font-size:.82rem}
.vx>.dimpick,.vx>.cfg{padding:.7rem .8rem}
.dimpick{gap:.6rem}
.dp-svg{max-height:96px}
.addon{padding:.4rem .65rem;font-size:.82rem}
.btn{padding:.7em 1.2em;font-size:.9rem}
.qty button{height:40px}
.subctas{font-size:.8rem}
.guar-line{margin-top:.6rem;font-size:.8rem}
.secnav{top:calc(env(safe-area-inset-top,0px) + 98px);margin-top:1.8rem}
.secnav a{padding:.6rem .7rem;font-size:.82rem}
.pd-sec{padding-block:2rem}
h2{font-size:clamp(1.35rem,2.2vw,1.8rem)}

.dimpick{grid-template-columns:minmax(0,1fr) 170px;column-gap:1rem;align-items:center}
.dimpick>.dp-top,.dimpick>.dp-sum{grid-column:1/-1}
.dimpick>.dp-plan{grid-column:2;grid-row:2/span 3;align-self:stretch;display:flex;align-items:center;padding:.2rem}
.dimpick>.dp-row{grid-column:1}
.dp-row{grid-template-columns:52px minmax(0,1fr)}
.dp-two{grid-template-columns:minmax(0,1fr) auto!important;gap:.8rem}
.dp-two .dp-seg button{white-space:nowrap;font-size:.78rem}
.dp-two>div{grid-template-columns:52px minmax(0,1fr);display:grid;align-items:center}
.dp-two>div:nth-child(2){grid-template-columns:auto auto;justify-content:start;gap:.5rem}
.dot{width:28px;height:28px}
.dp-svg{max-height:110px}
.dp-seg button{padding:.4rem .3rem}
.dp-slider{padding-bottom:1.1rem}
@media (max-width:560px){.dimpick{grid-template-columns:1fr}.dimpick>.dp-plan{grid-column:1;grid-row:auto}.dp-two{grid-template-columns:1fr!important}}

/* mega panel v2 */
.mega-in{grid-template-columns:minmax(0,1fr) 280px;grid-template-rows:auto 1fr;gap:.9rem 1.6rem;align-items:stretch}
.mega-h{grid-column:1/-1;margin:0}
.mega-tiles{grid-auto-rows:1fr;align-content:start}
.mt{overflow:hidden;min-width:0}
.mt-tx>*{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mt-tx>b{line-height:1.25}
.mega-side{justify-content:space-between;gap:.5rem;padding:.9rem 1rem;min-width:0}
.mega-side svg.prof{max-height:58px}
.mega-side p{font-size:.82rem;line-height:1.4;margin:0}
.mega-ctas{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;margin-top:0}
.mega-ctas .btn{padding:.55em .6em;font-size:.8rem;white-space:nowrap}
@media (max-width:1100px){.mega-in{grid-template-columns:minmax(0,1fr) 230px}.mega-ctas{grid-template-columns:1fr}}

/* v11: menšia fotka, prepínače vedľa seba */
.mega-in{grid-template-rows:auto}
.pd-top{grid-template-columns:minmax(0,.68fr) minmax(0,1fr);gap:1.6rem}
.gal .thumbs{grid-template-columns:repeat(6,minmax(0,1fr))}
.gal-trust{font-size:.74rem;gap:.4rem .9rem}
.advisor b{font-size:.92rem}
.advisor small{font-size:.74rem}
.buy h1{font-size:clamp(1.2rem,1.7vw,1.42rem)}
.buy .dimline{font-size:.8rem}
.kfacts div{padding:.4rem .55rem;font-size:.66rem}
.kfacts b{font-size:.82rem!important}
.pricebox{padding:.8rem .9rem;gap:.6rem}
.pricebox .big{font-size:1.55rem}
.pricebox .per b{font-size:.86rem}
.pricebox .per{font-size:.72rem}
.vxrow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}
.vxb{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.1rem .5rem;text-align:left;border:1px solid var(--line);border-radius:12px;background:var(--bg);padding:.5rem .7rem;align-items:center;min-width:0}
.vxb:hover{border-color:var(--leaf)}
.vxb[aria-expanded="true"]{border-color:var(--brand);background:var(--surface);box-shadow:inset 0 0 0 1px var(--brand)}
.vxb .vx-k{font-size:.66rem}
.vxb .vx-v{font-size:.76rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.vxb .vx-c{font-size:.74rem}
.vxb[aria-expanded="true"] .vx-c::after{transform:rotate(180deg)}
.vxp{border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.vxp>.dimpick,.vxp>.cfg{margin:0;border:0;padding:.7rem .8rem}
@media (max-width:520px){.vxrow{grid-template-columns:1fr}}

.adv-mini{padding:.55rem .8rem;gap:.7rem;margin-top:.7rem}
.adv-mini .av{width:36px;height:36px;position:relative}
.adv-mini .av svg{width:18px;height:18px}
.adv-mini .live{border-color:var(--brand)}
.adv-mini em{font-style:normal;color:#8EE09A;font-weight:500}
.adv-mini b{font-size:.95rem}

/* ===== 5 návrhov rozloženia produktu ===== */
.pd-top{display:grid;gap:.8rem 1.6rem;align-items:start;grid-template-areas:"gal info" "gal cfg" "gal price";grid-template-rows:auto auto 1fr}
.pd-top .buy{display:contents}
.pd-top .gal{grid-area:gal}
.buy-info{grid-area:info;min-width:0}
.buy-cfg{grid-area:cfg;min-width:0;display:grid;gap:.5rem}
.buy-cfg:empty{display:none}
.buy-price{grid-area:price;min-width:0}
.buy-price .pricebox{margin-top:0}
.ctas2{display:grid;gap:.5rem}
.ctas2 .ctarow{grid-template-columns:auto 1fr}
/* A – kompaktný panel */
.pd-top[data-lay="A"]{grid-template-columns:minmax(0,.75fr) minmax(0,1fr)}
.pd-top[data-lay="A"] .ctas2{grid-template-columns:auto 1fr 1fr}
.pd-top[data-lay="A"] .ctas2 .ctarow{display:contents}
.pd-top[data-lay="A"] .ctas2 .btn{padding:.65em .8em;font-size:.86rem}
.pd-top[data-lay="A"] .pricebox{gap:.6rem}
/* B – tri stĺpce */
.pd-top[data-lay="B"]{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 270px;grid-template-areas:"gal info price" "gal cfg price";grid-template-rows:auto 1fr}
.pd-top[data-lay="B"] .buy-price{position:sticky;top:110px}
.pd-top[data-lay="B"] .pricebox .top{flex-direction:column;align-items:flex-start}
.pd-top[data-lay="B"] .pricebox .per{text-align:left}
.pd-top[data-lay="B"] .vxrow{grid-template-columns:1fr}
.pd-top[data-lay="B"] .kfacts{grid-template-columns:repeat(2,minmax(0,1fr))}
.pd-top[data-lay="B"] .guar-line{font-size:.76rem}
.pd-top[data-lay="B"] .dimpick{grid-template-columns:1fr}
.pd-top[data-lay="B"] .dimpick>.dp-plan{grid-column:1;grid-row:auto}
.pd-top[data-lay="B"] .dp-two{grid-template-columns:1fr!important}
/* C – cenový pás */
.pd-top[data-lay="C"]{grid-template-columns:minmax(0,.8fr) minmax(0,1fr)}
.pd-top[data-lay="C"] .pricebox{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:.6rem 1.2rem}
.pd-top[data-lay="C"] .pricebox .top{display:contents}
.pd-top[data-lay="C"] .pricebox .per{text-align:left;border-left:1px solid var(--line);padding-left:1rem}
.pd-top[data-lay="C"] .ctas2{grid-template-columns:1fr 1fr}
.pd-top[data-lay="C"] .ctas2 .ctarow .qty{display:none}
.pd-top[data-lay="C"] .ctas2 .ctarow{grid-template-columns:1fr}
.pd-top[data-lay="C"] .ctas2{min-width:0}
.pd-top[data-lay="C"] .ctas2 .btn{padding:.6em .6em;font-size:.8rem;white-space:normal;line-height:1.2;min-width:0}
.pd-top[data-lay="C"] .subctas{grid-column:1/-1}
.pd-top[data-lay="C"] .pricebox .big{font-size:1.45rem}
/* D – výber pod fotkou */
.pd-top[data-lay="D"]{grid-template-columns:minmax(0,.9fr) minmax(0,1fr);grid-template-areas:"gal info" "gal price" "cfg price";grid-template-rows:auto auto 1fr}
.pd-top[data-lay="D"] .gal-trust,.pd-top[data-lay="D"] .gal .advisor{display:none}
.pd-top[data-lay="D"] .buy-price{align-self:start}
.pd-top[data-lay="D"] .ctas2{grid-template-columns:auto 1fr 1fr}
.pd-top[data-lay="D"] .ctas2 .ctarow{display:contents}
.pd-top[data-lay="D"] .ctas2 .btn{padding:.65em .7em;font-size:.84rem}
.pd-top[data-lay="D"] .vxp[hidden]{display:block!important}
.pd-top[data-lay="D"] .vxrow{display:none}
.pd-top[data-lay="D"] .vxp{border-radius:14px}
/* E – výber na celú šírku pod produktom */
.pd-top[data-lay="E"]{grid-template-columns:minmax(0,.85fr) minmax(0,1fr);grid-template-areas:"gal info" "gal price" "cfg cfg";grid-template-rows:auto 1fr auto}
.pd-top[data-lay="E"] .vxp[hidden]{display:block!important}
.pd-top[data-lay="E"] .vxrow{display:none}
.pd-top[data-lay="E"] .buy-cfg{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:1rem;align-items:stretch}
.pd-top[data-lay="E"] .ctas2{grid-template-columns:auto 1fr 1fr}
.pd-top[data-lay="E"] .ctas2 .ctarow{display:contents}
@media (max-width:960px){.pd-top[data-lay]{grid-template-columns:1fr!important;grid-template-areas:"gal" "info" "cfg" "price"!important;grid-template-rows:auto!important}.pd-top[data-lay] .buy-price{position:static}.pd-top[data-lay="E"] .buy-cfg{grid-template-columns:1fr}}
.layswitch{position:fixed;left:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:46;background:var(--ink);color:var(--bg);border-radius:999px;padding:.35rem .5rem .35rem .9rem;display:flex;gap:.3rem;align-items:center;font-size:.78rem;box-shadow:var(--shadow);max-width:calc(100% - 32px);flex-wrap:wrap}
.layswitch span{margin-right:.3rem;opacity:.8}
.layswitch button{width:30px;height:30px;border-radius:50%;border:0;background:rgba(255,255,255,.12);color:inherit;font-weight:600}
.layswitch button[aria-pressed="true"]{background:var(--cta);color:var(--cta-ink)}
.layswitch em{font-style:normal;margin:0 .5rem;opacity:.9}
@media (max-width:960px){.layswitch{bottom:calc(76px + env(safe-area-inset-bottom,0px))}}
/* mega: rovnaké dlaždice */
.mega-tiles{grid-auto-rows:auto}
.mt{height:auto}

.mega-in{align-items:start}
.mega-in:not(.one-row) .mega-side{align-self:stretch}
.mega-in.one-row .mega-side{flex-direction:row;align-items:center;gap:.8rem;padding:.6rem .8rem;height:83px}
.mega-in.one-row .mega-side svg.prof{display:none}
.mega-in.one-row .mega-side p{flex:1;min-width:0;font-size:.78rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mega-in.one-row .mega-ctas{grid-template-columns:1fr;gap:.3rem}
.mega-in.one-row .mega-ctas .btn{padding:.35em .7em;font-size:.74rem}

/* výbava – kompaktný výber */
.eqpick{display:grid;gap:.6rem;padding:.7rem .8rem}
.eqpick .dp-row{grid-template-columns:58px minmax(0,1fr)}
.eq-seg{grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}
.eq-opt{position:relative;cursor:pointer;min-width:0}
.eq-opt input{position:absolute;opacity:0;pointer-events:none}
.eq-opt span{display:grid;gap:.05rem;padding:.38rem .5rem;border-radius:9px;text-align:center;line-height:1.2}
.eq-opt b{font-weight:400;font-size:.76rem;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.eq-opt small{font-size:.68rem;color:var(--muted)}
.eq-opt input:checked+span{background:var(--surface);box-shadow:var(--shadow)}
.eq-opt input:checked+span b{font-weight:500;color:var(--ink)}
.eq-opt input:focus-visible+span{outline:2px solid var(--leaf)}
.eq-chips{display:flex;flex-wrap:wrap;gap:.35rem}
.eq-chip{cursor:pointer}
.eq-chip input{position:absolute;opacity:0;pointer-events:none}
.eq-chip span{display:inline-flex;align-items:center;gap:.3rem;border:1.5px solid var(--line);border-radius:999px;padding:.28rem .7rem;font-size:.76rem;background:var(--surface)}
.eq-chip span::before{content:"+";color:var(--leaf);font-weight:600}
.eq-chip input:checked+span{border-color:var(--brand);background:var(--leaf-soft);color:var(--ink)}
.eq-chip input:checked+span::before{content:"✓"}
.vxp>.eqpick{border:0}

/* ===== kategória – 5 návrhov ===== */
.cat-head{background:var(--surface);border-bottom:1px solid var(--line)}
.cat-head .wrap{padding-bottom:1.2rem}
.cat-head-in{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;align-items:end}
.cat-head h1{font-size:clamp(1.5rem,2.4vw,2rem)}
.cat-head .lede{margin-top:.5rem;color:var(--muted);max-width:75ch;font-size:.92rem}
.cat-head .facts{display:flex;gap:1.4rem;font-size:.76rem;color:var(--muted)}
.cat-head .facts b{display:block;font-size:1rem;color:var(--ink);font-weight:500}
@media (max-width:820px){.cat-head-in{grid-template-columns:1fr}}
.fbar{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem 1.4rem;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:.6rem .8rem;margin-bottom:1.1rem}
.fbar.sticky{position:sticky;top:calc(env(safe-area-inset-top,0px) + 98px);z-index:20;box-shadow:0 6px 16px rgba(18,32,23,.05)}
.fbar.slim{background:transparent;border:0;padding:.2rem 0}
.fgroup{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}
.flab{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:500;margin-right:.2rem}
.fsp{flex:1}
.fseg{display:inline-grid;grid-auto-flow:column;grid-auto-columns:auto;gap:.2rem}
.fseg button{padding:.38rem .75rem;font-size:.8rem;white-space:nowrap}
.fseg button.on{background:var(--brand);color:var(--on-brand);box-shadow:none;font-weight:500}
.fbar .chip{font-size:.78rem;padding:.3em .75em}
.fselect,.sortsel select{border:1.5px solid var(--line);border-radius:999px;padding:.38rem .8rem;background:var(--surface);color:var(--fg);font:inherit;font-size:.8rem}
.sortsel{font-size:.78rem;color:var(--muted);display:flex;gap:.4rem;align-items:center}
.cat-body .pgrid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
/* B */
.wpick{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.6rem;margin-bottom:.8rem}
.wtile{border:1.5px solid var(--line);background:var(--surface);border-radius:14px;padding:.7rem .6rem;display:grid;gap:.15rem;justify-items:center;text-align:center;color:var(--muted)}
.wtile:hover{border-color:var(--leaf)}
.wtile.on{border-color:var(--brand);background:var(--leaf-soft);color:var(--brand)}
.wt-ic{height:58px;width:100%;display:grid;place-items:end center}
.wt-ic svg.prof{width:calc(122px * var(--s,1));max-width:100%;height:auto;max-height:none}
.wtile b{font-size:.95rem;color:var(--ink);font-weight:600}
.wtile small{font-size:.74rem}
/* C */
.ltab{width:100%;border-collapse:collapse;background:var(--surface);font-size:.86rem;min-width:820px;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.ltab th{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:500;text-align:left;padding:.6rem .7rem;background:var(--surface-2)}
.ltab td{padding:.5rem .7rem;border-top:1px solid var(--line);vertical-align:middle}
.ltab tr:hover td{background:var(--bg)}
.t-im img{width:84px;height:58px;object-fit:cover;border-radius:8px;display:block}
.t-name{font-weight:500;color:var(--ink);text-decoration:none;display:block}
.ltab small{display:block;color:var(--muted);font-size:.74rem}
.t-pr{white-space:nowrap}.t-pr s{color:var(--muted);font-size:.74rem;margin-right:.3rem}.t-pr b{font-size:1rem;color:var(--ink)}
.ltab .btn{padding:.45em .9em;font-size:.78rem}
/* D */
.listing2{display:grid;grid-template-columns:250px minmax(0,1fr);gap:1.4rem;align-items:start}
@media (max-width:900px){.listing2{grid-template-columns:1fr}}
.fside{display:grid;gap:.7rem;position:sticky;top:110px}
@media (max-width:900px){.fside{position:static}}
.fbox{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.fbox summary{list-style:none;cursor:pointer;padding:.7rem .9rem;font-weight:500;color:var(--ink);font-size:.88rem;display:flex;justify-content:space-between}
.fbox summary::after{content:"▾";color:var(--muted)}
.fbox[open] summary::after{content:"▴"}
.fbox-b{display:grid;gap:.1rem;padding:0 .5rem .6rem}
.fck,.frd{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:.6rem;align-items:center;border:0;background:none;padding:.4rem .4rem;border-radius:8px;text-align:left;font-size:.85rem}
.fck:hover,.frd:hover{background:var(--bg)}
.fck i,.frd i{width:18px;height:18px;border:1.5px solid var(--line);border-radius:5px;display:grid;place-items:center;background:var(--surface)}
.frd i{border-radius:50%}
.fck.on i{background:var(--brand);border-color:var(--brand)}
.fck.on i::after{content:"✓";color:#fff;font-size:.7rem;font-style:normal;font-weight:700}
.frd.on i{border:5px solid var(--brand)}
.fck small{color:var(--muted);font-size:.74rem}
.fhelp{background:var(--brand);color:var(--on-brand);border-radius:14px;padding:.9rem;font-size:.84rem;display:grid;gap:.4rem}
.fhelp p{opacity:.85;margin:0}
.applied{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;margin-bottom:.5rem;min-height:1px}
.apill{border:0;background:var(--brand);color:var(--on-brand);border-radius:999px;padding:.28rem .7rem;font-size:.76rem}
.listing2 .toolbar{justify-content:flex-end}
/* E */
.wsec{margin-bottom:1.8rem}
.wsec header{display:grid;grid-template-columns:70px minmax(0,1fr) auto;gap:1rem;align-items:center;padding:.6rem 0 .8rem;border-bottom:2px solid var(--line);margin-bottom:1rem}
.wsec-ic svg.prof{width:70px;height:auto}
.wsec h2{font-size:1.2rem}
.wsec header p{color:var(--muted);font-size:.82rem;margin:.1rem 0 0}
.wsec header>b{font-size:1rem;color:var(--ink)}
/* SEO text */
.seo-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:2.4rem;align-items:start}
@media (max-width:900px){.seo-grid{grid-template-columns:1fr}}
.seo-toc{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.8rem}
.seo-toc a{font-size:.76rem;text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:.2rem .65rem;color:var(--fg);background:var(--surface)}
.seo-toc a:hover{border-color:var(--leaf)}
.seo-text section.more{display:none}
.seo-text.open section.more{display:block}
.seo-text p{font-size:.92rem}

/* Montáž v menu */
nav.main .hl2{border:1.5px solid var(--brand);color:var(--brand)!important;border-radius:999px;padding:.32rem .85rem!important;margin:.25rem .4rem .25rem 0;border-bottom-width:1.5px!important;font-weight:500;display:inline-flex;align-items:center}
nav.main .hl2 svg{width:15px;height:15px;margin-right:.35rem}
nav.main .hl2:hover,nav.main .hl2.on{background:var(--leaf-soft)}
/* prepínač hlavičky */
.hdrswitch{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:46;background:var(--ink);color:var(--bg);border-radius:999px;padding:.35rem .5rem .35rem .9rem;display:flex;gap:.3rem;align-items:center;font-size:.78rem;box-shadow:var(--shadow);max-width:calc(100% - 32px);flex-wrap:wrap}
.hdrswitch span{margin-right:.3rem;opacity:.8}
.hdrswitch button{width:30px;height:30px;border-radius:50%;border:0;background:rgba(255,255,255,.12);color:inherit;font-weight:600}
.hdrswitch button[aria-pressed="true"]{background:var(--cta);color:var(--cta-ink)}
.hdrswitch em{font-style:normal;margin:0 .5rem;opacity:.9}
@media (max-width:960px){.hdrswitch{bottom:calc(76px + env(safe-area-inset-bottom,0px))}}

/* ===== 2: celá tmavozelená ===== */
body[data-hdr="2"] .topstrip{background:#0D2414}
body[data-hdr="2"] header.site{background:#173F22;border-bottom:0}
body[data-hdr="2"] .logo img{background:#fff;border-radius:10px;padding:3px 7px}
body[data-hdr="2"] .search input{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:#fff}
body[data-hdr="2"] .search input::placeholder{color:rgba(255,255,255,.65)}
body[data-hdr="2"] .search svg{color:rgba(255,255,255,.7)}
body[data-hdr="2"] .hphone,body[data-hdr="2"] .hphone b{color:#fff}
body[data-hdr="2"] .hp-ic{background:rgba(255,255,255,.12);color:#fff}
body[data-hdr="2"] .hp-tx em{color:#7BE08A}
body[data-hdr="2"] .hicon{color:#fff}
body[data-hdr="2"] .hicon:hover{background:rgba(255,255,255,.1)}
body[data-hdr="2"] nav.main{border-top:1px solid rgba(255,255,255,.12)}
body[data-hdr="2"] nav.main a{color:rgba(255,255,255,.85)}
body[data-hdr="2"] nav.main a:hover,body[data-hdr="2"] nav.main a.on,body[data-hdr="2"] nav.main a.hover{color:#fff;border-bottom-color:#3DAE49}
body[data-hdr="2"] nav.main .hl2{border-color:rgba(255,255,255,.5);color:#fff!important}
body[data-hdr="2"] nav.main .hl2:hover{background:rgba(255,255,255,.1)}

/* ===== 3: zelený pás menu ===== */
body[data-hdr="3"] .topstrip{background:#F3F6F2;color:#3E4F43;border-bottom:1px solid #DCE4DC}
body[data-hdr="3"] .topstrip a,body[data-hdr="3"] .toplinks a{color:#3E4F43}
body[data-hdr="3"] .usp svg{color:#3DAE49}
body[data-hdr="3"] header.site{background:#fff}
body[data-hdr="3"] nav.main{background:#173F22;border-top:0}
body[data-hdr="3"] nav.main a{color:#fff;border-bottom:0;padding:.7rem .9rem}
body[data-hdr="3"] nav.main a:hover,body[data-hdr="3"] nav.main a.on,body[data-hdr="3"] nav.main a.hover{background:#1F5530;color:#fff}
body[data-hdr="3"] nav.main .hl2{border-color:rgba(255,255,255,.6);color:#fff!important;padding:.32rem .85rem!important}
body[data-hdr="3"] nav.main .hl2:hover{background:rgba(255,255,255,.12)}
body[data-hdr="3"] nav.main .hl{padding:.32rem .85rem!important}

/* ===== 4: svetlá s pilulkami ===== */
body[data-hdr="4"] .topstrip{background:#E6F4E7;color:#173F22}
body[data-hdr="4"] .topstrip a,body[data-hdr="4"] .toplinks a{color:#173F22}
body[data-hdr="4"] .usp svg{color:#3DAE49}
body[data-hdr="4"] header.site{background:#fff;box-shadow:0 4px 18px rgba(18,32,23,.06)}
body[data-hdr="4"] nav.main{border-top:0}
body[data-hdr="4"] #navLinks{gap:.25rem;padding-block:.35rem}
body[data-hdr="4"] nav.main a{border-bottom:0;border-radius:999px;padding:.42rem .9rem}
body[data-hdr="4"] nav.main a:hover,body[data-hdr="4"] nav.main a.on,body[data-hdr="4"] nav.main a.hover{background:#E6F4E7;color:#173F22}
body[data-hdr="4"] .search input{background:#fff;border-color:#C9D9C8}

/* ===== 5: oranžová horná lišta ===== */
body[data-hdr="5"] .topstrip{background:#FF6600;color:#fff}
body[data-hdr="5"] .usp svg{color:#fff}
body[data-hdr="5"] header.site{background:#fff}
body[data-hdr="5"] nav.main{background:#EEF2EC;border-top:0}
body[data-hdr="5"] #navLinks{padding-block:.3rem;gap:.2rem}
body[data-hdr="5"] nav.main a{border-bottom:0;border-radius:10px;padding:.45rem .85rem;font-weight:500}
body[data-hdr="5"] nav.main a:hover,body[data-hdr="5"] nav.main a.on,body[data-hdr="5"] nav.main a.hover{background:#fff;color:#173F22;box-shadow:0 1px 4px rgba(18,32,23,.12)}
body[data-hdr="5"] nav.main .hl{background:#173F22;color:#fff!important;border-radius:999px}
body[data-hdr="5"] .demo-bar button{background:#173F22;color:#fff}

/* filtrový pás v2 – vlastné rozbaľovacie panely */
.fbar2{position:sticky;top:calc(env(safe-area-inset-top,0px) + 98px);z-index:25;display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:.5rem;margin-bottom:1.1rem;box-shadow:0 6px 18px rgba(18,32,23,.05)}
.fitem{position:relative}
.fbtn{display:inline-flex;align-items:center;gap:.45rem;border:1.5px solid var(--line);background:var(--surface);border-radius:999px;padding:.48rem .6rem .48rem .95rem;font-size:.84rem;line-height:1;white-space:nowrap;transition:border-color .15s,background .15s}
.fbtn:hover{border-color:var(--leaf)}
.fbtn-l{color:var(--muted)}
.fbtn-v{color:var(--ink);font-weight:500}
.fcaret{width:15px;height:15px;color:var(--muted);transition:transform .2s}
.fbtn.open{border-color:var(--brand)}
.fbtn.open .fcaret{transform:rotate(180deg)}
.fbtn.active{background:var(--brand);border-color:var(--brand)}
.fbtn.active .fbtn-l{color:rgba(255,255,255,.75)}
.fbtn.active .fbtn-v,.fbtn.active .fcaret{color:#fff}
.freset{border:0;background:none;color:var(--sale);font-size:.8rem;font-weight:500;padding:.4rem .5rem;text-decoration:underline;text-underline-offset:3px}
.fpop{position:absolute;top:calc(100% + 8px);left:0;z-index:40;min-width:280px;max-width:min(440px,calc(100vw - 32px));background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 40px rgba(18,32,23,.16);padding:.9rem;animation:fpop .14s ease-out}
.fpop.right{left:auto;right:0}
@keyframes fpop{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.fpop-h{display:flex;align-items:baseline;gap:.6rem;margin-bottom:.7rem}
.fpop-h b{font-weight:600;color:var(--ink);font-size:.92rem}
.fpop-h small{color:var(--muted);font-size:.74rem}
.fpop-h .linkbtn{margin-left:auto}
.fopts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem}
.fopts.list{grid-template-columns:1fr}
.fopt{border:1.5px solid var(--line);background:var(--surface);border-radius:12px;padding:.55rem .6rem;display:grid;gap:.1rem;text-align:center;transition:border-color .15s,background .15s}
.fopts.list .fopt{text-align:left;border-radius:10px}
.fopt:hover{border-color:var(--leaf)}
.fopt b{font-weight:500;color:var(--ink);font-size:.86rem}
.fopt small{font-size:.7rem;color:var(--muted)}
.fopt.on{background:var(--leaf-soft);border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand)}
.fopt.on b{color:var(--brand)}
@media (max-width:640px){.fbar2{position:static}.fopts{grid-template-columns:repeat(2,minmax(0,1fr))}.fitem-sort{width:100%}}

/* ľavý filter v2 */
.listing2{grid-template-columns:270px minmax(0,1fr)}
.fside2{display:grid;gap:.6rem;position:sticky;top:110px;max-height:calc(100vh - 125px);overflow:auto;padding-right:2px;scrollbar-width:thin}
@media (max-width:900px){.fside2{position:static;max-height:none}}
.sbox{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:.75rem .8rem}
.sbox header{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.55rem}
.sbox header b{font-size:.84rem;font-weight:600;color:var(--ink)}
.sbox-v{font-size:.72rem;color:var(--brand);font-weight:500;background:var(--leaf-soft);border-radius:999px;padding:.1rem .5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60%}
.stiles{display:grid;gap:.35rem}
.stiles.c1{grid-template-columns:1fr}.stiles.c2{grid-template-columns:repeat(2,minmax(0,1fr))}.stiles.c3{grid-template-columns:repeat(3,minmax(0,1fr))}
.stile{border:1.5px solid var(--line);background:var(--surface);border-radius:10px;padding:.42rem .35rem;display:grid;gap:.05rem;text-align:center;min-width:0;transition:border-color .15s,background .15s}
.stile:hover{border-color:var(--leaf)}
.stile b{font-weight:500;color:var(--ink);font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stile small{font-size:.66rem;color:var(--muted);white-space:nowrap}
.stile.on{background:var(--brand);border-color:var(--brand)}
.stile.on b{color:#fff}.stile.on small{color:rgba(255,255,255,.75)}
.ltop{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.9rem;min-height:40px}
.ltop .applied{margin:0;flex:1}
.cat-body[data-clay="D"] .pgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:1100px){.cat-body[data-clay="D"] .pgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.cat-body[data-clay="D"] .pgrid{grid-template-columns:1fr}}

/* produktové fotky: jednotný rámik 4:3, celá fotka bez orezania */
:root{--photo-bg:#FFFFFF}
@media (prefers-color-scheme: dark) and (max-width:0px){:root:not([data-theme="light"]){--photo-bg:#FFFFFF}}
.pcard .im{aspect-ratio:4/3;background:var(--photo-bg)}
.pcard .im img{object-fit:contain;padding:6px}
.pcard:hover .im img{transform:scale(1.02)}
.gal .main{aspect-ratio:4/3;background:var(--photo-bg)}
.gal .main img{object-fit:contain}
.gal .thumbs button{background:var(--photo-bg)}
.gal .thumbs img{object-fit:contain}
.search-res img,.citem img,.rec img,.t-im img{object-fit:contain;background:var(--photo-bg)}
.ctable thead img{object-fit:contain;background:var(--photo-bg)}
.mt-im{background-size:contain!important;background-repeat:no-repeat!important;background-color:var(--photo-bg)!important;background-position:center!important}
.lightbox img{object-fit:contain;background:var(--photo-bg)}

.fit{position:relative;overflow:hidden;isolation:isolate}
.fit::before{content:"";position:absolute;inset:-20px;background:var(--bg) center/cover no-repeat;filter:blur(18px) saturate(1.1);opacity:.32;z-index:-1}
.fit img{position:relative}

/* ===== PALETA LOGA: zelená · čierna · biela (v19) ===== */
:root{--brand:#121A14;--brand-2:#25302A;--leaf:#3DAE49;--leaf-2:#2F9640;--leaf-soft:#E8F5E9;--cta:#3DAE49;--cta-ink:#07120A;--sale:#121A14;--ink:#0F1511;--fg:#1B231D;--muted:#5E6A61;--line:#DDE5DE;--bg:#F6F9F6;--surface:#FFFFFF;--surface-2:#EEF3EF;--on-brand:#FFFFFF;--glow:rgba(61,174,73,.22);--grid:rgba(61,174,73,.07)}
@media (prefers-color-scheme: dark) and (max-width:0px){:root:not([data-theme="light"]){--brand:#E9F2EA;--brand-2:#FFFFFF;--on-brand:#0C120E;--leaf:#4CC25A;--leaf-2:#3DAE49;--leaf-soft:#132719;--cta:#4CC25A;--cta-ink:#06100A;--sale:#E9F2EA;--ink:#F1F6F2;--fg:#DCE5DD;--muted:#97A69B;--line:#243229;--bg:#0A0F0B;--surface:#111913;--surface-2:#162019;--glow:rgba(76,194,90,.18);--grid:rgba(76,194,90,.06)}}
:root[data-theme="vypnute"]{--brand:#E9F2EA;--brand-2:#FFFFFF;--on-brand:#0C120E;--leaf:#4CC25A;--leaf-2:#3DAE49;--leaf-soft:#132719;--cta:#4CC25A;--cta-ink:#06100A;--sale:#E9F2EA;--ink:#F1F6F2;--fg:#DCE5DD;--muted:#97A69B;--line:#243229;--bg:#0A0F0B;--surface:#111913;--surface-2:#162019;--glow:rgba(76,194,90,.18);--grid:rgba(76,194,90,.06)}
/* pozadie: technická mriežka + svetelné prechody */
body{background-color:var(--bg);background-image:radial-gradient(900px 500px at 100% 0%,var(--glow),transparent 60%),radial-gradient(700px 500px at 0% 60%,rgba(61,174,73,.10),transparent 60%),linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:auto,auto,36px 36px,36px 36px;background-attachment:fixed,fixed,fixed,fixed}
.section.alt{background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(2px);background-image:radial-gradient(rgba(61,174,73,.16) 1px,transparent 1.2px);background-size:18px 18px}
.btn-cta{background:var(--cta);color:var(--cta-ink);font-weight:600;box-shadow:0 6px 18px -6px var(--glow)}
.btn-cta:hover{background:var(--leaf-2);color:#fff}
.btn-brand{background:var(--brand);color:var(--on-brand)}
.btn-light{color:#121A14}
.badge.b-sale{background:#121A14;color:#fff}
.badge.b-new{background:var(--cta);color:var(--cta-ink)}
.stars{color:var(--leaf)!important}
.guar{border-color:var(--leaf)}.guar svg,.guar-line svg{color:var(--leaf)}
.demo-bar button,.layswitch button[aria-pressed="true"],.hdrswitch button[aria-pressed="true"]{background:var(--leaf);color:#07120A}
/* horná lišta: jemná zelená */
.topstrip{background:#E3F2E4!important;color:#14301B!important;border-bottom:1px solid #CFE6D1}
.topstrip a,.toplinks a,.topstrip span{color:#14301B!important}
.usp svg{color:#2F9640!important}
header.site{background:color-mix(in srgb,#fff 92%,transparent)}
nav.main .hl{background:var(--cta)!important;color:var(--cta-ink)!important;font-weight:600}
nav.main .hl2{border-color:#121A14;color:#121A14!important}
nav.main a:hover,nav.main a.on,nav.main a.hover{border-bottom-color:var(--leaf)}
/* hero: čierna + zelené svetlo + drôtený obrys haly */
.hero{background:#060A07}
.hero-img::after{background:linear-gradient(90deg,rgba(6,10,7,.93) 0%,rgba(6,10,7,.74) 45%,rgba(6,10,7,.2) 100%)}
.hero h1 em{color:#5BD068}
.hero .eyebrow{color:#5BD068!important}
.hero-deco{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.hero-deco svg{position:absolute;left:38%;bottom:-24px;width:min(700px,52%);height:auto;opacity:.42}
@media (max-width:900px){.hero-deco svg{left:auto;right:-60px;width:90%;opacity:.25}}
.hero-deco .gl{stroke:#5BD068;filter:drop-shadow(0 0 6px rgba(91,208,104,.7))}
.hero-deco .gd{stroke:rgba(91,208,104,.45)}
.hero-deco .gt{fill:#5BD068;font:500 12px Lexend,sans-serif;letter-spacing:.06em}
.hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(91,208,104,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(91,208,104,.07) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,transparent 0%,#000 55%);z-index:1;pointer-events:none}
.hero .wrap{z-index:2}
.finder{background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.6)}
.hero .dim b{color:#fff}
/* tmavé bloky: čierna + zelená mriežka */
.cta-band{background:#0D130F;position:relative;overflow:hidden;border:1px solid rgba(91,208,104,.25)}
.cta-band::before{content:"";position:absolute;inset:0;background-image:radial-gradient(500px 260px at 90% 10%,rgba(61,174,73,.35),transparent 70%),linear-gradient(rgba(91,208,104,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(91,208,104,.08) 1px,transparent 1px);background-size:auto,32px 32px,32px 32px;pointer-events:none}
.cta-band>*{position:relative}
.cta-band .eyebrow{color:#5BD068!important}
.cta-band h2{color:#fff}
footer.site{background:#0A0F0B;background-image:linear-gradient(rgba(91,208,104,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(91,208,104,.06) 1px,transparent 1px);background-size:40px 40px;border-top:2px solid var(--leaf)}
footer.site a:hover{color:#5BD068}
.advisor,.adv-mini,.fhelp,.mega .promo{background:#0D130F;color:#fff}
.advisor .av{background:rgba(91,208,104,.18);color:#5BD068}
.adv-mini em{color:#5BD068}
/* karty a boxy: jemné sklo a zelený okraj pri hoveri */
.pcard,.sbox,.pbox,.cat-tile,.vsguide .card,.pricebox,.dimpick,.vxp,.why>div,.step{background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(6px)}
.pcard:hover,.cat-tile:hover{border-color:rgba(61,174,73,.55);box-shadow:0 14px 34px -14px var(--glow)}
.pcard .go{background:var(--leaf);color:#07120A}
.pbox-ic,.cnum,.step::before{background:var(--leaf);color:#07120A}
.stile.on,.fbtn.active,.fck.on i,.apill,.tcell.cur,.chip.on,.chip[aria-pressed="true"],.fseg button.on,.wtile.on{background:#121A14;border-color:#121A14;color:#fff}
.vxb[aria-expanded="true"]{border-color:var(--leaf);box-shadow:inset 0 0 0 1px var(--leaf)}
.vbtn[aria-pressed="true"]{border-color:var(--leaf);box-shadow:inset 0 0 0 1px var(--leaf)}
.fopt.on,.eq-chip input:checked+span,.addon:has(input:checked){border-color:var(--leaf);background:var(--leaf-soft)}
.cat-head{background:color-mix(in srgb,var(--surface) 90%,transparent);backdrop-filter:blur(4px)}
.trust{background:color-mix(in srgb,var(--surface) 92%,transparent)}
.secnav{background:color-mix(in srgb,var(--bg) 85%,transparent)}
.live,.live::after{background:var(--leaf)}
.hp-tx em{color:var(--leaf-2)}
.toast,.cmpbar{background:#121A14;color:#fff}

/* ===== bočný filter – 5 návrhov, bez vlastného posúvania ===== */
.fside{position:static!important;max-height:none!important;overflow:visible!important;display:grid;gap:.8rem;align-content:start}
.fs-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:.4rem 1rem}
.fs-g{padding:.85rem 0;border-bottom:1px solid var(--line)}
.fs-g:last-child{border-bottom:0}
.fs-g h4{font-size:.8rem;font-weight:600;color:var(--ink);margin-bottom:.5rem;display:flex;justify-content:space-between;gap:.5rem;align-items:baseline;text-transform:none;letter-spacing:0}
.fs-g h4 em{font-style:normal;font-weight:500;font-size:.72rem;color:var(--leaf-2)}
/* 1 – zoznam s fajkami */
.fl{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:.6rem;align-items:center;width:100%;border:0;background:none;padding:.32rem .2rem;border-radius:8px;text-align:left;font-size:.85rem;color:var(--fg)}
.fl:hover{background:var(--surface-2)}
.fl i{width:18px;height:18px;border:1.5px solid #B9C6BC;border-radius:5px;display:grid;place-items:center;background:var(--surface)}
.fl.on i{background:var(--leaf);border-color:var(--leaf)}
.fl.on i::after{content:"";width:9px;height:5px;border-left:2px solid #07120A;border-bottom:2px solid #07120A;transform:rotate(-45deg) translate(1px,-1px)}
.fl.on span{font-weight:500;color:var(--ink)}
.fl small{color:var(--muted);font-size:.74rem}
/* 2 – kompaktné štítky */
.fchips{display:flex;flex-wrap:wrap;gap:.35rem}
.fchip{border:1px solid var(--line);background:var(--surface-2);border-radius:999px;padding:.3rem .7rem;font-size:.78rem;color:var(--fg)}
.fchip:hover{border-color:var(--leaf)}
.fchip.on{background:var(--leaf);border-color:var(--leaf);color:#07120A;font-weight:600}
/* 3 – posuvníky */
.drange{position:relative;height:28px}
.dr-track{position:absolute;left:9px;right:9px;top:12px;height:4px;border-radius:2px;background:var(--line)}
.dr-track i{position:absolute;top:0;bottom:0;background:var(--leaf);border-radius:2px}
.drange input{position:absolute;left:0;right:0;top:4px;width:100%;margin:0;background:none;pointer-events:none;-webkit-appearance:none;appearance:none;height:20px}
.drange input::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid var(--leaf);box-shadow:0 1px 4px rgba(0,0,0,.2);cursor:pointer}
.drange input::-moz-range-thumb{pointer-events:auto;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--leaf);cursor:pointer}
.drange input::-webkit-slider-runnable-track{background:none}
.dr-ends{display:flex;justify-content:space-between;font-size:.7rem;color:var(--muted);margin-top:.15rem}
.ftoggle{display:grid;grid-template-columns:1fr 1fr;background:var(--surface-2);border-radius:999px;padding:3px}
.ftoggle button{border:0;background:none;border-radius:999px;padding:.4rem;font-size:.8rem;color:var(--fg)}
.ftoggle button.on{background:var(--leaf);color:#07120A;font-weight:600}
/* 4 – obrázkové ikony */
.ficons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}
.ficon{border:1.5px solid var(--line);background:var(--surface);border-radius:12px;padding:.5rem .4rem .45rem;display:grid;justify-items:center;gap:.05rem;color:#9AA89D}
.ficon span{height:34px;display:grid;place-items:end center;width:100%}
.ficon svg.prof{width:calc(84px * var(--s));height:auto}
.ficon b{font-size:.84rem;color:var(--ink);font-weight:600}
.ficon small{font-size:.66rem;color:var(--muted)}
.ficon:hover{border-color:var(--leaf)}
.ficon.on{border-color:var(--leaf);background:var(--leaf-soft);color:var(--leaf-2)}
.fplachta{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}
.fpl{border:1.5px solid var(--line);background:var(--surface);border-radius:12px;padding:.55rem .4rem;display:grid;justify-items:center;gap:.1rem}
.fpl b{font-size:.8rem;color:var(--ink)}.fpl small{font-size:.66rem;color:var(--muted)}
.fpl-ic{display:grid;gap:2px;width:44px;margin-bottom:.2rem}
.fpl-ic i{height:4px;border-radius:2px;background:#C9D6CB}
.fpl-ic.l900 i{height:6px}
.fpl.on{border-color:var(--leaf);background:var(--leaf-soft)}
.fpl.on .fpl-ic i{background:var(--leaf)}
/* 5 – rozbaľovacie sekcie */
.fs-card.acc{padding:0 .2rem}
.fs-acc{border-bottom:1px solid var(--line)}
.fs-acc:last-child{border-bottom:0}
.fs-acc summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:.5rem;padding:.8rem .8rem;font-weight:600;font-size:.86rem;color:var(--ink)}
.fs-acc summary::-webkit-details-marker{display:none}
.fs-acc summary span{flex:1}
.fs-acc summary small{font-weight:400;color:var(--muted);font-size:.74rem}
.fs-acc summary em{font-style:normal;font-size:.72rem;font-weight:600;background:var(--leaf);color:#07120A;border-radius:999px;padding:.12rem .5rem}
.fs-acc summary::after{content:"";width:8px;height:8px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);margin:-3px .2rem 0 .3rem;transition:transform .2s}
.fs-acc[open] summary::after{transform:rotate(-135deg);margin-top:3px}
.fs-acc-b{padding:0 .6rem .7rem}

/* v20: mega dlaždice bez rámika, menej zaoblené rohy, Montáž bez rámika */
.mega-tiles{grid-auto-rows:auto;align-items:stretch}
.mt{border:0!important;background:var(--surface-2);border-radius:8px;padding:.6rem;overflow:visible;box-shadow:none!important;transform:none!important}
.mt:hover{background:var(--leaf-soft)}
.mt-im{border-radius:6px}
.mega-side{border-radius:10px}
nav.main .hl2{border:0!important;padding:.55rem .7rem!important;margin:0 .2rem 0 0;background:none!important}
nav.main .hl2:hover,nav.main .hl2.on{color:var(--leaf-2)!important}
:root{--r:10px}
.btn{border-radius:8px}
.chip,.fchip,.apill,.badge,.sbox-v,.rev-tag{border-radius:6px}
.pcard,.cat-tile,.pbox,.sbox,.fs-card,.pricebox,.vxb,.vxp,.dimpick,.cfg,.step,.why>div,.opt-card,.cocard,.ccard,.side-card,.pillar,.wiz,.wopt,.rec,.cert,.part,.stats div,.rev,.vsguide .card,.finder,.cta-band,.fhelp,.advisor,.kfacts div,.gal .main,.drawing,.blog a,.dl button,details.faq,.soon-box,.cstep,.csum,.gbadge,.fbar,.fbar2,.fpop,.mosaic button,.vid-im,.pic-tall,.cat-hero .pic,.mega .promo,.layswitch,.hdrswitch,.cmpbar,.toast,.search input,.search-res,.fbtn,.fopt,.stile,.ficon,.fpl,.wtile,.addon,.vbtn,.tcell,.eq-chip span{border-radius:8px}
.layswitch button,.hdrswitch button{border-radius:6px}
.pcard .im,.gal .thumbs button,.gal .thumbs img{border-radius:6px}
.pcard .go{border-radius:8px}
.seg,.fseg,.ftoggle{border-radius:8px}
.seg button,.fseg button,.ftoggle button{border-radius:6px}
.qty{border-radius:8px}
.dot{border-radius:50%}

/* karta v21: lišta nad fotkou, červená zľava, skladom s bodkou */
.pcard .ptop{display:flex;justify-content:space-between;align-items:center;padding:.5rem .6rem .35rem;min-height:40px}
.pcard .ptop .fav{position:static;width:30px;height:30px;background:transparent;color:var(--muted)}
.pcard .ptop .fav:hover{color:#D7262E}
.pcard .ptop .fav[aria-pressed="true"]{color:#D7262E}
.pcard .tags{display:none}
.badge.b-sale{background:#D7262E!important;color:#fff!important}
.pcard .im{margin:0 .6rem;border-radius:6px}
.pcard .kind{display:flex;align-items:center;gap:.6rem;text-transform:none;letter-spacing:0;font-size:.76rem}
.instock{display:inline-flex;align-items:center;gap:.4rem;color:var(--leaf-2);font-weight:600}
.onorder{color:var(--muted);font-weight:500}
.kind-t{color:var(--muted)}
.kind-t::before{content:"·";margin-right:.5rem;color:var(--line)}
.pdot{position:relative;width:8px;height:8px;border-radius:50%;background:#2DBE45;display:inline-block}
.pdot::after{content:"";position:absolute;inset:0;border-radius:50%;background:#2DBE45;animation:pulse 1.6s ease-out infinite}
/* najpredávanejšie v ľavom paneli */
.fbest{padding:.9rem 1rem}
.fbest h4{font-size:.8rem;font-weight:600;color:var(--ink);margin-bottom:.6rem}
.fb-item{display:grid;grid-template-columns:64px minmax(0,1fr);gap:.65rem;align-items:center;text-decoration:none;padding:.45rem 0;border-top:1px solid var(--line)}
.fb-item:first-of-type{border-top:0}
.fb-im{width:64px;height:48px;border-radius:6px;display:block}
.fb-im img{width:100%;height:100%;object-fit:contain}
.fb-tx{display:grid;gap:.05rem;min-width:0}
.fb-tx b{font-size:.78rem;font-weight:500;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fb-tx small{font-size:.7rem;color:var(--muted)}
.fb-tx em{font-style:normal;font-size:.82rem;font-weight:600;color:var(--ink)}
.fb-tx s{color:var(--muted);font-weight:400;font-size:.72rem}
.fb-item:hover b{color:var(--leaf-2)}

/* v22: horná lišta v zelenej z loga */
.topstrip{background:#3DAE49!important;border-bottom:0!important;color:#fff!important}
.topstrip a,.toplinks a,.topstrip span{color:#fff!important;font-weight:500}
.usp svg{color:#fff!important}
.toplinks a{opacity:.95}
.toplinks a:hover,.toplinks a.on{opacity:1;text-decoration:underline}

/* v23: pozadie z obrysov plachtových hál namiesto mriežky */
:root{--halls:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22420%22%20height%3D%22300%22%20viewBox%3D%220%200%20420%20300%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%233DAE49%22%20stroke-opacity%3D%220.16%22%20stroke-width%3D%221.3%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%20110%20V70%20L70%2040%20L120%2070%20V110%22/%3E%3Cpath%20d%3D%22M27%20110%20V74%20L70%2048%20L113%2074%20V110%22/%3E%3Cpath%20d%3D%22M52%20110%20V82%20H88%20V110%22%20stroke-dasharray%3D%224%203%22/%3E%3Cpath%20d%3D%22M10%20110%20H130%22/%3E%3Cpath%20d%3D%22M230%2080%20V58%20Q230%2018%20290%2016%20Q350%2018%20350%2058%20V80%22/%3E%3Cpath%20d%3D%22M268%2080%20V54%20H312%20V80%22%20stroke-dasharray%3D%224%203%22/%3E%3Cpath%20d%3D%22M220%2080%20H360%22/%3E%3Cpath%20d%3D%22M150%20250%20V205%20L200%20175%20L250%20205%20V250%22/%3E%3Cpath%20d%3D%22M250%20205%20L320%20185%20L320%20232%20L250%20250%22/%3E%3Cpath%20d%3D%22M200%20175%20L270%20155%20L320%20185%22/%3E%3Cpath%20d%3D%22M215%20170%20L285%20150%20M232%20165%20L302%20145%22%20stroke-opacity%3D%220.096%22/%3E%3Cpath%20d%3D%22M140%20250%20H330%22/%3E%3Cpath%20d%3D%22M150%20262%20H250%20M150%20258%20V266%20M250%20258%20V266%22%20stroke-opacity%3D%220.128%22/%3E%3Cpath%20d%3D%22M30%20255%20V240%20Q30%20212%2062%20211%20Q94%20212%2094%20240%20V255%22/%3E%3Cpath%20d%3D%22M24%20255%20H100%22/%3E%3Cpath%20d%3D%22M360%20250%20V224%20L385%20208%20L410%20224%20V250%22/%3E%3Cpath%20d%3D%22M352%20250%20H418%22/%3E%3Cpath%20d%3D%22M380%20140%20V120%20Q380%2098%20404%2097%22/%3E%3Cpath%20d%3D%22M372%20140%20H420%22/%3E%3Ccircle%20cx%3D%22170%22%20cy%3D%2240%22%20r%3D%221.6%22%20fill%3D%22%233DAE49%22%20fill-opacity%3D%220.16%22%20stroke%3D%22none%22/%3E%3Ccircle%20cx%3D%22345%22%20cy%3D%22130%22%20r%3D%221.6%22%20fill%3D%22%233DAE49%22%20fill-opacity%3D%220.16%22%20stroke%3D%22none%22/%3E%3Ccircle%20cx%3D%22120%22%20cy%3D%22170%22%20r%3D%221.6%22%20fill%3D%22%233DAE49%22%20fill-opacity%3D%220.16%22%20stroke%3D%22none%22/%3E%3C/g%3E%3C/svg%3E")}
body{background-image:radial-gradient(900px 500px at 100% 0%,var(--glow),transparent 60%),radial-gradient(700px 500px at 0% 60%,rgba(61,174,73,.10),transparent 60%),var(--halls)!important;background-size:auto,auto,420px 300px!important;background-attachment:fixed,fixed,fixed!important}
.section.alt{background-image:none}
.hero::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22420%22%20height%3D%22300%22%20viewBox%3D%220%200%20420%20300%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%235BD068%22%20stroke-opacity%3D%220.14%22%20stroke-width%3D%221.3%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%20110%20V70%20L70%2040%20L120%2070%20V110%22/%3E%3Cpath%20d%3D%22M27%20110%20V74%20L70%2048%20L113%2074%20V110%22/%3E%3Cpath%20d%3D%22M52%20110%20V82%20H88%20V110%22%20stroke-dasharray%3D%224%203%22/%3E%3Cpath%20d%3D%22M10%20110%20H130%22/%3E%3Cpath%20d%3D%22M230%2080%20V58%20Q230%2018%20290%2016%20Q350%2018%20350%2058%20V80%22/%3E%3Cpath%20d%3D%22M268%2080%20V54%20H312%20V80%22%20stroke-dasharray%3D%224%203%22/%3E%3Cpath%20d%3D%22M220%2080%20H360%22/%3E%3Cpath%20d%3D%22M150%20250%20V205%20L200%20175%20L250%20205%20V250%22/%3E%3Cpath%20d%3D%22M250%20205%20L320%20185%20L320%20232%20L250%20250%22/%3E%3Cpath%20d%3D%22M200%20175%20L270%20155%20L320%20185%22/%3E%3Cpath%20d%3D%22M215%20170%20L285%20150%20M232%20165%20L302%20145%22%20stroke-opacity%3D%220.084%22/%3E%3Cpath%20d%3D%22M140%20250%20H330%22/%3E%3Cpath%20d%3D%22M150%20262%20H250%20M150%20258%20V266%20M250%20258%20V266%22%20stroke-opacity%3D%220.112%22/%3E%3Cpath%20d%3D%22M30%20255%20V240%20Q30%20212%2062%20211%20Q94%20212%2094%20240%20V255%22/%3E%3Cpath%20d%3D%22M24%20255%20H100%22/%3E%3Cpath%20d%3D%22M360%20250%20V224%20L385%20208%20L410%20224%20V250%22/%3E%3Cpath%20d%3D%22M352%20250%20H418%22/%3E%3Cpath%20d%3D%22M380%20140%20V120%20Q380%2098%20404%2097%22/%3E%3Cpath%20d%3D%22M372%20140%20H420%22/%3E%3Ccircle%20cx%3D%22170%22%20cy%3D%2240%22%20r%3D%221.6%22%20fill%3D%22%235BD068%22%20fill-opacity%3D%220.14%22%20stroke%3D%22none%22/%3E%3Ccircle%20cx%3D%22345%22%20cy%3D%22130%22%20r%3D%221.6%22%20fill%3D%22%235BD068%22%20fill-opacity%3D%220.14%22%20stroke%3D%22none%22/%3E%3Ccircle%20cx%3D%22120%22%20cy%3D%22170%22%20r%3D%221.6%22%20fill%3D%22%235BD068%22%20fill-opacity%3D%220.14%22%20stroke%3D%22none%22/%3E%3C/g%3E%3C/svg%3E")!important;background-size:420px 300px!important}
.cta-band::before{background-image:radial-gradient(500px 260px at 90% 10%,rgba(61,174,73,.35),transparent 70%),url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22420%22%20height%3D%22300%22%20viewBox%3D%220%200%20420%20300%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%235BD068%22%20stroke-opacity%3D%220.14%22%20stroke-width%3D%221.3%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%20110%20V70%20L70%2040%20L120%2070%20V110%22/%3E%3Cpath%20d%3D%22M27%20110%20V74%20L70%2048%20L113%2074%20V110%22/%3E%3Cpath%20d%3D%22M52%20110%20V82%20H88%20V110%22%20stroke-dasharray%3D%224%203%22/%3E%3Cpath%20d%3D%22M10%20110%20H130%22/%3E%3Cpath%20d%3D%22M230%2080%20V58%20Q230%2018%20290%2016%20Q350%2018%20350%2058%20V80%22/%3E%3Cpath%20d%3D%22M268%2080%20V54%20H312%20V80%22%20stroke-dasharray%3D%224%203%22/%3E%3Cpath%20d%3D%22M220%2080%20H360%22/%3E%3Cpath%20d%3D%22M150%20250%20V205%20L200%20175%20L250%20205%20V250%22/%3E%3Cpath%20d%3D%22M250%20205%20L320%20185%20L320%20232%20L250%20250%22/%3E%3Cpath%20d%3D%22M200%20175%20L270%20155%20L320%20185%22/%3E%3Cpath%20d%3D%22M215%20170%20L285%20150%20M232%20165%20L302%20145%22%20stroke-opacity%3D%220.084%22/%3E%3Cpath%20d%3D%22M140%20250%20H330%22/%3E%3Cpath%20d%3D%22M150%20262%20H250%20M150%20258%20V266%20M250%20258%20V266%22%20stroke-opacity%3D%220.112%22/%3E%3Cpath%20d%3D%22M30%20255%20V240%20Q30%20212%2062%20211%20Q94%20212%2094%20240%20V255%22/%3E%3Cpath%20d%3D%22M24%20255%20H100%22/%3E%3Cpath%20d%3D%22M360%20250%20V224%20L385%20208%20L410%20224%20V250%22/%3E%3Cpath%20d%3D%22M352%20250%20H418%22/%3E%3Cpath%20d%3D%22M380%20140%20V120%20Q380%2098%20404%2097%22/%3E%3Cpath%20d%3D%22M372%20140%20H420%22/%3E%3Ccircle%20cx%3D%22170%22%20cy%3D%2240%22%20r%3D%221.6%22%20fill%3D%22%235BD068%22%20fill-opacity%3D%220.14%22%20stroke%3D%22none%22/%3E%3Ccircle%20cx%3D%22345%22%20cy%3D%22130%22%20r%3D%221.6%22%20fill%3D%22%235BD068%22%20fill-opacity%3D%220.14%22%20stroke%3D%22none%22/%3E%3Ccircle%20cx%3D%22120%22%20cy%3D%22170%22%20r%3D%221.6%22%20fill%3D%22%235BD068%22%20fill-opacity%3D%220.14%22%20stroke%3D%22none%22/%3E%3C/g%3E%3C/svg%3E")!important;background-size:auto,420px 300px!important}
footer.site{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22420%22%20height%3D%22300%22%20viewBox%3D%220%200%20420%20300%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%235BD068%22%20stroke-opacity%3D%220.14%22%20stroke-width%3D%221.3%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%20110%20V70%20L70%2040%20L120%2070%20V110%22/%3E%3Cpath%20d%3D%22M27%20110%20V74%20L70%2048%20L113%2074%20V110%22/%3E%3Cpath%20d%3D%22M52%20110%20V82%20H88%20V110%22%20stroke-dasharray%3D%224%203%22/%3E%3Cpath%20d%3D%22M10%20110%20H130%22/%3E%3Cpath%20d%3D%22M230%2080%20V58%20Q230%2018%20290%2016%20Q350%2018%20350%2058%20V80%22/%3E%3Cpath%20d%3D%22M268%2080%20V54%20H312%20V80%22%20stroke-dasharray%3D%224%203%22/%3E%3Cpath%20d%3D%22M220%2080%20H360%22/%3E%3Cpath%20d%3D%22M150%20250%20V205%20L200%20175%20L250%20205%20V250%22/%3E%3Cpath%20d%3D%22M250%20205%20L320%20185%20L320%20232%20L250%20250%22/%3E%3Cpath%20d%3D%22M200%20175%20L270%20155%20L320%20185%22/%3E%3Cpath%20d%3D%22M215%20170%20L285%20150%20M232%20165%20L302%20145%22%20stroke-opacity%3D%220.084%22/%3E%3Cpath%20d%3D%22M140%20250%20H330%22/%3E%3Cpath%20d%3D%22M150%20262%20H250%20M150%20258%20V266%20M250%20258%20V266%22%20stroke-opacity%3D%220.112%22/%3E%3Cpath%20d%3D%22M30%20255%20V240%20Q30%20212%2062%20211%20Q94%20212%2094%20240%20V255%22/%3E%3Cpath%20d%3D%22M24%20255%20H100%22/%3E%3Cpath%20d%3D%22M360%20250%20V224%20L385%20208%20L410%20224%20V250%22/%3E%3Cpath%20d%3D%22M352%20250%20H418%22/%3E%3Cpath%20d%3D%22M380%20140%20V120%20Q380%2098%20404%2097%22/%3E%3Cpath%20d%3D%22M372%20140%20H420%22/%3E%3Ccircle%20cx%3D%22170%22%20cy%3D%2240%22%20r%3D%221.6%22%20fill%3D%22%235BD068%22%20fill-opacity%3D%220.14%22%20stroke%3D%22none%22/%3E%3Ccircle%20cx%3D%22345%22%20cy%3D%22130%22%20r%3D%221.6%22%20fill%3D%22%235BD068%22%20fill-opacity%3D%220.14%22%20stroke%3D%22none%22/%3E%3Ccircle%20cx%3D%22120%22%20cy%3D%22170%22%20r%3D%221.6%22%20fill%3D%22%235BD068%22%20fill-opacity%3D%220.14%22%20stroke%3D%22none%22/%3E%3C/g%3E%3C/svg%3E")!important;background-size:420px 300px!important}

/* v24: horná lišta a menu kategórií – čierna → zelená s obrysmi hál */
:root{--halls-dark:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22420%22%20height%3D%22300%22%20viewBox%3D%220%200%20420%20300%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%235BD068%22%20stroke-opacity%3D%220.14%22%20stroke-width%3D%221.3%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%20110%20V70%20L70%2040%20L120%2070%20V110%22/%3E%3Cpath%20d%3D%22M27%20110%20V74%20L70%2048%20L113%2074%20V110%22/%3E%3Cpath%20d%3D%22M52%20110%20V82%20H88%20V110%22%20stroke-dasharray%3D%224%203%22/%3E%3Cpath%20d%3D%22M10%20110%20H130%22/%3E%3Cpath%20d%3D%22M230%2080%20V58%20Q230%2018%20290%2016%20Q350%2018%20350%2058%20V80%22/%3E%3Cpath%20d%3D%22M268%2080%20V54%20H312%20V80%22%20stroke-dasharray%3D%224%203%22/%3E%3Cpath%20d%3D%22M220%2080%20H360%22/%3E%3Cpath%20d%3D%22M150%20250%20V205%20L200%20175%20L250%20205%20V250%22/%3E%3Cpath%20d%3D%22M250%20205%20L320%20185%20L320%20232%20L250%20250%22/%3E%3Cpath%20d%3D%22M200%20175%20L270%20155%20L320%20185%22/%3E%3Cpath%20d%3D%22M215%20170%20L285%20150%20M232%20165%20L302%20145%22%20stroke-opacity%3D%220.084%22/%3E%3Cpath%20d%3D%22M140%20250%20H330%22/%3E%3Cpath%20d%3D%22M150%20262%20H250%20M150%20258%20V266%20M250%20258%20V266%22%20stroke-opacity%3D%220.112%22/%3E%3Cpath%20d%3D%22M30%20255%20V240%20Q30%20212%2062%20211%20Q94%20212%2094%20240%20V255%22/%3E%3Cpath%20d%3D%22M24%20255%20H100%22/%3E%3Cpath%20d%3D%22M360%20250%20V224%20L385%20208%20L410%20224%20V250%22/%3E%3Cpath%20d%3D%22M352%20250%20H418%22/%3E%3Cpath%20d%3D%22M380%20140%20V120%20Q380%2098%20404%2097%22/%3E%3Cpath%20d%3D%22M372%20140%20H420%22/%3E%3Ccircle%20cx%3D%22170%22%20cy%3D%2240%22%20r%3D%221.6%22%20fill%3D%22%235BD068%22%20fill-opacity%3D%220.14%22%20stroke%3D%22none%22/%3E%3Ccircle%20cx%3D%22345%22%20cy%3D%22130%22%20r%3D%221.6%22%20fill%3D%22%235BD068%22%20fill-opacity%3D%220.14%22%20stroke%3D%22none%22/%3E%3Ccircle%20cx%3D%22120%22%20cy%3D%22170%22%20r%3D%221.6%22%20fill%3D%22%235BD068%22%20fill-opacity%3D%220.14%22%20stroke%3D%22none%22/%3E%3C/g%3E%3C/svg%3E")}
.topstrip{background:radial-gradient(420px 120px at 92% 50%,rgba(61,174,73,.45),transparent 70%),var(--halls-dark),linear-gradient(90deg,#0B110D 0%,#0F1A12 55%,#173F22 100%)!important;background-size:auto,420px 300px,auto!important;border-bottom:1px solid rgba(91,208,104,.18)!important}
.topstrip a,.toplinks a,.topstrip span{color:#fff!important}
.usp svg{color:#5BD068!important}
.toplinks a:hover,.toplinks a.on{color:#5BD068!important}
nav.main{background:radial-gradient(520px 140px at 85% 50%,rgba(61,174,73,.42),transparent 70%),var(--halls-dark),linear-gradient(90deg,#0B110D 0%,#0F1A12 55%,#173F22 100%);background-size:auto,420px 300px,auto;border-top:0}
nav.main a{color:rgba(255,255,255,.88)}
nav.main a:hover,nav.main a.on,nav.main a.hover{color:#fff;border-bottom-color:#5BD068}
nav.main .hl2{color:#fff!important}
nav.main .hl2:hover,nav.main .hl2.on{color:#5BD068!important}
nav.main .hl{background:#3DAE49!important;color:#07120A!important;box-shadow:0 0 18px rgba(61,174,73,.45)}
header.site{border-bottom:0}
@media (max-width:760px){nav.main.open .mob-only{color:rgba(255,255,255,.7)}}

/* v25: menu kategórií – biela → zelená */
nav.main{background:var(--halls),linear-gradient(90deg,#FFFFFF 0%,#FFFFFF 40%,#DDF0DF 66%,#3DAE49 100%)!important;background-size:420px 300px,auto!important;border-top:1px solid #E3EBE4;border-bottom:1px solid #D5E6D7}
nav.main a{color:#14211A}
nav.main a:hover,nav.main a.on,nav.main a.hover{color:#0B110D;border-bottom-color:#2F9640}
nav.main .hl2{color:#07120A!important}
nav.main .hl2:hover,nav.main .hl2.on{color:#fff!important}
nav.main .hl{background:#0D130F!important;color:#fff!important;box-shadow:0 6px 16px -6px rgba(0,0,0,.45)}
nav.main .hl svg{color:#5BD068}
@media (max-width:760px){nav.main.open .mob-only{color:var(--muted)}}

/* v26: filter v hlavičke kategórie s posuvníkmi */
.cat-head-in.with-f{grid-template-columns:minmax(0,1fr) minmax(0,560px);align-items:start;gap:2.4rem}
.cat-head-in.with-f .facts{flex-wrap:wrap}
@media (max-width:980px){.cat-head-in.with-f{grid-template-columns:1fr}}
.hfilter{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:1rem 1.1rem;box-shadow:0 14px 34px -18px rgba(18,32,23,.25)}
.hf-h{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.6rem}
.hf-h b{font-size:.92rem;font-weight:600;color:var(--ink)}
.hf-h small{font-size:.74rem;color:var(--muted)}
.hf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem 1.6rem}
@media (max-width:520px){.hf-grid{grid-template-columns:1fr}}
.hr-top{display:flex;justify-content:space-between;align-items:baseline;font-size:.8rem;margin-bottom:.2rem}
.hr-top span{color:var(--muted);font-weight:500}
.hr-top b{color:var(--ink);font-weight:600}
.hf-foot{display:flex;align-items:center;gap:1rem;margin-top:.9rem;padding-top:.8rem;border-top:1px solid var(--line);font-size:.8rem;color:var(--muted);font-weight:500}
.hf-foot .ftoggle{flex:1;max-width:260px}
.cat-body[data-clay="H"] .pgrid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1100px){.cat-body[data-clay="H"] .pgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:820px){.cat-body[data-clay="H"] .pgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.cat-body[data-clay="H"] .pgrid{grid-template-columns:1fr}}
.cat-body[data-clay="H"] .ltop{margin-bottom:.8rem}

/* v27: menu kategórií bez obrysov hál */
nav.main{background:linear-gradient(90deg,#FFFFFF 0%,#FFFFFF 40%,#DDF0DF 66%,#3DAE49 100%)!important;background-size:auto!important}

/* v28: ľavá strana hlavičky kategórie zarovnaná s filtrom */
.cat-head-in.with-f{align-items:stretch}
.ch-left{display:flex;flex-direction:column;min-width:0}
.cat-head-in.with-f .lede{margin-top:.5rem}
.cat-head-in.with-f .lede2{margin-top:.6rem}
.ch-usp{list-style:none;margin:.9rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;font-size:.84rem;color:var(--ink);font-weight:500}
.ch-usp li{display:inline-flex;align-items:center;gap:.4rem}
.ch-usp svg{width:16px;height:16px;color:var(--leaf)}
.cat-head-in.with-f .facts{margin-top:auto;padding-top:1rem}

/* ===== Poradňa (štýl achov.sk) ===== */
.bl-head{background:color-mix(in srgb,var(--surface) 92%,transparent);border-bottom:1px solid var(--line)}
.bl-head .wrap{padding-bottom:1.1rem}
.bl-head-in{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:2rem;align-items:end}
@media (max-width:900px){.bl-head-in{grid-template-columns:1fr}}
.bl-head h1{font-size:clamp(1.6rem,2.6vw,2.2rem);margin-top:.3rem}
.bl-head .lede{color:var(--muted);margin-top:.5rem;max-width:62ch;font-size:.92rem}
.bl-search{display:flex;align-items:center;gap:.4rem;border:1.5px solid var(--line);background:var(--surface);border-radius:10px;padding:.3rem .3rem .3rem .8rem}
.bl-search span svg{width:18px;height:18px;color:var(--muted)}
.bl-search input{flex:1;min-width:0;border:0;background:none;font:inherit;font-size:.9rem;color:var(--fg);padding:.45rem .2rem}
.bl-search input:focus{outline:none}
.bl-search .btn{padding:.55em 1.1em}
.bl-topics{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1.1rem}
.btopic{display:inline-flex;align-items:center;gap:.45rem;border:1.5px solid var(--line);background:var(--surface);border-radius:8px;padding:.45rem .85rem;font-size:.84rem;color:var(--fg)}
.btopic svg{width:16px;height:16px;color:var(--leaf)}
.btopic:hover{border-color:var(--leaf)}
.btopic.on{background:#121A14;border-color:#121A14;color:#fff}
.btopic.on svg{color:#5BD068}
.bchip{display:inline-flex;align-items:center;gap:.3rem;background:var(--leaf-soft);color:#1E6A2A;border-radius:6px;padding:.2rem .5rem;font-size:.7rem;font-weight:600}
.bchip svg{width:12px;height:12px}
.bchip.strong{background:var(--leaf);color:#07120A}
.bl-top{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:1.2rem;margin-bottom:2.4rem}
@media (max-width:900px){.bl-top{grid-template-columns:1fr}}
.bl-feat{position:relative;min-height:400px;border-radius:12px;overflow:hidden;text-decoration:none;display:flex;align-items:flex-end;background:#0D130F var(--img) center/cover}
.bl-feat::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,10,7,0) 25%,rgba(6,10,7,.88) 100%)}
.bl-feat-in{position:relative;padding:1.6rem;color:#fff;display:grid;gap:.6rem}
.bl-badges{display:flex;gap:.4rem;flex-wrap:wrap}
.bl-badges .bchip:not(.strong){background:rgba(255,255,255,.92)}
.bl-feat h2{color:#fff;font-size:clamp(1.3rem,2.2vw,1.8rem);max-width:28ch}
.bl-feat p{color:rgba(255,255,255,.85);font-size:.9rem;max-width:62ch}
.bl-meta-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:.3rem}
.bl-meta{display:inline-flex;align-items:center;gap:.35rem;font-size:.76rem;color:var(--muted)}
.bl-feat .bl-meta{color:rgba(255,255,255,.8)}
.bl-meta svg{width:14px;height:14px}
.bl-side{display:flex;flex-direction:column;gap:.2rem}
.bl-side-h{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:600;margin-bottom:.3rem}
.bl-mini{display:grid;grid-template-columns:120px minmax(0,1fr);gap:.8rem;align-items:center;text-decoration:none;padding:.55rem 0;border-bottom:1px solid var(--line)}
.bl-mini-im{height:82px;border-radius:8px;background:var(--surface-2) center/cover}
.bl-mini>span:last-child{display:grid;gap:.25rem;justify-items:start}
.bl-mini b{font-size:.88rem;font-weight:500;color:var(--ink);line-height:1.3}
.bl-mini small{font-size:.72rem;color:var(--muted)}
.bl-mini:hover b{color:var(--leaf-2)}
.bl-ask{margin-top:auto;display:flex;gap:.7rem;align-items:center;background:var(--leaf-soft);border-radius:10px;padding:.8rem .9rem;font-size:.8rem;color:var(--fg)}
.bl-ask svg{width:22px;height:22px;color:var(--leaf-2);flex:none}
.bl-ask b{display:block;color:var(--ink)}
.bl-main{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:1.6rem;align-items:start}
@media (max-width:980px){.bl-main{grid-template-columns:1fr}}
.bl-list-h{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1rem}
.bl-list-h h2{font-size:1.35rem}
.bl-list-h .muted{font-size:.8rem}
.bl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
@media (max-width:820px){.bl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.bl-grid{grid-template-columns:1fr}}
.bl-card{display:flex;flex-direction:column;text-decoration:none;background:var(--surface);border:1px solid var(--line);border-radius:10px;overflow:hidden;transition:box-shadow .2s,border-color .2s}
.bl-card:hover{border-color:rgba(61,174,73,.55);box-shadow:0 14px 34px -16px var(--glow)}
.bl-card-im{aspect-ratio:16/10;background:var(--surface-2) center/cover;max-width:100%}
.bl-card-b{display:flex;flex-direction:column;gap:.45rem;padding:.85rem .95rem 1rem;flex:1;align-items:flex-start}
.bl-card b{font-size:.95rem;font-weight:600;color:var(--ink);line-height:1.3}
.bl-card p{font-size:.8rem;color:var(--muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.bl-card .bl-meta{margin-top:auto}
.bl-more{display:grid;justify-items:center;gap:.8rem;margin-top:1.4rem}
.bl-pages{display:flex;gap:.3rem}
.bl-pages span{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--line);border-radius:6px;font-size:.8rem;background:var(--surface)}
.bl-pages span.on{background:#121A14;color:#fff;border-color:#121A14}
.bl-aside{display:grid;gap:1rem}
.bl-box{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:1rem}
.bl-box h3{font-size:.95rem;display:flex;align-items:center;gap:.4rem;margin-bottom:.6rem}
.bl-box h3 svg{width:16px;height:16px;color:var(--leaf)}
.bl-top5{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}
.bl-top5 li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:.4rem;align-items:start}
.bl-top5 li>span{font-size:1.1rem;font-weight:600;color:var(--leaf);line-height:1.2}
.bl-top5 a{font-size:.82rem;color:var(--ink);text-decoration:none;line-height:1.35}
.bl-top5 a:hover{color:var(--leaf-2)}
.bl-theme{display:grid;grid-template-columns:20px minmax(0,1fr) 16px;gap:.6rem;align-items:center;width:100%;border:0;background:none;padding:.5rem .2rem;border-top:1px solid var(--line);text-align:left;font-size:.84rem;color:var(--fg)}
.bl-theme:first-of-type{border-top:0}
.bl-theme svg{width:16px;height:16px;color:var(--leaf)}
.bl-theme svg:last-child{color:var(--muted)}
.bl-theme:hover span{color:var(--leaf-2)}
.bl-shop{background:#0D130F;color:#fff;border-radius:10px;padding:1rem;display:grid;gap:.5rem}
.bl-shop .eyebrow{color:#5BD068}
.bl-shop h3{color:#fff;font-size:1.05rem;margin-bottom:.2rem}
.bl-shop a{display:grid;grid-template-columns:32px minmax(0,1fr) 16px;grid-template-rows:auto auto;column-gap:.6rem;align-items:center;text-decoration:none;background:rgba(255,255,255,.06);border:1px solid rgba(91,208,104,.25);border-radius:8px;padding:.5rem .6rem;color:#fff}
.bl-shop a>span{grid-row:1/3;width:32px;height:32px;border-radius:6px;background:rgba(91,208,104,.18);display:grid;place-items:center}
.bl-shop a>span svg{width:18px;height:18px;color:#5BD068}
.bl-shop a b{font-size:.84rem;font-weight:500}
.bl-shop a small{font-size:.7rem;color:rgba(255,255,255,.6);grid-column:2}
.bl-shop a>svg{grid-row:1/3;grid-column:3;width:14px;height:14px;color:#5BD068}
.bl-shop a:hover{border-color:#5BD068}
.bl-call{background:var(--leaf-soft);border:0}
.bl-call b{display:block;color:var(--ink)}
.bl-call p{font-size:.8rem;margin:.2rem 0 .6rem}
.bl-call .btn{width:100%}
.bl-band{background:#0D130F;border-radius:12px;padding:1.6rem;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:1.4rem;align-items:center;position:relative;overflow:hidden}
.bl-band::before{content:"";position:absolute;inset:0;background:radial-gradient(420px 200px at 10% 0%,rgba(61,174,73,.35),transparent 70%),var(--halls-dark);background-size:auto,420px 300px;pointer-events:none}
.bl-band>*{position:relative}
.bl-band .eyebrow{color:#5BD068}
.bl-band h2{color:#fff;font-size:1.35rem}
.bl-band-cats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem}
@media (max-width:900px){.bl-band{grid-template-columns:1fr}.bl-band-cats{grid-template-columns:repeat(2,minmax(0,1fr))}}
.bl-band-cats a{display:flex;align-items:center;gap:.6rem;text-decoration:none;background:rgba(255,255,255,.06);border:1px solid rgba(91,208,104,.25);border-radius:8px;padding:.7rem;color:#fff;font-size:.84rem}
.bl-band-cats a>span{width:32px;height:32px;border-radius:6px;background:rgba(91,208,104,.18);display:grid;place-items:center;flex:none}
.bl-band-cats a>span svg{width:18px;height:18px;color:#5BD068}
.bl-band-cats a b{flex:1;font-weight:500}
.bl-band-cats a>svg{width:14px;height:14px;color:#5BD068}
.bl-band-cats a:hover{border-color:#5BD068}

/* v30: hlavičky informačných stránok rovnako veľké ako Poradňa */
.ph-head .wrap{padding-bottom:1.3rem}
.ph-in{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem;align-items:center}
.ph-in.with-img{grid-template-columns:minmax(0,1fr) 340px}
.ph-head h1{font-size:clamp(1.6rem,2.6vw,2.2rem);margin-top:.3rem}
.ph-head .lede{color:var(--muted);margin-top:.5rem;max-width:68ch;font-size:.92rem}
.ph-img{height:140px;border-radius:10px;background:var(--surface-2) center/cover;max-width:100%}
@media (max-width:820px){.ph-in.with-img{grid-template-columns:1fr}.ph-img{display:none}}

.mt-q{display:grid!important;place-items:center;align-content:center;gap:0;background:repeating-linear-gradient(135deg,#FFF8E1 0 8px,#FFEFC2 8px 16px)!important;border:1.5px dashed #E0A800;color:#9A6B00}
.mt-q b{font-size:1.5rem;line-height:1;font-weight:700;color:#9A6B00}
.mt-q small{font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#9A6B00}
.cat-tile .ph.mt-q b{font-size:2.6rem}.cat-tile .ph.mt-q small{font-size:.72rem}

.hero-h1{margin-top:.5rem;font-size:clamp(2.4rem,5vw,4rem)!important;line-height:1.02;letter-spacing:-.03em}
.hero-slogan{margin-top:.5rem;font-size:clamp(1.25rem,2.2vw,1.75rem);font-weight:600;color:#fff;line-height:1.2;letter-spacing:-.015em}
.hero-slogan em{font-style:normal;color:#5BD068}

.finder-t{font-size:1.1rem;font-weight:600;color:var(--ink)}
.tile-t{font-size:1.15rem;font-weight:600}
.cta-title{font-size:clamp(1.35rem,2.2vw,1.8rem);font-weight:600;line-height:1.2;color:#fff;margin-top:.4rem;letter-spacing:-.015em;text-wrap:balance}
.side-t{font-size:1.05rem;font-weight:600;color:var(--ink);margin-bottom:1rem}
.h-sub{font-size:1.15rem;margin-bottom:1rem}
.ltop .list-h{font-size:1.15rem;white-space:nowrap;margin-right:1rem}
.seo-home h3{font-size:1.02rem}
.seo-home a{color:var(--leaf-2)}

/* v34: výber v hero vyhľadávači, hranaté tlačidlo Konfigurátor */
.fuse{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem}
.fuse-o{display:grid;justify-items:center;gap:.25rem;border:1.5px solid var(--line);background:var(--surface);border-radius:8px;padding:.5rem .3rem;font-size:.74rem;color:var(--fg);line-height:1.2;text-align:center}
.fuse-o svg{width:20px;height:20px;color:var(--leaf)}
.fuse-o:hover{border-color:var(--leaf)}
.fuse-o[aria-pressed="true"]{background:#121A14;border-color:#121A14;color:#fff}
.fuse-o[aria-pressed="true"] svg{color:#5BD068}
.finder .seg{border-radius:8px}
.finder .seg button{border-radius:6px}
nav.main .hl{border-radius:8px!important}

/* v35: výhody v jednom riadku na spodku, zarovnané s filtrom */
.cat-head-in.with-f .ch-usp{flex-wrap:nowrap;white-space:nowrap;gap:1.1rem;margin-top:.9rem;font-size:.8rem;overflow:hidden}
.cat-head-in.with-f .ch-usp li{flex:none}
@media (max-width:640px){.cat-head-in.with-f .ch-usp{flex-wrap:wrap;white-space:normal}}

/* v36: vlastný rozbaľovací zoznam vo vyhľadávači */
.dd{position:relative}
.dd-btn{width:100%;display:flex;align-items:center;gap:.6rem;border:1.5px solid var(--line);background:var(--surface);border-radius:8px;padding:.62rem .8rem;font:inherit;font-size:.9rem;color:var(--ink);text-align:left}
.dd-btn:hover,.dd-btn[aria-expanded="true"]{border-color:var(--leaf)}
.dd-btn>span{flex:1;display:flex;align-items:center;gap:.55rem;min-width:0}
.dd-btn>span svg{width:18px;height:18px;color:var(--leaf);flex:none}
.dd-ph{color:var(--muted)}
.dd-car{width:16px;height:16px;color:var(--muted);transition:transform .2s}
.dd-btn[aria-expanded="true"] .dd-car{transform:rotate(180deg)}
.dd-list{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:20;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:0 18px 40px rgba(18,32,23,.18);padding:.35rem;display:grid;gap:.1rem}
.dd-o{display:flex;align-items:center;gap:.6rem;border:0;background:none;border-radius:6px;padding:.55rem .6rem;font:inherit;font-size:.88rem;color:var(--fg);text-align:left}
.dd-o svg{width:18px;height:18px;color:var(--leaf);flex:none}
.dd-o:hover{background:var(--leaf-soft);color:var(--ink)}
.dd-o[aria-selected="true"]{background:#121A14;color:#fff}
.dd-o[aria-selected="true"] svg{color:#5BD068}
.finder span.l{display:block;font-size:.78rem;font-weight:500;color:var(--muted);margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.06em}

/* v37: väčšie menu kategórií */
nav.main a{font-size:1rem;font-weight:500;padding:.8rem 1rem}
nav.main .hl,nav.main .hl2{font-size:.95rem}
nav.main .hl{padding:.5rem 1rem!important}
@media (max-width:1180px){nav.main a{font-size:.92rem;padding:.75rem .7rem}}

.finder-h{display:flex;justify-content:space-between;align-items:center;gap:1rem}
.finder{position:relative}.finder-h{align-items:flex-start;padding-right:150px;margin-bottom:42px}.finder-h .finder-t{margin-top:0}.finder-logo{position:absolute;top:1.4rem;right:1.4rem;height:var(--flogo,90px);width:auto}
nav.main a,nav.main .hl,nav.main .hl2{font-weight:600!important;letter-spacing:-.015em}
nav.main a{font-size:.92rem}nav.main .hl,nav.main .hl2{font-size:.88rem}@media (max-width:1180px){nav.main a{font-size:.86rem}}
.hero > .wrap{padding-block:48px}.finder-h{margin-bottom:10px!important}.finder-logo{height:70px!important;top:1.4rem!important}.finder .row{margin-top:12px}
@media (min-width:900px){.hero > .wrap{align-items:stretch}.hero > .wrap > div:first-child{display:flex;flex-direction:column}.hero > .wrap > div:first-child > .dim{margin-top:auto!important}.finder{display:flex;flex-direction:column;align-self:stretch!important;margin:0!important}.finder .row:last-of-type{margin-top:auto}}
[hidden]{display:none!important}

/* v38 – úvod kategórie biely → zelený */
.cat-head{background:linear-gradient(90deg,#FFFFFF 0%,#FFFFFF 38%,#DDF0DF 62%,#3DAE49 100%)!important;backdrop-filter:none!important;border-bottom:0!important}
.cat-head .wrap{padding-bottom:1.8rem}
.cat-head .hfilter{border-color:transparent;box-shadow:0 18px 40px -20px rgba(18,48,27,.45)}
:root,:root[data-theme]{color-scheme:light!important}

/* v39 – zadanie klienta: všetko klikateľné má jednotný podpis „zelená hrana" (tlačidlá, odkazy, karty) */
body .btn{border:2px solid transparent;box-shadow:0 3px 0 var(--lip,#23802E);transition:transform .12s,box-shadow .12s,background .15s,border-color .15s;position:relative}
body .btn:hover{transform:translateY(-1px);box-shadow:0 4px 0 var(--lip,#23802E),0 10px 22px -12px rgba(23,63,34,.45)}
body .btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--lip,#23802E)}
body .btn-cta{background:#3DAE49;color:#fff;--lip:#23802E}
body .btn-cta:hover{background:#45BA52;color:#fff}
body .btn-brand{background:#121A14;color:#fff;--lip:#3DAE49}
body .btn-brand:hover{background:#18241B}
body .btn-ghost{background:#fff;border-color:#3DAE49;color:#173F22;--lip:#BFE3C3}
body .btn-ghost:hover{background:#EEF8EF;border-color:#3DAE49}
body .btn-light{background:#fff;color:#173F22;border-color:#fff;--lip:#3DAE49}
body .btn-light:hover{background:#F2FAF3}
body .seg button[aria-pressed="true"]{box-shadow:inset 0 0 0 1.5px #3DAE49,0 2px 0 #23802E;color:#173F22;font-weight:600}
.seg-sub button{font-size:.76rem!important;line-height:1.2;padding:.5rem .3rem!important}
#fAreaRow.off{opacity:.4;pointer-events:none}
#fAreaRow,#fSubRow{transition:opacity .2s}
body .apill{background:#fff;color:#173F22;border:1.5px solid #3DAE49;box-shadow:0 2px 0 #BFE3C3;font-weight:500}
body .apill:hover{background:#EEF8EF}
body .linkbtn,body .prose a,body .cat-sec a,body .faq a,body p a:not(.btn){color:#23802E;font-weight:500;text-decoration:underline;text-decoration-color:rgba(61,174,73,.55);text-decoration-thickness:2px;text-underline-offset:3px}
body .linkbtn:hover,body .prose a:hover,body p a:not(.btn):hover{color:#173F22;text-decoration-color:#3DAE49}
body .guar-line{padding:.55rem .75rem;border:1.5px solid #3DAE49;border-radius:8px;background:#F4FBF5;box-shadow:0 2px 0 #BFE3C3}
body .guar-line:hover{background:#EAF7EC}
body .pcard,body .cat-tile{border-bottom:3px solid #3DAE49}
body .pcard:hover,body .cat-tile:hover{border-color:#3DAE49;box-shadow:0 0 0 1px #3DAE49,0 16px 34px -16px rgba(23,63,34,.4)}
body .mt:hover .mt-tx b{color:#23802E;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}

/* v40 – porovnanie 4 typov hál, veľkokapacitná hala v sprievodcovi */
.vsguide.vs4{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:760px){.vsguide.vs4{grid-template-columns:1fr}}
.hart{width:100%;max-width:300px;height:auto;display:block;margin:0 0 .2rem}
.vsguide .rng{gap:.8rem 1.3rem}
.bigbox{display:flex;gap:1.2rem;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:1.1rem 1.3rem;border:1.5px solid #3DAE49;border-radius:8px;background:#F4FBF5;box-shadow:0 3px 0 #BFE3C3}
.bigbox h3{margin:.3rem 0 .3rem}.bigbox p{margin:0;max-width:60ch;font-size:.9rem}
.wopt small{line-height:1.35}
.vsguide.vs4 .rng{display:grid;grid-template-columns:repeat(5,auto);justify-content:start;gap:.6rem 1.2rem}@media (max-width:1180px) and (min-width:761px){.vsguide.vs4 .rng{grid-template-columns:repeat(3,auto)}}@media (max-width:420px){.vsguide.vs4 .rng{grid-template-columns:repeat(3,auto)}}
.hero-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity .8s}.hero-vid.on{opacity:1}
/* v41 – hero: čisté video bez grafík, svetlejšie */
.hero-img::after{background:linear-gradient(90deg,rgba(6,10,7,.8) 0%,rgba(6,10,7,.58) 38%,rgba(6,10,7,.14) 64%,rgba(6,10,7,0) 100%)!important}
.hero h1,.hero .hero-slogan,.hero .lede,.hero .dim{text-shadow:0 1px 14px rgba(0,0,0,.35)}
/* v42 – zoznam vo vyhľadávači nesmie byť orezaný bannerom */
.hero{overflow:visible!important;position:relative;z-index:3}
.hero-img,.hero-deco{overflow:hidden}
.hero::before{overflow:hidden}
#fUseDD .dd-list{max-height:min(320px,60vh);overflow:auto;box-shadow:0 18px 40px -12px rgba(0,0,0,.35)}
nav.main .hl+.hl{margin-left:.4rem}
/* v43 – menu s dvomi tlačidlami */
#navLinks{gap:0!important}nav.main .hl2{margin-left:.3rem}
nav.main .hl .hl-short{display:none}
nav.main a{font-size:.88rem;padding:.75rem .55rem}
nav.main .hl{padding:.46rem .75rem!important;font-size:.85rem}
nav.main .hl2{font-size:.86rem}
@media (max-width:1380px){nav.main a{font-size:.86rem;padding:.75rem .5rem}nav.main .hl .hl-long{display:none}nav.main .hl .hl-short{display:inline}}
@media (max-width:1180px){nav.main a{font-size:.82rem;padding:.7rem .45rem}nav.main .hl{padding:.45rem .65rem!important}}
.sec-ctas{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}
/* v44 – menu znova väčšie (tlačidlo skladom presunuté do sekcie) */
nav.main a{font-size:.98rem;padding:.8rem .9rem}
nav.main .hl{padding:.5rem 1rem!important;font-size:.94rem}
nav.main .hl2{font-size:.94rem}
@media (max-width:1380px){nav.main a{font-size:.92rem;padding:.78rem .7rem}}
@media (max-width:1180px){nav.main a{font-size:.85rem;padding:.7rem .5rem}nav.main .hl{padding:.45rem .7rem!important}}
.finder .row:has(#fGo){margin-top:14px!important}
/* v45 – vizualizácie (štvorcové, biele pozadie): vyplniť celý rámik, bez rozmazaného okraja */
.im:has(img:is([src^="viz/"],[data-viz]))::before,.main:has(img:is([src^="viz/"],[data-viz]))::before{display:none!important}
.pcard .im:has(img:is([src^="viz/"],[data-viz])),.gal .main:has(img:is([src^="viz/"],[data-viz])){background:#fff!important}
.pcard .im img:is([src^="viz/"],[data-viz]){object-fit:cover!important;padding:0!important;transform:scale(1.04);transform-origin:50% 56%}
.pcard:hover .im img:is([src^="viz/"],[data-viz]){transform:scale(1.07)}
.gal .main img:is([src^="viz/"],[data-viz]){object-fit:cover!important;transform:scale(1.04);transform-origin:50% 56%}
/* v46 – väčšie obrázky v mega menu, vizualizácie bez bielych okrajov */
.mt-im{width:124px!important;height:93px!important}
.mt-im:is([style*="viz/"],[data-viz]){background-size:cover!important;background-color:#fff!important}
@media (max-width:1180px){.mt-im{width:104px!important;height:78px!important}}
/* v47 – realizácie ako case studies */
.case-note{font-size:.82rem;color:var(--muted);background:#F4FBF5;border:1px dashed #9FD3A6;border-radius:8px;padding:.6rem .8rem;margin:0 0 1.2rem}
.case-jump{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.6rem;margin-bottom:2rem}
.case-jump a{display:flex;gap:.55rem;align-items:flex-start;padding:.7rem .8rem;border-radius:8px;background:var(--surface);border:1px solid var(--line);border-bottom:3px solid #3DAE49;text-decoration:none;color:var(--ink);font-size:.82rem;line-height:1.3;font-weight:500}
.case-jump a b{flex:none;width:24px;height:24px;border-radius:50%;background:#3DAE49;color:#fff;display:grid;place-items:center;font-size:.78rem}
.case-jump a:hover{background:#EEF8EF}
@media (max-width:980px){.case-jump{grid-template-columns:1fr 1fr}}
.cases{display:grid;gap:2.2rem}
.case{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:2rem;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:1.2rem;scroll-margin-top:90px}
.case:nth-child(even) .case-gal{order:2}
@media (max-width:900px){.case{grid-template-columns:1fr}.case:nth-child(even) .case-gal{order:0}}
.case-gal{display:grid;gap:.6rem;align-content:start}
.case-gal button{border:0;cursor:zoom-in;background-size:cover;background-position:center;border-radius:8px;position:relative}
.case-main{aspect-ratio:4/3;width:100%}
.case-n{position:absolute;left:.7rem;top:.7rem;background:#3DAE49;color:#fff;font-size:.74rem;font-weight:600;padding:.25rem .6rem;border-radius:6px}
.case-thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}
.case-thumbs button{aspect-ratio:4/3}
.case-body h2{font-size:clamp(1.25rem,2vw,1.6rem);margin:.3rem 0 1rem;text-wrap:balance}
.case-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:0 0 1rem}
.case-facts div{background:#F4FBF5;border-radius:8px;padding:.55rem .7rem;min-width:0}
.case-facts dt{font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.case-facts dd{margin:.15rem 0 0;font-weight:600;color:var(--ink);font-size:.9rem;font-variant-numeric:tabular-nums}
@media (max-width:560px){.case-facts{grid-template-columns:1fr 1fr}}
.case-story{font-size:.92rem;margin:0 0 1rem}
.case-owner{margin:0 0 1rem;padding:1rem 1.1rem;border-left:4px solid #3DAE49;background:var(--surface-2);border-radius:0 8px 8px 0}
.case-owner p{margin:0 0 .7rem;font-size:.92rem;font-style:italic;color:var(--ink)}
.case-owner footer{display:flex;gap:.6rem;align-items:center;font-size:.8rem;color:var(--muted)}
.case-owner footer b{display:block;color:var(--ink);font-size:.86rem}
.case-av{width:36px;height:36px;border-radius:50%;background:#173F22;color:#fff;display:grid;place-items:center;font-weight:600;font-size:.8rem}
.case-rev{border:1px solid var(--line);border-radius:8px;padding:.8rem 1rem;margin-bottom:1.1rem}
.case-rev div{display:flex;gap:.5rem;align-items:center}
.case-rev .stars{color:#F5B301}
.case-rev p{margin:.4rem 0 .2rem;font-size:.88rem}
.case-rev small{color:var(--muted);font-size:.78rem}
.case-cta{display:flex;gap:.6rem;flex-wrap:wrap}
/* v48 – sociálne siete v pätičke */
footer.site .social{display:flex;gap:.6rem;margin-top:1.1rem}
footer.site .social a{width:40px;height:40px;border-radius:8px;display:grid;place-items:center;background:rgba(255,255,255,.08);color:#fff;border:1.5px solid rgba(91,208,104,.45);box-shadow:0 3px 0 #23802E;transition:transform .12s,background .15s}
footer.site .social a:hover{background:#3DAE49;transform:translateY(-1px)}
footer.site .social svg{width:20px;height:20px}
/* v49 – Instagram modul */
.insta .sec-head .btn svg{width:18px;height:18px}
.ig-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.6rem}
@media (max-width:900px){.ig-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.ig-post{position:relative;aspect-ratio:1;border-radius:8px;background-size:cover;background-position:center;overflow:hidden;display:block}
.ig-ov{position:absolute;inset:0;display:flex;flex-direction:column;gap:.4rem;align-items:center;justify-content:center;text-align:center;padding:.6rem;color:#fff;background:linear-gradient(180deg,rgba(23,63,34,.15),rgba(23,63,34,.85));opacity:0;transition:opacity .2s}
.ig-ov svg{width:26px;height:26px}
.ig-ov small{font-size:.76rem;font-weight:500;line-height:1.3}
.ig-post:hover .ig-ov,.ig-post:focus-visible .ig-ov{opacity:1}
/* v50 – realizácie: kategórie, stránkovanie, zoznam za tlačidlom */
.case-bar{display:flex;gap:1rem;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:1rem}
.case-cats{display:flex;gap:.5rem;flex-wrap:wrap}
.case-cats .chip[disabled]{opacity:.45;cursor:not-allowed}
.case-cats .chip.on{background:#173F22;color:#fff;border-color:#173F22}
.case-listbtn svg{width:18px;height:18px}
.case-jump{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))!important;margin-bottom:1.4rem!important}
.case-jump a b{width:auto!important;height:auto!important;border-radius:6px!important;padding:.15rem .45rem;font-size:.7rem!important;white-space:nowrap}
.case-head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin:.6rem 0 1rem}
.case-head h2{margin:0}
.case-pag{display:flex;gap:.4rem;justify-content:center;align-items:center;margin-top:1.6rem;flex-wrap:wrap}
.case-pag .pg{min-width:40px;height:40px;border-radius:8px;border:1.5px solid var(--line);background:var(--surface);font-weight:600;cursor:pointer}
.case-pag .pg.on{background:#3DAE49;border-color:#3DAE49;color:#fff;box-shadow:0 3px 0 #23802E}
.case-pag .btn[disabled]{opacity:.4;pointer-events:none}
footer.site .soc-h{margin-top:1.6rem}footer.site .social{margin-top:.6rem!important}
/* v51 – článok poradne, 5 variantov */
.art-sw{background:#121A14;color:#fff;font-size:.8rem}
.art-sw .wrap{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap;padding-block:.45rem}
.art-sw span{opacity:.75;margin-right:.3rem}
.art-sw button{width:30px;height:30px;border-radius:6px;border:1.5px solid rgba(255,255,255,.25);background:transparent;color:#fff;font-weight:600;cursor:pointer}
.art-sw button[aria-pressed="true"]{background:#3DAE49;border-color:#3DAE49}
.art-sw em{font-style:normal;margin-left:.6rem;opacity:.9}
.art h1{font-size:clamp(1.7rem,3.2vw,2.6rem);line-height:1.15;margin:.6rem 0 .8rem;text-wrap:balance}
.art .crumbs{padding-top:1rem}
.art-perex{font-size:1.05rem;line-height:1.65;color:var(--ink);max-width:68ch}
.art-meta{display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;align-items:center;font-size:.82rem;color:var(--muted);margin:1rem 0}
.art-author{display:flex;gap:.55rem;align-items:center}
.art-author b{display:block;color:var(--ink);font-size:.86rem}
.art-author small{display:block}
.art-av{width:40px;height:40px;border-radius:50%;background:#fff;border:2px solid #3DAE49;display:grid;place-items:center;overflow:hidden}
.art-av img{width:30px;height:auto}
.art-grid{display:grid;gap:2.4rem;padding-block:2rem 3rem}
.art-grid.A{grid-template-columns:minmax(0,1fr) 320px}
.art-grid.C{grid-template-columns:240px minmax(0,1fr) 280px}
@media (max-width:1000px){.art-grid.A,.art-grid.C{grid-template-columns:1fr}.art-left{display:none}}
.art-main{min-width:0;max-width:780px}
.art-side,.art-left{display:grid;gap:1rem;align-content:start;position:sticky;top:90px;align-self:start}
.art-sec{scroll-margin-top:90px;margin:2rem 0}
.art-sec h2{display:flex;gap:.6rem;align-items:center;font-size:1.45rem;margin:0 0 .8rem}
.art-n{flex:none;width:32px;height:32px;border-radius:8px;background:#E6F4E8;color:#23802E;display:grid;place-items:center;font-size:.9rem}
.art-sec p,.art-sec li{line-height:1.7}
.art-table{overflow-x:auto;border:1px solid var(--line);border-radius:8px;margin:1rem 0}
.art-table table{border-collapse:collapse;width:100%;font-size:.88rem;min-width:520px}
.art-table th,.art-table td{text-align:left;padding:.6rem .8rem;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}
.art-table thead th{background:#F4FBF5;color:var(--ink)}
.art-box{border-radius:8px;padding:1rem 1.1rem;margin:1rem 0}
.art-box.tip{background:#F4FBF5;border-left:4px solid #3DAE49}
.art-box.warn{background:#FFF8E6;border-left:4px solid #E3A008}
.art-box b{display:block;margin-bottom:.3rem;color:var(--ink)}
.art-box ul,.art-box p{margin:0}
.art-steps{counter-reset:s;list-style:none;padding:0;display:grid;gap:.5rem}
.art-steps li{counter-increment:s;display:grid;grid-template-columns:34px 1fr;gap:.2rem .7rem;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:.6rem .8rem}
.art-steps li::before{content:counter(s);grid-row:span 2;width:30px;height:30px;border-radius:50%;background:#3DAE49;color:#fff;display:grid;place-items:center;font-weight:600}
.art-steps b{color:var(--ink)}
.art-steps li{font-size:.86rem;color:var(--muted)}
.art-check{list-style:none;padding:0;display:grid;gap:.4rem}
.art-check li{padding:.55rem .8rem .55rem 2.3rem;border:1px solid var(--line);border-radius:8px;position:relative;background:var(--surface)}
.art-check li::before{content:"";position:absolute;left:.75rem;top:.75rem;width:16px;height:16px;border:2px solid #3DAE49;border-radius:4px}
.art-prods{margin:1.4rem 0;padding:1rem;background:#F4FBF5;border-radius:10px}
.art-prods-h{display:flex;gap:.5rem;align-items:center;font-weight:600;color:var(--ink);margin-bottom:.8rem}
.art-prods-h svg{width:18px;height:18px;color:#3DAE49}
.art-prods .pgrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
@media (max-width:760px){.art-prods .pgrid{grid-template-columns:1fr!important}}
.art-toc ol{margin:.5rem 0 0;padding-left:1.2rem;display:grid;gap:.35rem;font-size:.88rem}
.art-toc a{color:var(--ink);text-decoration:none}
.art-toc a:hover{color:#23802E;text-decoration:underline}
.art-toc.boxed,.art-left .art-toc{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:1rem}
.art-toc-d{border:1px solid var(--line);border-radius:10px;padding:.9rem 1.1rem;margin:0 0 1.4rem;background:var(--surface)}
.art-toc-d summary{cursor:pointer;display:flex;gap:.5rem;align-items:center;font-weight:600;color:var(--ink)}
.art-toc-d summary svg{width:18px;height:18px;color:#3DAE49}
.art-toc-d summary small{font-weight:400;color:var(--muted);margin-left:.3rem}
.art-toc-d .art-toc b{display:none}
.art-side-box{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:1rem}
.art-side-box>b{display:block;margin-bottom:.6rem;color:var(--ink)}
.art-side-box.shop a:not(.btn){display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink);font-weight:500;font-size:.9rem}
.art-side-box.shop small{color:#23802E}
.art-side-box.shop .btn{margin-top:.8rem}
.art-side-box.help{background:#121A14;color:#fff;border:0}
.art-side-box.help b{color:#fff}.art-side-box.help p{opacity:.85;font-size:.88rem;margin:0 0 .5rem}
.art-side-box.help .ph{display:block;font-size:1.15rem;font-weight:600;margin-bottom:.7rem;color:#5BD068}
.art-cta{display:flex;gap:1rem;justify-content:space-between;align-items:center;flex-wrap:wrap;background:linear-gradient(90deg,#173F22,#3DAE49);color:#fff;border-radius:10px;padding:1.2rem 1.4rem;margin:2rem 0}
.art-cta b{font-size:1.1rem}.art-cta p{margin:.2rem 0 0;opacity:.9}
.art-cta-b{display:flex;gap:.5rem;flex-wrap:wrap}
.art-rel{margin-top:2.4rem}
.art-rel .bl-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:760px){.art-rel .bl-grid{grid-template-columns:1fr}}
/* A – achov */
.art-hero{position:relative;background-size:cover;background-position:center;color:#fff;min-height:380px;display:flex;align-items:flex-end}
.art-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,10,7,.15) 0%,rgba(6,10,7,.82) 100%)}
.art-hero .wrap{position:relative;padding-block:2rem;width:100%}
.art-hero h1,.art-hero .crumbs a,.art-hero .crumbs span{color:#fff}
.art-hero .art-meta,.art-hero .art-author small{color:rgba(255,255,255,.85)}.art-hero .art-author b{color:#fff}
/* B – magazín */
.art-narrow{max-width:760px;margin-inline:auto}
.art-B .art-narrow:first-of-type{text-align:left;padding-top:1rem}
.art-wideimg{aspect-ratio:21/9;border-radius:12px;background-size:cover;background-position:center;margin:1rem 0 2rem;max-width:100%}
.art-wideimg.sm{aspect-ratio:16/9;margin:1rem 0}
/* D – delený úvod */
.art-split{background:var(--surface-2)}
.art-split .wrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:2rem;align-items:center;padding-block:1rem 2rem}
.art-split-im{aspect-ratio:4/3;border-radius:12px;background-size:cover;background-position:center}
@media (max-width:900px){.art-split .wrap{grid-template-columns:1fr}}
.art-quick{border:2px solid #3DAE49;border-radius:10px;padding:1rem 1.2rem;background:#F4FBF5;margin-bottom:1.4rem}
.art-quick b{display:flex;gap:.4rem;align-items:center;color:#173F22}
.art-quick b svg{width:18px;height:18px;color:#3DAE49}
.art-quick ul{margin:.5rem 0 0;padding-left:1.1rem}
/* E – zelený úvod */
.art-green{background:linear-gradient(90deg,#FFFFFF 0%,#FFFFFF 38%,#DDF0DF 62%,#3DAE49 100%);padding-bottom:1.6rem}
.art-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}
.art-chips a{display:flex;gap:.45rem;align-items:center;background:#fff;border:1.5px solid #3DAE49;border-radius:8px;padding:.4rem .7rem;text-decoration:none;color:#173F22;font-size:.82rem;font-weight:500;box-shadow:0 2px 0 #BFE3C3}
.art-chips a b{width:20px;height:20px;border-radius:50%;background:#3DAE49;color:#fff;display:grid;place-items:center;font-size:.7rem}
.art-sticky{position:sticky;bottom:0;z-index:30;background:#121A14;color:#fff;padding-bottom:env(safe-area-inset-bottom,0px)}
.art-sticky .wrap{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-block:.6rem}
.art-sticky b{font-size:.9rem;font-weight:500}
@media (max-width:600px){.art-sticky span{display:none}}
.bl-pages button{min-width:36px;height:36px;border-radius:8px;border:1.5px solid var(--line);background:var(--surface);font-weight:600;cursor:pointer;color:var(--ink)}.bl-pages button.on{background:#3DAE49;border-color:#3DAE49;color:#fff;box-shadow:0 3px 0 #23802E}.bl-pages button[disabled]{opacity:.35;cursor:default}.bl-pages{display:flex;gap:.35rem;align-items:center}

/* v52: katalóg 1:1 s Hagro – viac šírok, prevedenie, ceny podľa farby */
.dimpick .dp-seg{display:flex;flex-wrap:wrap}
.dp-ticks span.tk-h{visibility:hidden}.dp-ticks span.tk-h.on{visibility:visible}
.dimpick .dp-seg button{flex:1 0 auto;min-width:3.4rem;white-space:nowrap;padding-inline:.55rem}

/* v53: podkategórie ako hagro.sk + výpis po 24 */
.subcats{padding:1.4rem 0 .2rem}
.subgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.9rem}
.subcat{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden;color:var(--ink);text-decoration:none;box-shadow:0 2px 0 var(--line);transition:transform .15s,box-shadow .15s}
.subcat:hover{transform:translateY(-2px);box-shadow:0 4px 0 var(--leaf)}
.sc-im{aspect-ratio:4/3;background:#fff;overflow:hidden}.sc-im img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.04)}
.sc-tx{display:grid;gap:.35rem;padding:.8rem .9rem .9rem}
.sc-tx b{font-weight:600;font-size:.98rem;line-height:1.25;text-wrap:balance}
.sc-tx em{font-style:normal;font-weight:600;font-size:1.15rem;color:var(--brand);font-variant-numeric:tabular-nums}.sc-tx em small{font-weight:400;font-size:.75rem;color:var(--muted);margin-left:.3rem}
.sc-st{font-size:.78rem;color:var(--muted);display:flex;align-items:center;gap:.35rem}
.sc-go{display:inline-flex;align-items:center;gap:.4rem;font-weight:600;font-size:.85rem;color:var(--leaf);margin-top:.2rem}.sc-go svg{width:16px;height:16px}
.list-more{display:flex;flex-direction:column;align-items:center;gap:.6rem;margin-top:1.6rem;color:var(--muted);font-size:.85rem}

/* v54: zadanie klienta 28. 10. – výraznejší filter, plachta navrchu, ovládacie prvky oddelené od textu */
.hfilter{border:2px solid var(--leaf)!important;box-shadow:0 18px 40px -20px rgba(18,48,27,.45)!important;padding:0 1.1rem 1rem!important;overflow:hidden}
.hfilter .hf-h{margin:0 -1.1rem .9rem;padding:.75rem 1.1rem;background:var(--leaf-soft);border-bottom:1px solid color-mix(in srgb,var(--leaf) 35%,transparent)}
.hfilter .hf-h b{font-size:1.05rem}
.hf-gsm{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding:.7rem .8rem;border-radius:12px;background:var(--brand);color:#FFFFFF}
.hf-gsm>span{font-weight:600;font-size:.88rem;white-space:nowrap}
.hf-gsm .ftoggle{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:.4rem;background:transparent;padding:0}
.hf-gsm .ftoggle button{display:flex;flex-direction:column;align-items:center;gap:.05rem;padding:.55rem .6rem;border-radius:10px;background:#FFFFFF;color:var(--ink);border:2px solid transparent;cursor:pointer}
.hf-gsm .ftoggle button b{font-size:1.02rem;font-weight:700}
.hf-gsm .ftoggle button small{font-size:.72rem;color:var(--muted)}
.hf-gsm .ftoggle button.on{background:var(--leaf);color:#FFFFFF;border-color:#FFFFFF}
.hf-gsm .ftoggle button.on small{color:#FFFFFF}
@media (max-width:640px){.hf-gsm{flex-direction:column;align-items:stretch;gap:.5rem}.hf-gsm .ftoggle button b{font-size:1.1rem}}
/* tlačidlá a odkazy: rám, farba, štruktúra – nesplynú s textom */
body .prose a:not(.btn),body .seo-text a:not(.btn),body .faq a:not(.btn),body p a:not(.btn),body .lede a:not(.btn),body .art-body a:not(.btn){color:var(--brand)!important;background:var(--leaf-soft);border-bottom:2px solid var(--leaf);border-radius:4px 4px 0 0;padding:0 .28em;text-decoration:none!important;font-weight:500}
body .prose a:not(.btn):hover,body p a:not(.btn):hover{background:color-mix(in srgb,var(--leaf) 28%,transparent)}
body .linkbtn{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .7rem;border:1.5px dashed var(--leaf);border-radius:999px;background:var(--leaf-soft);color:var(--brand)!important;text-decoration:none!important;font-weight:500}
.subcat .sc-go{align-self:flex-start;padding:.35rem .75rem;border:1.5px solid var(--leaf);border-radius:999px;background:var(--leaf-soft)}
.list-more .btn{min-width:240px}

.hf-gsm-m{display:none}
@media (max-width:640px){.hf-gsm-m{display:flex;margin:.4rem 0 1rem}.hfilter .hf-gsm:not(.hf-gsm-m){display:none}}

/* v55: zadanie klienta – logo v pätičke splýva s pozadím (bez bieleho boxu, tmavé linky svetlé), ostrejšie video */
.hero-vid{filter:contrast(1.06) saturate(1.06)}



/* v58: výber rozmeru v jednom riadku, brány s počtom kusov */
.dimpick .dp-row{grid-template-columns:minmax(0,1fr)!important;gap:.35rem!important}
.dimpick .dp-row.dp-two{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.dimpick .dp-seg{display:flex!important;flex-wrap:nowrap!important;gap:.25rem;background:transparent!important;padding:0!important;overflow-x:auto}
.dimpick .dp-seg button{flex:1 1 0!important;min-width:0!important;padding:.42rem .2rem!important;font-size:.82rem!important;border:1px solid var(--line)!important;border-radius:8px!important;background:var(--surface)!important;white-space:nowrap}
.dimpick .dp-seg button[aria-pressed="true"]{border-color:var(--leaf)!important;background:var(--leaf-soft)!important;font-weight:600}
.eq-qty{display:grid;gap:.4rem}
.eq-q{display:flex;align-items:center;gap:.8rem;justify-content:space-between;padding:.45rem .6rem;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.eq-q b{display:block;font-weight:600;font-size:.86rem}.eq-q small{color:var(--muted);font-size:.74rem}
.qty-s{display:flex;align-items:center;border:1px solid var(--line);border-radius:8px;overflow:hidden;flex:none}
.qty-s button{width:32px;height:32px;border:0;background:var(--surface-2);font-size:1.05rem;cursor:pointer;color:var(--ink)}
.qty-s input{width:38px;height:32px;border:0;text-align:center;font:inherit;font-weight:600;-moz-appearance:textfield}
.qty-s input::-webkit-inner-spin-button{display:none}
.eq-note{margin:.1rem 0 0;font-size:.74rem;color:var(--muted)}

.dimpick .dp-plan{display:none}
.dp-area{display:flex;align-items:baseline;gap:.6rem;padding:.5rem .7rem;border-radius:10px;background:var(--leaf-soft)}
.dp-area b{font-size:1.25rem;font-weight:700;font-variant-numeric:tabular-nums}.dp-area span{font-size:.8rem;color:var(--muted)}
.dimpick{grid-template-columns:minmax(0,1fr)!important}

.dp-lens{display:grid;grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:.25rem}
.dp-lens button{padding:.42rem .2rem;font:inherit;font-size:.82rem;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);cursor:pointer;white-space:nowrap}
.dp-lens button[aria-pressed="true"]{border-color:var(--leaf);background:var(--leaf-soft);font-weight:600;box-shadow:inset 0 0 0 1px var(--leaf)}
.dimpick .dp-row.dp-two{align-items:start}

/* v59: podkategórie s veľkým popisom šírky / dĺžky, väčšie rozmery v produkte */
.subcat .sc-big{font-size:1.45rem!important;font-weight:700!important;letter-spacing:-.01em;line-height:1.1}
.subcat .sc-kind{font-size:.78rem;color:var(--muted)}
.dimline{font-size:1rem!important;gap:1.1rem!important;margin-top:.5rem!important}
.dimline b{font-size:1.12rem;font-weight:600!important}
.hf-gsm .ftoggle button:disabled{opacity:.45;cursor:not-allowed}
.hf-gsm .ftoggle button{transition:background .2s,color .2s,transform .15s}
.hf-gsm .ftoggle button:not(:disabled):hover{transform:translateY(-1px)}

/* v60: certifikáty od klienta – náhľad + PDF */
.certs .cert{display:flex;flex-direction:column;gap:.45rem;text-align:left}
.certs .cert .cert-im{display:block;width:100%;aspect-ratio:3/4;border:1px solid var(--line);border-radius:10px;background-size:cover;background-position:top center;cursor:zoom-in;padding:0}
.certs .cert small{color:var(--muted);font-size:.8rem;line-height:1.4}
.certs .cert-pdf{align-self:flex-start;display:inline-flex;gap:.4rem;align-items:center;margin-top:.2rem}
.certs .cert-pdf svg{width:16px;height:16px}

@media (min-width:1000px){.certs{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
.certs .cert-pdf{margin-top:auto!important}

/* v61: mega menu bez bočného panela, podkategórie v 4 stĺpcoch */
.mega-in{grid-template-columns:minmax(0,1fr)!important}
.mega-tiles{grid-template-columns:repeat(4,minmax(0,1fr))!important}

/* v63: mobilná verzia v štýle achov.sk – horná lišta s telefónom, zelený rozbaľovací panel, kruhové kategórie */
.ts-live,.ts-call,.mcats{display:none}
.mdrawer{position:fixed;inset:0;z-index:1000}
.md-back{position:absolute;inset:0;background:rgba(10,15,11,.45);opacity:0;transition:opacity .25s}
.md-panel{position:absolute;top:0;right:0;bottom:0;width:min(88vw,380px);background:var(--surface);box-shadow:-12px 0 40px rgba(0,0,0,.2);transform:translateX(100%);transition:transform .25s ease;overflow-y:auto;padding:calc(env(safe-area-inset-top,0px) + .8rem) 1rem calc(env(safe-area-inset-bottom,0px) + 1.2rem);display:flex;flex-direction:column;gap:.8rem}
.mdrawer.on .md-back{opacity:1}.mdrawer.on .md-panel{transform:none}
.md-head{display:flex;align-items:center;justify-content:space-between}
.md-x{width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:var(--surface);display:grid;place-items:center;color:var(--ink)}
.md-x svg{width:20px;height:20px}
.md-ctas{display:grid;grid-template-columns:1fr;gap:.5rem}
.md-ctas .btn{width:100%;justify-content:center;padding:.85rem .5rem;font-size:.95rem}
.md-lab{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:.3rem}
.md-cats{list-style:none;margin:0;padding:0;display:grid;gap:.35rem}
.md-row{width:100%;display:flex;align-items:center;gap:.75rem;padding:.65rem .7rem;border:1px solid var(--line);border-radius:12px;background:var(--surface);text-decoration:none;color:var(--ink);font:inherit;text-align:left;cursor:pointer;min-height:52px}
.md-ic{width:34px;height:34px;border-radius:10px;background:var(--leaf-soft);color:var(--brand);display:grid;place-items:center;flex:none}.md-ic svg{width:20px;height:20px}
.md-tx{flex:1;display:flex;flex-direction:column}.md-tx b{font-weight:600;font-size:.95rem}.md-tx small{font-size:.76rem;color:var(--muted)}
.md-chev svg{width:16px;height:16px;color:var(--muted);transition:transform .2s}
.md-cat.open .md-chev svg{transform:rotate(90deg)}
.md-sub{list-style:none;margin:.3rem 0 .2rem;padding:0 0 0 .6rem;display:none;gap:.2rem;border-left:2px solid var(--leaf-soft)}
.md-cat.open .md-sub{display:grid}
.md-sub a{display:flex;justify-content:space-between;align-items:center;padding:.6rem .7rem;border-radius:10px;text-decoration:none;color:var(--ink);font-size:.92rem;min-height:44px}
.md-sub a:hover{background:var(--leaf-soft)}.md-sub small{color:var(--muted);font-size:.78rem}
.md-links{display:grid;grid-template-columns:1fr 1fr;gap:.35rem}
.md-links a{padding:.65rem .7rem;border-radius:10px;background:var(--surface-2);text-decoration:none;color:var(--ink);font-size:.9rem;min-height:44px;display:flex;align-items:center}
.md-contact{margin-top:auto;display:grid;gap:.35rem;padding:.9rem;border-radius:14px;background:var(--leaf-soft);font-size:.85rem}
.md-contact a{display:flex;gap:.5rem;align-items:center;font-weight:700;font-size:1.1rem;color:var(--brand);text-decoration:none}.md-contact a svg{width:18px;height:18px}
.md-contact .ok{color:#23802E}.md-mail{user-select:all}
@media (max-width:900px){
  .hbar .logo{order:1}.hbar .hicons{order:2;margin-left:auto}.hbar .menu-btn{order:3;margin-left:.1rem}.hbar .search{order:10}.hbar .hphone{order:11}
  .hbar .hicons a[href="#porovnanie"],.hbar #accBtn{display:none}
  nav.main.open{display:none!important}
  .menu-btn{width:46px;height:46px;border-radius:14px;background:#173F22!important;color:#FFFFFF!important}
  .topstrip{background:#FFFFFF!important;color:#122017!important;border-bottom:1px solid var(--line)!important}
  .topstrip .toplinks,.topstrip .usp{display:none!important}
  .topstrip .wrap{padding-block:.4rem!important;align-items:center}
  .ts-live{display:flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:600;color:#122017!important;opacity:1!important}
  .ts-live i{width:9px;height:9px;border-radius:50%;background:#3DAE49;box-shadow:0 0 0 3px rgba(61,174,73,.2)}
  .ts-call{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:#122017!important;opacity:1!important}
  .ts-av{width:34px;height:34px;border-radius:50%;background:#E6F4E7;display:grid;place-items:center;color:#173F22}.ts-av svg{width:18px;height:18px}
  .ts-call small{display:block;font-size:.68rem;color:#5B6B60!important;line-height:1.1}.ts-call b{font-size:.92rem;font-weight:700;color:#122017}
  .mcats{display:flex;gap:.9rem;overflow-x:auto;padding:.9rem 16px .8rem;scrollbar-width:none;background:#FFFFFF;border-bottom:1px solid var(--line)}
  .mcats::-webkit-scrollbar{display:none}
  .mcats a{flex:none;width:76px;display:flex;flex-direction:column;align-items:center;gap:.35rem;text-decoration:none;color:#122017;font-size:.74rem;font-weight:600;text-align:center;line-height:1.2}
  .mc-im{width:66px;height:66px;border-radius:50%;border:2.5px solid #3DAE49;overflow:hidden;background:#FFFFFF;display:block}
  .mc-im img{width:100%;height:100%;object-fit:cover;transform:scale(1.25)}
}
/* výbava: čo ide do košíka a čo naceníme v ponuke */
.eq-quote{display:grid;gap:.4rem;padding:.6rem;border-radius:12px;border:1.5px dashed var(--line);transition:opacity .2s,filter .2s,border-color .2s,background .2s}
body.hov-cart .eq-quote{opacity:.35;filter:grayscale(1)}
body.hov-quote .eq-quote{border-color:var(--leaf);background:var(--leaf-soft)}

/* v64: mobil – úvod kompaktnejší: CTA vedľa seba, 4 čísla v jednom riadku, tlačidlá sortimentu vedľa seba */
@media (max-width:640px){
  .hero .ctas{display:grid!important;grid-template-columns:1fr 1fr;gap:.5rem!important}
  .hero .ctas .btn{width:100%;justify-content:center;padding:.75rem .4rem!important;font-size:.84rem!important;text-align:center;white-space:normal;line-height:1.2}
  .hero .ctas .btn svg{display:none}
  .hero .dim{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem!important;margin-top:1.1rem!important}
  .hero .dim div{min-width:0;font-size:.66rem!important;line-height:1.25}
  .hero .dim b{display:block;font-size:1.02rem!important;white-space:nowrap;margin-bottom:.1rem}
  .hero h1{font-size:2.1rem!important}
  .hero .lede{font-size:.98rem!important}
  .sec-ctas{display:grid!important;grid-template-columns:1fr 1fr;gap:.5rem!important;width:100%}
  .sec-ctas .btn{width:100%;justify-content:center;padding:.75rem .4rem!important;font-size:.84rem!important;text-align:center;white-space:normal}
  .sec-ctas .btn svg{display:none}
}

@media (max-width:900px){footer.site .wrap{grid-template-columns:1fr 1fr!important;gap:1.6rem!important}footer.site .wrap>.fcol:first-child{grid-column:1/-1}}

@media (max-width:900px){
  .topstrip .wrap{flex-wrap:nowrap!important;justify-content:space-between;gap:.6rem!important}
  .topstrip .grow{display:none!important}
  .topstrip .ts-live,.topstrip .ts-live span{color:#122017!important;opacity:1!important}
  .topstrip .ts-call,.topstrip .ts-call span:not(.ts-av){color:#122017!important;opacity:1!important}
  .topstrip .ts-av{color:#173F22!important}
  .ltop{flex-wrap:wrap!important;gap:.6rem!important}
  .ltop .list-h{white-space:normal!important;flex:1 1 100%;font-size:1.15rem!important;min-width:0}
}

/* v65: mobil – kategória: nadpis, text, menšia voľba plachty; posuvníky na telefóne skryté; horná lišta v 1 riadku */
@media (max-width:640px){
  .cat-head .hfilter{display:none!important}
  .hf-gsm-m{margin:.6rem 0 .9rem!important;padding:.45rem .5rem!important;gap:.5rem!important;flex-direction:row!important;align-items:center!important;border-radius:10px!important}
  .hf-gsm-m>span{font-size:.78rem!important}
  .hf-gsm-m .ftoggle button{padding:.35rem .4rem!important;border-radius:8px!important}
  .hf-gsm-m .ftoggle button b{font-size:.9rem!important}
  .hf-gsm-m .ftoggle button small{font-size:.66rem!important}
}
@media (max-width:900px){
  .topstrip .ts-live{font-size:.74rem!important;white-space:nowrap}
  .topstrip .ts-call small{font-size:.64rem!important}
  .topstrip .ts-call b{font-size:.84rem!important;white-space:nowrap}
  .topstrip .ts-av{width:28px!important;height:28px!important}
}
@media (max-width:360px){.topstrip .ts-live{display:none!important}}

/* v66: mobil – produkt: názov a rozmery, výber rozmeru a výbavy priamo na stránke, cena a tlačidlá, obrázky a recenzie na koniec */
@media (max-width:760px){
  .pd-top{display:flex!important;flex-direction:column;gap:1rem!important}
  .pd-top .buy{display:contents}
  .pd-top .buy-info{order:1}
  .pd-top .buy-cfg{order:2}
  .pd-top .buy-price{order:3}
  .pd-top .guar-line{order:4}
  .buy-info h1{font-size:1.45rem!important;line-height:1.2}
  .kfacts{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:.35rem!important}
  .kfacts>div{padding:.45rem .4rem!important;font-size:.66rem!important;min-width:0}
  .kfacts b{font-size:.8rem!important;white-space:nowrap}
  /* výber rozmeru a výbavy rozbalený, bez prepínačov */
  .buy-cfg .vxp{margin-top:0!important;border:1px solid var(--line);border-radius:14px;padding:.8rem!important;background:var(--surface)}
  .buy-cfg .vxp+.vxp{margin-top:.8rem!important}
  .dimpick .dp-top{display:none}
  .dimpick .dp-row.dp-two{grid-template-columns:1fr!important}
  .eq-seg{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .eq-seg b{font-size:.78rem!important}.eq-seg small{font-size:.66rem!important}
  /* cena a tlačidlá pod sebou na celú šírku */
  .pricebox{display:grid!important;grid-template-columns:1fr!important;gap:.7rem!important}
  .pricebox .top{display:flex!important;flex-direction:row!important;justify-content:space-between;align-items:flex-end!important}
  .pricebox .ctas2{display:grid!important;grid-template-columns:1fr!important;gap:.5rem!important}
  .pricebox .ctarow{display:grid!important;grid-template-columns:auto 1fr!important;gap:.5rem}
  .pricebox .ctas2 .btn{width:100%;justify-content:center;white-space:nowrap;padding:.85rem 1rem!important;font-size:.95rem!important}
  .pricebox .subctas{display:flex;flex-wrap:wrap;gap:.4rem 1rem;font-size:.82rem}
}

@media (max-width:760px){
  .eqpick .dp-row{grid-template-columns:minmax(0,1fr)!important;gap:.35rem!important}
  .eqpick .dp-k{font-weight:600;color:var(--ink)!important}
  .eqpick{display:grid;gap:.9rem}
}

@media (max-width:760px){.pricebox .ctarow{display:flex!important;gap:.5rem}.pricebox .ctarow .btn{flex:1 1 auto}}

/* v67: mobil – horná lišta s garanciou, vyhľadávanie vedľa loga */
@media (max-width:900px){
  .topstrip .ts-live{text-decoration:none}
  .topstrip .ts-live svg{width:15px;height:15px;color:#3DAE49;flex:none}
  .hbar{flex-wrap:nowrap!important;gap:.5rem!important}
  .hbar .logo{flex:none}.hbar .logo img{height:40px!important}
  .hbar .search{order:2!important;flex:1 1 auto!important;min-width:0;width:auto!important;margin:0!important}
  .hbar .search input{font-size:16px!important;padding-top:.6rem!important;padding-bottom:.6rem!important;min-width:0}
  .hbar .hicons{order:3!important;margin-left:0!important;gap:0!important}
  .hbar .hicons #favBtn{display:none!important}
  .hbar .menu-btn{order:4!important;width:42px!important;height:42px!important;flex:none}
}

@media (max-width:430px){.topstrip .ts-call small{display:none!important}.topstrip .ts-av{width:26px!important;height:26px!important}.topstrip .ts-live{font-size:.72rem!important}}

@media (max-width:900px){.hbar .hicons a[href="#porovnanie"]{display:grid!important}.hbar .hicons #favBtn{display:none!important}}

@media (max-width:900px){.mcats .mc-im{border-radius:14px!important;width:70px!important;height:70px!important}.mcats a{width:80px!important}}

@media (max-width:640px){footer.site .wrap{grid-template-columns:1fr 1fr!important;gap:1.4rem 1rem!important}footer.site .wrap>.fcol:first-child{grid-column:1/-1}footer.site li a,footer.site .fcol a{font-size:.88rem}footer.site h4{font-size:.78rem}}

/* telefón v hornej lište s blikajúcou zelenou bodkou (sme online) */
.ts-av{position:relative}
.ts-dot{position:absolute;top:-1px;right:-1px;width:10px;height:10px;border-radius:50%;background:#3DAE49;border:2px solid #FFFFFF;animation:tsBlink 1.4s ease-in-out infinite}
@keyframes tsBlink{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(61,174,73,.55)}50%{opacity:.35;box-shadow:0 0 0 5px rgba(61,174,73,0)}}
@media (prefers-reduced-motion:reduce){.ts-dot{animation:none}}

/* v68: mobil – rozmerový výkres na šírku obrazovky, väčšie kóty */
@media (max-width:640px){
  .drawing{overflow:visible!important;padding:.4rem!important}
  .drawing svg{min-width:0!important;width:100%!important;height:auto!important}
  .drawing svg text{font-size:26px!important;font-weight:600}
  .dwg-tabs{display:grid!important;grid-template-columns:1fr 1fr;gap:.4rem}
  .dwg-tabs .chip{justify-content:center;text-align:center}
}

/* v69: mobil – produkt: úvodná fotka navrchu (bez náhľadov a hodnotenia), výber rozmeru a výbavy zbalený */
@media (max-width:760px){
  .pd-top .gal{order:0;width:100%}
  .pd-top .gal .thumbs,.pd-top .gal .gal-trust{display:none!important}
  .buy-cfg .vxrow{display:grid!important;grid-template-columns:1fr!important;gap:.5rem}
}

@media (max-width:760px){
  .pd-top .buy-cfg,.pd-top .buy-cfg .vxrow,.pd-top .buy-cfg .vxb,.pd-top .buy-cfg .vxp{width:100%!important;max-width:none!important;box-sizing:border-box}
  .buy-cfg .vxp{padding:.6rem!important}
  .buy-cfg .dimpick,.buy-cfg .eqpick{padding:0!important;border:0!important;box-shadow:none!important;background:none!important;margin:0!important}
}

/* v70: spodná lišta produktu – tlačidlá s textom */
.stickybuy .sb-btns{display:flex;gap:.5rem}
.stickybuy .sb-btns .btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;white-space:nowrap}
.stickybuy .sb-btns .btn svg{width:18px;height:18px;flex:none}
@media (max-width:760px){
  .stickybuy{flex-wrap:wrap!important;row-gap:.45rem!important;padding-top:.55rem!important;padding-bottom:calc(env(safe-area-inset-bottom,0px) + .55rem)!important}
  .stickybuy>span[style]{display:none}
  .stickybuy .price{flex:1 1 100%;display:flex!important;align-items:baseline;gap:.6rem;font-size:1.05rem!important}
  .stickybuy .price small{font-size:.75rem!important}
  .stickybuy .sb-btns{flex:1 1 100%;display:grid;grid-template-columns:1fr 1fr}
  .stickybuy .sb-btns .btn{width:100%;padding:.7rem .4rem!important;font-size:.82rem!important;white-space:normal;line-height:1.15;text-align:center}
}

/* v71: spodná lišta v jednom riadku: cena + 2 menšie tlačidlá */
@media (max-width:760px){
  .stickybuy{flex-wrap:nowrap!important;align-items:center!important;gap:.45rem!important;padding-top:.45rem!important;padding-bottom:calc(env(safe-area-inset-bottom,0px) + .45rem)!important}
  .stickybuy .price{flex:0 0 auto!important;display:flex!important;flex-direction:column;align-items:flex-start;gap:0!important;font-size:1rem!important;line-height:1.1;white-space:nowrap}
  .stickybuy .price s{font-size:.7rem}
  .stickybuy .price small{font-size:.64rem!important;margin:0!important}
  .stickybuy .sb-btns{flex:1 1 auto!important;display:grid;grid-template-columns:1fr 1fr;gap:.35rem}
  .stickybuy .sb-btns .btn{padding:.5rem .3rem!important;font-size:.72rem!important;line-height:1.1;min-height:44px;border-radius:10px!important}
  .stickybuy .sb-btns .btn svg{width:15px;height:15px}
}

/* v72: pätička – Sledujte nás a newsletter ako samostatné bloky (mobil: sociálne siete vedľa Nákupu, newsletter na konci) */
@media (min-width:901px){
  footer.site .wrap>.fcol:first-child{grid-column:1;grid-row:1}
  footer.site .wrap>div:nth-child(2){grid-column:2;grid-row:1/3}
  footer.site .wrap>div:nth-child(3){grid-column:3;grid-row:1/3}
  footer.site .wrap>div:nth-child(4){grid-column:4;grid-row:1}
  footer.site .fsoc{grid-column:4;grid-row:2}
  footer.site .fnl{grid-column:1;grid-row:2}
  footer.site .legal{grid-row:3}
}
footer.site .fsoc .soc-h{margin-top:0}
@media (max-width:900px){footer.site .fnl{grid-column:1/-1}footer.site .fsoc .soc-h{margin-top:0}}

/* v73: 5 návrhov mobilného úvodu kategórie (prepínač A – E len v deme) */
.mh-pick,.ch-more{display:none}
@media (max-width:640px){
  .mh-pick{display:flex;align-items:center;gap:.3rem;margin:.2rem 0 .6rem;padding:.3rem .4rem;border:1.5px dashed #3DAE49;border-radius:10px;background:#FFFFFF;width:max-content;font-size:.72rem;color:#5B6B60}
  .mh-pick span{padding:0 .3rem;font-weight:600}
  .mh-pick button{width:30px;height:30px;border-radius:8px;border:1px solid var(--line);background:#FFFFFF;font:inherit;font-weight:700;color:#122017}
  .mh-pick button[aria-pressed="true"]{background:#173F22;color:#FFFFFF;border-color:#173F22}
  body[data-mh] .cat-head{padding-top:.6rem!important;padding-bottom:1rem!important}
  body[data-mh] .cat-head .crumbs{font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.4rem}
  body[data-mh] .cat-head h1{font-size:1.45rem!important;line-height:1.15;margin:.1rem 0 .5rem!important}
  body[data-mh] .cat-head .lede{font-size:.9rem!important;line-height:1.55;margin:0 0 .4rem!important}
  body[data-mh] .cat-head:not(.open-txt) .lede{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
  body[data-mh] .cat-head:not(.open-txt) .lede2{display:none!important}
  body[data-mh] .ch-more{display:inline-block;background:none;border:0;padding:0;margin:0 0 .7rem;font:inherit;font-size:.82rem;font-weight:600;color:#23802E}
  body[data-mh] .cat-head .facts{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem!important;margin:.7rem 0 .5rem!important}
  body[data-mh] .cat-head .facts span{font-size:.68rem!important;line-height:1.25;min-width:0}
  body[data-mh] .cat-head .facts b{display:block;font-size:.95rem!important;white-space:nowrap}
  body[data-mh] .cat-head .ch-usp{display:flex!important;flex-wrap:wrap;gap:.3rem 1rem!important;margin:.3rem 0 0!important;padding:0}
  body[data-mh] .cat-head .ch-usp li{font-size:.74rem!important;margin:0!important;gap:.3rem!important}
  body[data-mh] .cat-head .ch-usp svg{width:14px;height:14px}
  /* A – kompaktný: text na 3 riadky, údaje v 3 stĺpcoch, body v jednom riadku */
  body[data-mh="A"] .cat-head .facts{padding:.6rem .7rem;border-radius:12px;background:rgba(255,255,255,.75);border:1px solid var(--line)}
  /* B – karta: celý úvod v bielej karte */
  body[data-mh="B"] .cat-head .ch-left{background:#FFFFFF;border-radius:18px;padding:1rem;box-shadow:0 10px 26px -14px rgba(18,48,27,.35);border:1px solid var(--line)}
  body[data-mh="B"] .cat-head:not(.open-txt) .lede{-webkit-line-clamp:2}
  body[data-mh="B"] .cat-head .facts{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:.6rem 0}
  body[data-mh="B"] .cat-head .facts span+span{border-left:1px solid var(--line);padding-left:.5rem}
  /* C – najprv výber: nadpis, údaje, plachta; text až po kliknutí */
  body[data-mh="C"] .cat-head .ch-left{display:flex;flex-direction:column}
  body[data-mh="C"] .cat-head h1{order:1}
  body[data-mh="C"] .cat-head .facts{order:2;margin-top:0!important}
  body[data-mh="C"] .cat-head .hf-gsm-m{order:3}
  body[data-mh="C"] .cat-head .ch-more{order:4;align-self:flex-start}
  body[data-mh="C"] .cat-head .lede{order:5}
  body[data-mh="C"] .cat-head .lede2{order:6}
  body[data-mh="C"] .cat-head .ch-usp{order:7}
  body[data-mh="C"] .cat-head:not(.open-txt) .lede{display:none!important}
  body[data-mh="C"] .cat-head .ch-more{margin:.2rem 0 .3rem}
  /* D – tmavý pás: nadpis a údaje na zelenom, biele čipy */
  body[data-mh="D"] .cat-head{background:linear-gradient(160deg,#245F31 0%,#173F22 100%)!important;color:#FFFFFF}
  body[data-mh="D"] .cat-head .crumbs,body[data-mh="D"] .cat-head .crumbs a{color:rgba(255,255,255,.75)!important}
  body[data-mh="D"] .cat-head h1,body[data-mh="D"] .cat-head .lede{color:#FFFFFF!important}
  body[data-mh="D"] .cat-head .lede{opacity:.9}
  body[data-mh="D"] .cat-head:not(.open-txt) .lede{-webkit-line-clamp:2}
  body[data-mh="D"] .ch-more{color:#BFE3C3}
  body[data-mh="D"] .cat-head .facts span{background:#FFFFFF;color:#5B6B60;border-radius:10px;padding:.45rem .5rem}
  body[data-mh="D"] .cat-head .facts b{color:#122017}
  body[data-mh="D"] .cat-head .hf-gsm-m{background:rgba(255,255,255,.12)!important}
  body[data-mh="D"] .cat-head .ch-usp li{color:#FFFFFF}
  body[data-mh="D"] .cat-head .ch-usp svg{color:#8EE09A}
  /* E – minimal: údaje v jednom riadku, text na 2 riadky, bez bodov */
  body[data-mh="E"] .cat-head:not(.open-txt) .lede{-webkit-line-clamp:2}
  body[data-mh="E"] .cat-head .facts{display:flex!important;flex-wrap:wrap;gap:.15rem .5rem!important;font-weight:600}
  body[data-mh="E"] .cat-head .facts span{display:inline;font-size:0!important}
  body[data-mh="E"] .cat-head .facts b{display:inline;font-size:.85rem!important}
  body[data-mh="E"] .cat-head .facts span+span::before{content:"·";font-size:.85rem;margin-right:.5rem;color:#5B6B60}
  body[data-mh="E"] .cat-head .ch-usp{display:none!important}
}

/* v74: úvod kategórie – text cez „Čítať viac“, posuvníky filtra pod rozklikom (všetky šírky), plachta ostáva viditeľná */
.hf-tog{display:flex;align-items:center;gap:.6rem;flex:1;background:none;border:0;padding:0;font:inherit;color:inherit;text-align:left;cursor:pointer}
.hf-tog small{color:var(--muted);font-size:.78rem;font-weight:400}
.hf-chev{margin-left:auto;font-size:1rem;transition:transform .2s;color:#23802E}
.hfilter.exp .hf-chev{transform:rotate(180deg)}
.hfilter:not(.exp) .hf-grid{display:none!important}
.hfilter:not(.exp){padding-bottom:0!important}
.hfilter:not(.exp) .hf-gsm{margin-bottom:1rem}
.cat-head .ch-more{display:inline-block;background:none;border:0;padding:0;margin:0 0 .8rem;font:inherit;font-size:.88rem;font-weight:600;color:#23802E;cursor:pointer}
.cat-head:not(.open-txt) .lede:not(.lede2){display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.cat-head:not(.open-txt) .lede2{display:none!important}
@media (max-width:640px){
  .cat-head .hfilter{display:block!important;margin-top:.6rem}
  .cat-head .hfilter .hf-gsm:not(.hf-gsm-m){display:none!important}
  .cat-head .hfilter .hf-h{margin-bottom:0!important}
  .cat-head .hfilter.exp .hf-h{margin-bottom:.8rem!important}
  .cat-head .hfilter.exp{padding-bottom:1rem!important}
  .hf-tog small{display:none}
}


/* v75: výber hrúbky plachty bez čiernej – biely blok so zelenými akcentmi */
.hf-gsm,.hf-gsm-m{background:#F2F9F3!important;color:#122017!important;border:1.5px solid #BFE3C3!important}
.hf-gsm>span{color:#173F22!important}
.hf-gsm .ftoggle button{background:#FFFFFF!important;color:#122017!important;border:1.5px solid #DCE4DC!important}
.hf-gsm .ftoggle button.on{background:#3DAE49!important;color:#FFFFFF!important;border-color:#3DAE49!important}
.hf-gsm .ftoggle button.on small{color:#FFFFFF!important}
.hf-gsm .ftoggle button:not(.on):not(:disabled):hover{border-color:#3DAE49!important}

/* v76: mobil – plachta schovaná pod „Filtrovať haly“ */
@media (max-width:640px){
  .hf-gsm-m{display:none!important}
  .cat-head .hfilter.exp .hf-gsm:not(.hf-gsm-m){display:flex!important;flex-direction:column;align-items:stretch;gap:.5rem;margin-bottom:.9rem}
  .cat-head .hfilter:not(.exp) .hf-gsm{display:none!important}
  .hf-tog small{display:none!important}
  .hf-tog b{white-space:nowrap}
}

/* v77: mobil – produkty po 2 vedľa seba, kompaktná karta bez parametrov */
@media (max-width:640px){
  .pgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.6rem!important}
  .pcard .specs,.pcard .dims{display:none!important}
  .pcard .bd{padding:.6rem .6rem .7rem!important;gap:.3rem!important}
  .pcard .kind{font-size:.66rem!important;gap:.3rem!important;flex-wrap:wrap}
  .pcard .kind-t{display:none}
  .pcard h3{font-size:.86rem!important;line-height:1.25!important;margin:0!important}
  .pcard .pr{display:flex;align-items:flex-end;justify-content:space-between;gap:.3rem;margin-top:.2rem}
  .pcard .pr .price{font-size:1rem!important;line-height:1.1}
  .pcard .pr .price small{font-size:.62rem!important}
  .pcard .pr .price s{font-size:.7rem}
  .pcard .go{width:34px!important;height:34px!important;flex:none}
  .pcard .go svg{width:16px;height:16px}
  .pcard .cmp{font-size:.72rem!important;margin-top:.2rem}
  .pcard .ptop{padding:.4rem!important}
  .pcard .fav{width:30px!important;height:30px!important}
  .pcard .badge{font-size:.62rem!important}
}

@media (max-width:640px){
  .subgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.6rem!important}
  .subcat .sc-tx{padding:.55rem .6rem .65rem!important;gap:.2rem!important}
  .subcat .sc-big{font-size:1.05rem!important}
  .subcat .sc-kind{font-size:.66rem!important}
  .subcat .sc-tx em{font-size:.95rem!important}
  .subcat .sc-tx em small{font-size:.62rem!important}
  .subcat .sc-go{font-size:.74rem!important;padding:.3rem .55rem!important}
  .subcat .sc-go svg{width:13px;height:13px}
}

.pcard .kind-g{display:none}
@media (max-width:640px){.pcard .kind-g{display:inline-block;align-self:flex-start;font-size:.66rem;font-weight:600;color:#173F22;background:#E6F4E7;border-radius:6px;padding:.15rem .4rem}}

/* v78: lišta sekcií produktu prilepená presne pod hlavičku */
.secnav{top:calc(env(safe-area-inset-top,0px) + var(--hh,98px))!important}

/* v79: mobil – UX doladenie (2026): 16 px vo formulároch, formulár ponuky na celú obrazovku,
   miesto pre spodnú lištu, skrátené dlhé texty, väčšie dotykové plochy */
@media (max-width:900px){
  input,select,textarea{font-size:16px!important}
}
@media (max-width:640px){
  /* 2 – formuláre a okná na celú obrazovku, veľké polia, tlačidlo dole */
  .modal{padding:0!important;place-items:end stretch!important}
  .modal .box,.modal .box.wide{width:100%!important;max-height:92vh!important;border-radius:20px 20px 0 0!important;padding:1.2rem 1rem calc(env(safe-area-inset-bottom,0px) + 1.2rem)!important}
  .modal .box .x{top:.7rem!important;right:.7rem!important;width:44px;height:44px}
  .form .two{grid-template-columns:1fr!important}
  .form input,.form select,.form textarea{min-height:48px;padding:.75rem .85rem!important;border-radius:12px!important}
  .form textarea{min-height:96px}
  .form button[type=submit]{width:100%;min-height:52px;font-size:1rem!important}
  /* 3 – obsah sa neschová pod spodnú lištu s cenou */
  body:has(#stickybuy.on) footer.site{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 80px)}
  /* 4, 5 – dlhé texty skrátené */
  .clamp-box:not(.open){max-height:15.5em;overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(180deg,#000 70%,transparent);mask-image:linear-gradient(180deg,#000 70%,transparent)}
  .clamp-btn{display:inline-flex;align-items:center;min-height:44px;margin:.2rem 0 .6rem;background:none;border:0;padding:0;font:inherit;font-weight:600;font-size:.9rem;color:#23802E}
  #s-prehlad .uses{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;gap:.4rem;padding-bottom:.3rem;scrollbar-width:none}
  #s-prehlad .uses::-webkit-scrollbar{display:none}
  #s-prehlad .uses span{flex:none;white-space:nowrap}
  #s-prehlad .clamp-box.open .uses,#s-prehlad .clamp-box:not(.open) .uses{margin-top:.6rem}
  /* 7 – v kartách bez „Porovnať“ (porovnávač je v hlavičke a v detaile) */
  .pcard .cmp{display:none!important}
  /* dotykové plochy min. 44 px */
  .crumbs a{display:inline-block;padding:.35rem 0}
  .linkbtn,.chip{min-height:40px}
}
.clamp-btn{display:none}
@media (max-width:640px){.clamp-btn{display:inline-flex}}

@media (max-width:640px){.toast{top:calc(env(safe-area-inset-top,0px) + 12px)!important;bottom:auto!important;left:12px!important;right:12px!important;transform:none!important;text-align:center;max-width:none!important}}

@media (max-width:640px){.dots .dot{width:40px!important;height:40px!important}.dots{gap:.6rem!important}}

/* v80: konfigurátor ako sprievodca (princíp hagro.sk): krokovník, jeden krok na obrazovke, súhrn vpravo */
.cw-head{text-align:center;max-width:46rem;margin:1rem auto 1.4rem}
.cw-head h1{text-wrap:balance;font-size:clamp(1.5rem,3vw,2.2rem)}
.cw-head p{color:var(--muted);margin-top:.4rem}
.cw-steps{list-style:none;margin:0 auto 1.8rem;padding:0;display:flex;justify-content:center;gap:.4rem;max-width:60rem}
.cw-steps li{flex:1;min-width:0;position:relative}
.cw-steps li+li::before{content:"";position:absolute;top:17px;right:calc(50% + 22px);left:calc(-50% + 22px);height:2px;background:var(--line)}
.cw-steps button{all:unset;cursor:pointer;display:grid;justify-items:center;gap:.4rem;width:100%;text-align:center}
.cw-steps .cnum{width:36px;height:36px;font-family:var(--font);font-weight:600;background:var(--surface);color:var(--muted);border:2px solid var(--line);position:relative;z-index:1}
.cw-steps button[aria-current="step"] .cnum{background:var(--leaf);border-color:var(--leaf);color:#fff;box-shadow:0 0 0 5px var(--glow)}
.cw-steps button.done .cnum{background:var(--leaf-soft);border-color:var(--leaf);color:var(--leaf-2)}
.cw-st{font-size:.82rem;color:var(--muted);line-height:1.25}
.cw-steps button[aria-current="step"] .cw-st{color:var(--ink);font-weight:600}
.cw-steps button:focus-visible .cnum{outline:2px solid var(--leaf);outline-offset:3px}
.cfg-grid.cw{grid-template-columns:minmax(0,1fr) 400px}
.cfg-grid.cw-wide{grid-template-columns:1fr}
.cw-main{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:1.4rem 1.5rem;display:grid;gap:1.4rem;min-width:0}
.cw-step-h{display:flex;gap:.7rem;align-items:center}
.cw-step-h .cnum{background:var(--leaf);font-family:var(--font);font-weight:600}
.cw-step-h h2{font-size:1.35rem}
.cw-sec{display:grid;gap:.7rem;min-width:0}
.cw-sec+.cw-sec{border-top:1px dashed var(--line);padding-top:1.2rem}
.cw-sec h3{font-size:1.02rem}
.cw-sub{color:var(--muted);font-size:.86rem;margin-top:-.4rem}
.cw-custom{all:unset;cursor:pointer;box-sizing:border-box;display:flex;align-items:center;gap:1.1rem;max-width:44rem;width:100%;margin:0 auto;padding:1.3rem 1.5rem;border-radius:8px;background:linear-gradient(135deg,#173F22,#3DAE49);color:#fff;box-shadow:0 10px 30px -14px rgba(23,63,34,.6);transition:transform .15s}
.cw-custom:hover{transform:translateY(-2px)}
.cw-custom:focus-visible{outline:3px solid var(--leaf);outline-offset:3px}
.cw-custom b{display:block;font-size:1.45rem;font-weight:600;letter-spacing:-.01em}
.cw-custom small{display:block;font-size:.9rem;opacity:.9;margin-top:.2rem;line-height:1.4}
.cw-custom-ic{flex:none;width:58px;height:58px;border-radius:50%;background:rgba(255,255,255,.16);display:grid;place-items:center}
.cw-custom-ic svg{width:30px;height:30px}
.cw-custom-go{flex:none;margin-left:auto;width:42px;height:42px;border-radius:50%;background:#fff;color:#173F22;display:grid;place-items:center}
.cw-or{display:flex;align-items:center;gap:1rem;color:var(--muted);font-size:.85rem}
.cw-or::before,.cw-or::after{content:"";flex:1;height:1px;background:var(--line)}
.cw-types{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem}
@media (max-width:1180px){.cw-types{grid-template-columns:repeat(3,minmax(0,1fr))}}
.cw-type{all:unset;cursor:pointer;box-sizing:border-box;position:relative;display:flex;flex-direction:column;gap:.55rem;border:1.5px solid var(--line);border-radius:8px;padding:.8rem .8rem 1rem;background:var(--surface);transition:border-color .15s,box-shadow .15s}
.cw-type:hover{border-color:var(--leaf);box-shadow:0 8px 24px -16px rgba(23,63,34,.5)}
.cw-type[aria-pressed="true"]{border-color:var(--leaf);box-shadow:inset 0 0 0 1px var(--leaf);background:var(--leaf-soft)}
.cw-type:focus-visible{outline:3px solid var(--leaf);outline-offset:2px}
.cw-type .badge{position:absolute;top:.6rem;left:.6rem;z-index:1}
.cw-type-im{display:block;aspect-ratio:4/3;max-width:100%;border-radius:6px;background:var(--surface-2) center/cover no-repeat}
.cw-type b{font-size:1.02rem;font-weight:600;color:var(--ink);text-align:center;margin-top:.2rem}
.cw-type ul{list-style:none;margin:0;padding:0;display:grid;gap:.3rem;font-size:.82rem;color:var(--fg)}
.cw-type li{display:flex;gap:.4rem;align-items:flex-start}
.cw-type li svg{width:15px;height:15px;color:var(--leaf);flex:none;margin-top:.15rem}
.cw-type small{margin-top:auto;padding-top:.3rem;color:var(--muted);font-size:.85rem;text-align:center}
.cw-opts{display:grid;gap:.7rem}
.cw-opts.c2{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.cw-opts.c3{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}
.cw-opt{all:unset;cursor:pointer;box-sizing:border-box;display:grid;gap:.25rem;align-content:start;border:1.5px solid var(--line);border-radius:8px;padding:.9rem 1rem;background:var(--surface);position:relative}
.cw-opt b{font-weight:600;color:var(--ink);font-size:.95rem}
.cw-opt small{color:var(--muted);font-size:.8rem;line-height:1.35}
.cw-opt:hover{border-color:var(--leaf)}
.cw-opt[aria-pressed="true"]{border-color:var(--leaf);background:var(--leaf-soft);box-shadow:inset 0 0 0 1px var(--leaf)}
.cw-opt[aria-pressed="true"]::after{content:"✓";position:absolute;top:.55rem;right:.6rem;width:20px;height:20px;border-radius:50%;background:var(--leaf);color:#fff;font-size:.72rem;display:grid;place-items:center}
.cw-opt:focus-visible{outline:3px solid var(--leaf);outline-offset:2px}
.cw-opt.ic{justify-items:center;text-align:center}
.cw-opt.ic svg{width:84px;height:56px;color:var(--ink);margin-bottom:.2rem}
.cw-sw{width:34px;height:34px;border-radius:50%;background:var(--c);border:1.5px solid var(--line);margin-bottom:.3rem}
.cw-chips{display:flex;flex-wrap:wrap;gap:.45rem}
.cw-chips .eq-chip span{font-size:.86rem;padding:.42rem .85rem}
.cw-chips .eq-chip input:checked+span{border-color:var(--leaf);background:var(--leaf-soft);color:var(--ink)}
.cw-chips .eq-chip input:checked+span::before{content:"✓"}
.cw-ta{display:grid;gap:.35rem;font-size:.86rem;font-weight:500}
.cw-ta textarea,.cw-form textarea{width:100%;box-sizing:border-box;border:1.5px solid var(--line);border-radius:8px;padding:.8rem .9rem;font:inherit;font-weight:300;font-size:1rem;background:var(--surface);color:var(--ink);resize:vertical}
.cw-ta textarea:focus{border-color:var(--leaf);outline:none;box-shadow:0 0 0 3px var(--glow)}
.cw-form .three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}
.cw-form .three input,.cw-form .two select{min-width:0;width:100%;box-sizing:border-box}
.cw-sec>.cw-sub:first-child{margin-top:0}
.cw-send{display:flex;flex-wrap:wrap;gap:.6rem}
.cw-send .btn{flex:1 1 220px}
.cw-nav{display:flex;align-items:center;gap:.8rem;border-top:1px solid var(--line);padding-top:1.1rem}
.cw-nav-p{margin-left:auto;font-weight:600;font-size:1.05rem;color:var(--ink);font-variant-numeric:tabular-nums}
.cw-nav .btn-cta{min-width:11rem}
.cw-nav>span:first-child+.btn-cta{margin-left:auto}
.cw .csum{top:calc(var(--hh,98px) + 16px);border-radius:8px}
.cw-tabs{display:flex;gap:.3rem;background:var(--surface-2);border-radius:8px;padding:.25rem}
.cw-tabs button{all:unset;cursor:pointer;flex:1;text-align:center;padding:.45rem .6rem;border-radius:6px;font-size:.84rem;color:var(--muted)}
.cw-tabs button[aria-pressed="true"]{background:var(--surface);color:var(--ink);font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.cw .csum-draw img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px}
.cw-prof{padding:1.2rem}
.cw .csum-list dd{font-family:var(--font);font-size:.84rem;font-variant-numeric:tabular-nums}
.cw-gar{display:flex;gap:.6rem;align-items:flex-start;border:1px solid var(--leaf);background:var(--leaf-soft);border-radius:8px;padding:.7rem .8rem;font-size:.8rem;line-height:1.4}
.cw-gar svg{width:22px;height:22px;color:var(--leaf);flex:none}
.cw-gar b{display:block;font-size:.84rem;color:var(--ink)}
.cw-help{font-size:.8rem;color:var(--muted);text-align:center;margin:0}
@media (max-width:960px){.cfg-grid.cw{grid-template-columns:1fr}.cw .csum{position:static}}
@media (max-width:700px){
  .cw-st{display:none}
  .cw-steps button[aria-current="step"] .cw-st{display:block;position:absolute;top:44px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:.78rem}
  .cw-steps{margin-bottom:2.6rem}
  .cw-main{padding:1.1rem 1rem}
  .cw-custom{padding:1rem;gap:.8rem}.cw-custom b{font-size:1.2rem}.cw-custom-ic{width:46px;height:46px}.cw-custom-go{display:none}
  .cw-types{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}
  .cw-type:last-child:nth-child(odd){grid-column:1/-1}.cw-type:last-child:nth-child(odd) .cw-type-im{aspect-ratio:2.2/1}
  .cw-type ul{display:none}
  .cw-type b{font-size:.9rem}
  .cw-form .three{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}
  .cw-nav{position:sticky;bottom:0;background:var(--surface);margin:0 -1rem -1.1rem;padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom,0px));border-radius:0 0 8px 8px;z-index:5;box-shadow:0 -6px 16px -10px rgba(0,0,0,.25)}
  .cw-nav .btn-cta{min-width:0}
  .cw-nav .btn{padding-left:.9rem;padding-right:.9rem}
}

/* v80: filter plachty – menší blok, pod ním na stred „Zobraziť 650 aj 900“ */
.hf-gsm{max-width:560px}
.hf-gsm-in{flex:1;display:grid;gap:.4rem;min-width:0}
.hf-gsm .ftoggle button{padding:.38rem .5rem!important}
.hf-gsm .ftoggle button b{font-size:.92rem}
.hf-gsm .ftoggle button small{font-size:.68rem}
.hf-both{justify-self:center;border:0;background:none;padding:.15rem .4rem;font:inherit;font-size:.8rem;font-weight:500;color:#173F22;text-decoration:underline;text-underline-offset:3px;cursor:pointer;border-radius:6px}
.hf-both.on{text-decoration:none;color:#2F9640;font-weight:600}
.hf-both.on::before{content:"✓ "}
.hf-both:hover{color:#3DAE49}

/* v81: desktop – filter aj text kategórie vždy otvorené (zbaľovanie len na mobile); kompaktná hrúbka plachty */
@media (min-width:641px){
  .hfilter:not(.exp) .hf-grid{display:grid!important}
  .hfilter:not(.exp){padding-bottom:1rem!important}
  .hf-chev{display:none}
  .hf-tog{cursor:default;pointer-events:none}
  .cat-head .ch-more{display:none!important}
  .cat-head:not(.open-txt) .lede:not(.lede2){display:block;-webkit-line-clamp:unset;overflow:visible}
  .cat-head:not(.open-txt) .lede2{display:block!important}
  .hf-gsm:not(.hf-gsm-m){max-width:400px;margin:0 auto 1rem!important;padding:.5rem .7rem!important;gap:.7rem!important;border-radius:10px!important}
  .hf-gsm:not(.hf-gsm-m)>span{font-size:.8rem}
  .hf-gsm:not(.hf-gsm-m) .ftoggle{gap:.35rem}
  .hf-gsm:not(.hf-gsm-m) .ftoggle button{padding:.28rem .4rem!important;border-radius:8px!important}
  .hf-gsm:not(.hf-gsm-m) .ftoggle button b{font-size:.84rem}
  .hf-gsm:not(.hf-gsm-m) .ftoggle button small{font-size:.64rem}
  .hf-gsm:not(.hf-gsm-m) .hf-both{font-size:.76rem}
}

/* v81: konfigurátor – voľby s reálnymi fotkami (ako hagro.sk), iný rozmer, fakty, bočný pohľad */
.cw-opt.ph{padding:.55rem .55rem .85rem;gap:.3rem}
.cw-opt.ph>b,.cw-opt.ph>small,.cw-opt.ph>ul{padding:0 .35rem}
.cw-ph{display:block;aspect-ratio:4/3;max-width:100%;border-radius:6px;background:var(--surface-2) center/cover no-repeat;margin-bottom:.35rem;position:relative}
.cw-ph.viz{background-size:contain;background-color:#FFFFFF}
.cw-ph.ic{display:grid;place-items:center;background:var(--bg)}
.cw-ph.viz em{position:absolute;left:.4rem;bottom:.4rem;font-style:normal;font-size:.66rem;background:rgba(255,255,255,.9);color:var(--muted);padding:.1rem .4rem;border-radius:4px}
.cw-opt ul{list-style:none;margin:.1rem 0 0;display:grid;gap:.2rem;font-size:.8rem;color:var(--fg)}
.cw-opt li{display:flex;gap:.35rem;align-items:flex-start}
.cw-opt li svg{width:14px;height:14px;color:var(--leaf);flex:none;margin-top:.15rem}
.cw-tag{position:absolute;top:.9rem;left:.9rem}
.cw-pr{color:var(--ink)!important;font-weight:600;font-size:.84rem!important;margin-top:.15rem}
.cw-iny{display:flex;gap:.6rem;flex-wrap:wrap}
.cw-iny input{flex:1 1 220px;min-width:0;border:1.5px solid var(--line);border-radius:8px;padding:.7rem .85rem;font:inherit;font-size:1rem;background:var(--surface);color:var(--ink)}
.cw-iny input:focus{border-color:var(--leaf);outline:none;box-shadow:0 0 0 3px var(--glow)}
.cw-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem}
.cw-facts span{background:var(--leaf-soft);border-radius:8px;padding:.7rem .8rem;font-size:.78rem;color:var(--muted);display:grid;gap:.1rem}
.cw-facts b{font-size:1.05rem;color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}
.cw-side{border-top:1px dashed var(--line);margin-top:.3rem;padding-top:.3rem}
.cw .csum-draw{position:relative}
.cw-cap{position:absolute;left:.9rem;top:.9rem;font-size:.68rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;background:rgba(255,255,255,.92);color:#173F22;padding:.2rem .5rem;border-radius:4px}
.cw-stock{margin:0;font-size:.82rem;color:var(--muted);display:flex;align-items:center;gap:.4rem}
.cw-stock i{width:8px;height:8px;border-radius:50%;background:var(--leaf)}
.cw-stock b{color:#2F9640}
@media (max-width:700px){.cw-steps li:last-child button[aria-current="step"] .cw-st{left:auto;right:0;transform:none}.cw-steps li:first-child button[aria-current="step"] .cw-st{left:0;transform:none}.cw-opts.c2{grid-template-columns:repeat(2,minmax(0,1fr))}.cw-opt.ph b{font-size:.86rem}.cw-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.cw-opts.c3{grid-template-columns:repeat(2,minmax(0,1fr))}.cw-opt.ph small{font-size:.74rem}}

/* v82: produkt podľa zadania klienta – väčšie rozmery, zvýraznené panely, väčšie voľby plachty a farby, tabuľka rozmerov s ilustráciou */
.buy .dimline{font-size:1.25rem;gap:1.2rem}
.buy .dimline b{font-size:1.45rem}
.kfacts div b{font-size:1.08rem}
.vxb{border:2px solid #3DAE49!important;background:#F2F9F3!important;box-shadow:0 4px 14px -8px rgba(61,174,73,.55)}
.vxb .vx-k{color:#173F22!important;font-weight:700}
.vxb .vx-c{background:#3DAE49;color:#FFFFFF!important;padding:.25rem .6rem;border-radius:6px}
.vxb[aria-expanded="true"]{background:#FFFFFF!important}
.vxp .dp-two .dp-seg button{min-height:52px;font-size:1.02rem;font-weight:600}
.vxp .dots .dot{width:42px;height:42px}
.eq-note{font-size:.88rem!important;line-height:1.45}
.eq-seg{background:#E6F4E7!important;padding:4px!important;border:1.5px solid #BFE3C3}
.eq-seg .eq-opt span{border:1.5px solid transparent}
.eq-seg .eq-opt input:checked+span{background:#3DAE49!important;color:#FFFFFF!important;border-color:#3DAE49}
.eq-seg .eq-opt input:checked+span small{color:#E8F5E9!important}
.eq-seg .eq-opt b{font-size:.95rem}
.eq-pl{display:flex!important;align-items:center;gap:.8rem;cursor:pointer}
.eq-pl .eq-ph{flex:none;width:64px;height:52px;border-radius:6px;font-size:.7rem}
.eq-pl>span:nth-child(2){flex:1;display:grid;gap:.1rem}
.eq-pl .eq-pr{color:var(--ink)!important;font-weight:600}
.eq-pl input{width:22px;height:22px;accent-color:#3DAE49}
#galMain{cursor:zoom-in}
.dtab th.dt-w{vertical-align:top;text-align:center;padding-top:.9rem;min-width:110px}
.dt-w b{display:block;font-size:1.05rem}
.dt-w small{display:block;color:var(--muted);font-weight:400;font-size:.76rem;margin-top:.15rem}
.dt-ill{display:block;width:70px;margin:0 auto .35rem}
.dt-ill svg{width:100%;height:auto}
.modal .dtab td,.modal .dtab thead th{text-align:center}
.two-col>*{min-width:0}
#s-plachta table.vs td{overflow-wrap:anywhere;hyphens:auto}

/* v83: hrúbka plachty – kompaktný prepínač pod posuvníkmi, na mobile len v rozbalenom filtri */
.hf-pl{display:flex;align-items:center;justify-content:center;gap:.7rem;flex-wrap:wrap;margin-top:.9rem;padding-top:.8rem;border-top:1px dashed var(--line)}
.hf-pl-k{font-size:.8rem;font-weight:600;color:#173F22}
.hf-pl-seg{display:inline-flex;background:#F2F9F3;border:1px solid #BFE3C3;border-radius:8px;padding:2px;gap:2px}
.hf-pl-seg button{border:0;background:none;border-radius:6px;padding:.3rem .65rem;font:inherit;font-size:.8rem;font-weight:500;color:#122017;cursor:pointer;display:inline-flex;align-items:baseline;gap:.3rem;white-space:nowrap}
.hf-pl-seg button small{font-size:.66rem;color:var(--muted);font-weight:400}
.hf-pl-seg button:hover{background:#FFFFFF}
.hf-pl-seg button.on{background:#3DAE49;color:#FFFFFF}
.hf-pl-seg button.on small{color:#E8F5E9}
.hfilter:not(.exp) .hf-pl{display:none}
@media (min-width:641px){.hfilter:not(.exp) .hf-pl{display:flex}}
@media (max-width:640px){.hf-pl{justify-content:flex-start}.hf-pl-seg button small{display:none}}

/* v84: konfigurátor – vizuály namiesto fotiek */
.cw-ph.vz{background:linear-gradient(180deg,#F4F9F4,#E9F2EA);aspect-ratio:3/2}
.cw-ph.vz svg{width:92%;height:auto;max-height:100%}
.cw-opt[aria-pressed="true"] .cw-ph.vz{background:linear-gradient(180deg,#FFFFFF,#E6F4E7)}
.cw-mini{display:flex;align-items:center;gap:.6rem;margin-top:.5rem;background:var(--surface);border-radius:8px;padding:.3rem .5rem}
.cw-mini svg{width:96px;height:auto;flex:none}
.cw-mini small{font-size:.76rem;color:var(--muted)}
.cw-opts.c5{grid-template-columns:repeat(3,minmax(0,1fr))}
.cw-opt,.cw-opt>*{min-width:0}
@media (max-width:700px){.cw-opts.c5{grid-template-columns:repeat(2,minmax(0,1fr))}.cw-opts.c5>.cw-opt:last-child:nth-child(odd){grid-column:1/-1}}
.cw-opts.c5 .cw-opt b{font-size:.86rem}
.cw-ems{display:grid;gap:.05rem;margin:-.1rem 0 .25rem;padding:0 .35rem;font-size:.72rem;color:var(--muted)}
.cw-ems b{color:var(--ink);font-weight:600}
.cw-em{flex:1;display:flex;align-items:center;gap:.3rem;min-width:0}
.cw-em svg{width:26px;height:22px;flex:none}
.cw-em small{display:grid;font-size:.62rem;color:var(--muted);line-height:1.15}
.cw-em small b{font-size:.68rem;color:var(--ink);font-weight:600}

/* v85: fotky realizácií na úvode sú odkazy na detail realizácie */
.mosaic>a{padding:0;border:0;border-radius:12px;overflow:hidden;background:var(--surface-2) center/cover;position:relative}
.mosaic>a:nth-child(1){grid-column:span 2;grid-row:span 2}
.mosaic>a span{position:absolute;left:.6rem;bottom:.6rem;background:rgba(10,20,14,.78);color:#fff;font-size:.74rem;padding:.25rem .55rem;border-radius:6px;font-family:var(--mono)}
.pcard,.cat-tile,.pbox,.sbox,.fs-card,.pricebox,.vxb,.vxp,.dimpick,.cfg,.step,.why>div,.opt-card,.cocard,.ccard,.side-card,.pillar,.wiz,.wopt,.rec,.cert,.part,.stats div,.rev,.vsguide .card,.finder,.cta-band,.fhelp,.advisor,.kfacts div,.gal .main,.drawing,.blog a,.dl button,details.faq,.soon-box,.cstep,.csum,.gbadge,.fbar,.fbar2,.fpop,.mosaic>a,.vid-im,.pic-tall,.cat-hero .pic,.mega .promo,.layswitch,.hdrswitch,.cmpbar,.toast,.search input,.search-res,.fbtn,.fopt,.stile,.ficon,.fpl,.wtile,.addon,.vbtn,.tcell,.eq-chip span{border-radius:8px}
.mosaic>a{display:block;text-decoration:none}
.mosaic>a:hover span{background:#3DAE49}

/* v86: väčší prepínač hrúbky plachty */
.hf-pl{gap:.9rem}
.hf-pl-k{font-size:.95rem}
.hf-pl-seg{padding:3px;gap:3px;border-radius:10px}
.hf-pl-seg button{padding:.55rem 1rem;font-size:.98rem;font-weight:600;border-radius:8px;gap:.4rem}
.hf-pl-seg button small{font-size:.74rem}
@media (max-width:640px){.hf-pl-seg{width:100%}.hf-pl-seg button{flex:1;justify-content:center;padding:.55rem .5rem;font-size:.92rem}}

/* v87: názov v prehľade produktu – rozmery v jednom riadku, „Popis a použitie“ menším pod ním */
.pd-desc-h{margin-bottom:1rem;text-wrap:balance}
.pd-desc-h .nw{white-space:nowrap}
.pd-desc-h small{display:block;margin-top:.3rem;font-size:.95rem;font-weight:500;color:var(--muted);letter-spacing:0}

/* v88: prístrešky – spodná plachta / sieťovina s animáciou */
.zv-opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}
.zv-opt{cursor:pointer;min-width:0}
.zv-opt input{position:absolute;opacity:0;pointer-events:none}
.zv-card{display:grid;gap:.15rem;border:1.5px solid var(--line);border-radius:8px;padding:.5rem .6rem .7rem;background:var(--surface);height:100%;box-sizing:border-box}
.zv-opt input:checked+.zv-card{border-color:#3DAE49;background:#F2F9F3;box-shadow:inset 0 0 0 1px #3DAE49}
.zv-opt input:focus-visible+.zv-card{outline:3px solid #3DAE49;outline-offset:2px}
.zv-card b{font-size:.92rem;color:var(--ink)}
.zv-card small{font-size:.76rem;color:var(--muted);line-height:1.35}
.zv-card em{font-style:normal;font-weight:600;font-size:.84rem;color:var(--ink);margin-top:.15rem}
.zv-svg{width:100%;height:auto;background:linear-gradient(180deg,#F4F9F4,#E9F2EA);border-radius:6px;margin-bottom:.3rem}
.zv-air{opacity:0}
.zv-air.thru{animation:zvThru 2.2s linear infinite}
.zv-air.stop{animation:zvStop 2.2s ease-out infinite}
@keyframes zvThru{0%{transform:translateX(0);opacity:0}10%{opacity:1}85%{opacity:1}100%{transform:translateX(150px);opacity:0}}
@keyframes zvStop{0%{transform:translateX(0);opacity:0}15%{opacity:1}60%{transform:translateX(4px);opacity:1}100%{transform:translateX(4px);opacity:0}}
@media (prefers-reduced-motion:reduce){.zv-air{animation:none!important;opacity:1}}
.eq-pl .zv-th{width:72px;height:46px;padding:0;overflow:hidden;background:none}
.eq-pl .zv-th .zv-svg{margin:0;width:100%;height:100%}
.eq-pl input[type=radio]{width:20px;height:20px;accent-color:#3DAE49;flex:none}
/* v89: čelá – celé názvy (menšie písmo, zalomenie namiesto „…“) */
.eq-seg .eq-opt b{font-size:.8rem;white-space:normal;overflow:visible;text-overflow:clip;line-height:1.2}
.eq-seg .eq-opt span{height:100%;box-sizing:border-box;align-content:center}

/* v90: videá pri produktoch a kategóriách (náhľad, prehrávač až po kliknutí) */
.ytf{position:relative;display:block;width:100%;aspect-ratio:16/9;max-width:100%;border:0;padding:0;border-radius:12px;overflow:hidden;background:#173F22 center/cover no-repeat;cursor:pointer;box-shadow:0 10px 26px -16px rgba(0,0,0,.45)}
.ytf::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05) 50%,rgba(0,0,0,.55))}
.ytf-play{position:absolute;left:50%;top:50%;width:68px;transform:translate(-50%,-50%);z-index:1;transition:transform .15s}
.ytf:hover .ytf-play{transform:translate(-50%,-50%) scale(1.08)}
.ytf:focus-visible{outline:3px solid #3DAE49;outline-offset:3px}
.ytf-t{position:absolute;left:.9rem;right:.9rem;bottom:.75rem;z-index:1;color:#fff;font-weight:600;font-size:.95rem;text-align:left;text-shadow:0 1px 3px rgba(0,0,0,.5)}
.ytf-on{cursor:default;background:#000}
.ytf-on::after{display:none}
.ytf-on iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.ytf-out{position:absolute;right:.6rem;top:.6rem;z-index:2;background:rgba(0,0,0,.6);color:#fff;font-size:.72rem;padding:.2rem .5rem;border-radius:6px;text-decoration:none}
.ch-vid{margin-top:1rem;max-width:420px}
.ch-vid .ytf-t{font-size:.85rem}
.pd-vid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:2rem;align-items:center}
.wrap.pd-vid{display:grid}
@media (max-width:820px){.pd-vid{grid-template-columns:1fr;gap:1rem}}

/* v91: Montáž v hlavnom menu – rovnako ako kategórie, navyše ikona kľúča */
nav.main .hl2{background:none!important;color:#14211A!important;border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;padding:11.2px 8px!important;margin:0 .2rem 0 .3rem!important;box-shadow:none!important;font-size:15.04px!important;font-weight:600!important}
nav.main .hl2 svg{width:16px!important;height:16px!important}
nav.main .hl2 svg{color:#2F9640}
nav.main .hl2:hover,nav.main .hl2.on{background:none!important;color:#0B110D!important;border-bottom-color:#2F9640!important}

/* v92: konfigurátor – štandardné voľby zvýraznené rámčekom a štítkom */
.cw-opt.std{border:2px dashed #3DAE49;background:#F7FCF7}
.cw-opt.std[aria-pressed="true"]{border-style:solid}
.cw-std{position:absolute;top:.95rem;left:1rem;z-index:1;background:#3DAE49;color:#FFFFFF;font-size:.68rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;padding:.22rem .55rem;border-radius:999px;box-shadow:0 0 0 3px rgba(61,174,73,.18)}
.cw-opt.std .cw-tag{top:2.2rem}

/* v93: mobil – väčší názov produktu v karte */
@media (max-width:900px){.pcard h3{font-size:1.18rem!important;font-weight:600!important;line-height:1.25!important}}
@media (max-width:640px){.pcard h3{font-size:1.02rem!important}}

/* v94: karta produktu – typ haly v 1. riadku, pod ním väčší rozmer; v parametroch plachta namiesto snehu */
.pcard h3 .pc-k{display:block;font-size:.95rem!important;font-weight:500;color:var(--muted);line-height:1.2}
.pcard h3 .pc-d{display:block;font-size:1.32rem;font-weight:700;color:var(--ink);letter-spacing:-.01em;line-height:1.2;margin-top:.1rem;font-variant-numeric:tabular-nums}
@media (max-width:900px){.pcard h3 .pc-d{font-size:1.25rem}}
@media (max-width:640px){.pcard h3 .pc-k{font-size:.8rem!important}.pcard h3 .pc-d{font-size:1.06rem}}

/* v95: videá z montáže podľa šírky v sekcii Doprava a montáž */
.mt-vids{margin-top:1.6rem}
.mt-vids h3{font-size:1.05rem;margin-bottom:.8rem}
.mt-vgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}
@media (max-width:640px){.mt-vgrid{grid-template-columns:1fr}}

/* v96: mobil – štítky Štandard / Odporúčame pod obrázkom, nie cez neho */
@media (max-width:700px){
  .cw-opt.ph>*{order:3}
  .cw-opt.ph>.cw-ph{order:1}
  .cw-opt.ph>.cw-std,.cw-opt.ph>.cw-tag{order:2;position:static;justify-self:start;margin:0 .35rem .15rem;font-size:.6rem;padding:.16rem .45rem;box-shadow:none}
  .cw-opt.std .cw-tag{top:auto}
  .cw-std{white-space:nowrap}.cw-std2{display:none}
}

/* v97: ceny – hlavná suma bez DPH, s DPH menším písmom */
.pvx{font-size:.5em;font-weight:500;color:var(--muted);margin-left:.3em;letter-spacing:0;white-space:nowrap;vertical-align:baseline}
.price .pvx{font-size:.48em}
small.pvx{font-size:.6em}

/* v98: mobil – úvodné video len v hornej časti (menšie, menej priblížené = ostrejšie), pod ním tmavé pozadie s vyhľadávačom */
@media (max-width:767px){
  .hero-img{bottom:auto!important;height:min(500px,62vh)}
  .hero-img::before{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;z-index:1;background:linear-gradient(180deg,rgba(6,10,7,0),#060A07)}
  .hero-img::after{z-index:1}
  .hero-vid{filter:contrast(1.08) saturate(1.08)}
}

/* v99: mobil – štvorcové kategórie nad videom; úvodný banner s videom na celú obrazovku, vyhľadávač až pod ním */
@media (max-width:767px){
  .mcats{display:flex!important}
  .mcats .mc-im{border-radius:14px!important;border-width:2px}
  .hero > .wrap > div:first-child{min-height:calc(100svh - var(--hh,98px) - 132px - 2rem);display:flex;flex-direction:column;justify-content:center}
  .hero-img{height:calc(100svh - var(--hh,98px) - 132px)!important}
  .hero .finder{margin-top:1.2rem}
}

/* v100: mobil – ikona slúchadiel v hornej lište na stred krúžku (ako na desktope) */
.topstrip .ts-av{display:grid!important;place-items:center;justify-content:center;align-items:center;width:30px!important;height:30px!important;flex:none}
.topstrip .ts-av svg{width:17px!important;height:17px!important;display:block;margin:0}

/* v101: mobilné menu – tlačidlá ako na úvode (tmavé „skladom“ + biele s rámčekom), „Všetky …“ v rámčeku, šírky s malou fotkou */
.md-ctas .md-stock{background:#121A14!important;color:#FFFFFF!important;border:1.5px solid #121A14!important;gap:.45rem;display:inline-flex;align-items:center}
.md-ctas .md-stock svg{width:17px;height:17px}
.md-ctas .md-cfg{background:#FFFFFF!important;color:#122017!important;border:2px solid #3DAE49!important}
.md-sub a.md-all{border:1.5px solid #3DAE49;background:#F2F9F3;font-weight:600;color:#173F22;justify-content:space-between;margin-bottom:.2rem}
.md-sub a.md-all svg{width:16px;height:16px;color:#3DAE49}
.md-sub a{gap:.6rem;justify-content:flex-start!important}
.md-sim{flex:none;width:52px;height:38px;border-radius:6px;overflow:hidden;background:var(--surface-2)}
.md-sim img{width:100%;height:100%;object-fit:cover;transform:scale(1.15)}
.md-st{flex:1;min-width:0}

/* v102: mobil – rozmer v karte vždy v jednom riadku (dlhšie rozmery menším písmom) */
@media (max-width:640px){
  .pcard h3 .pc-d{white-space:nowrap;letter-spacing:-.015em}
  .pcard h3 .pc-d[data-len="m"]{font-size:.95rem}
  .pcard h3 .pc-d[data-len="l"]{font-size:.84rem}
}
@media (max-width:360px){.pcard h3 .pc-d{font-size:.92rem}.pcard h3 .pc-d[data-len="m"]{font-size:.84rem}.pcard h3 .pc-d[data-len="l"]{font-size:.76rem}}

/* v103: mobil – nadpis kategórie v jednom riadku (dlhší nadpis menším písmom) */
@media (max-width:640px){
  body .cat-head h1{white-space:nowrap;letter-spacing:-.02em}
  body .cat-head h1[data-len="m"]{font-size:1.28rem!important}
  body .cat-head h1[data-len="l"]{font-size:1.12rem!important}
}
@media (max-width:360px){body .cat-head h1{font-size:1.2rem!important}body .cat-head h1[data-len="m"]{font-size:1.1rem!important}body .cat-head h1[data-len="l"]{font-size:.98rem!important}}

/* v104: mobil – názov produktu v jednom riadku */
@media (max-width:640px){
  .buy h1.pd-h1{white-space:nowrap;letter-spacing:-.02em;line-height:1.2}
  .buy h1.pd-h1[data-len="m"]{font-size:1.15rem!important}
  .buy h1.pd-h1[data-len="l"]{font-size:.98rem!important}
  .buy h1.pd-h1[data-len="xl"]{font-size:.88rem!important}
}
@media (max-width:360px){.buy h1.pd-h1[data-len="m"]{font-size:1.02rem!important}.buy h1.pd-h1[data-len="l"]{font-size:.88rem!important}.buy h1.pd-h1[data-len="xl"]{font-size:.8rem!important}}

/* v105: mobil – spodná lišta: len cena bez DPH, vedľa tlačidlá s textom; nič nepretŕča */
@media (max-width:640px){
  .stickybuy .price small{display:none!important}
  .stickybuy .price .pvx{display:block;margin:0;font-size:.6rem;line-height:1}
  .stickybuy .price{flex:0 0 auto!important}
  .stickybuy .sb-btns{min-width:0}
  .stickybuy .sb-btns .btn{min-width:0;white-space:normal;word-break:normal;overflow-wrap:anywhere}
  .stickybuy .sb-btns .btn span{min-width:0}
}

/* v106: rozmery haly pod názvom – 4 stĺpce (popisok nad hodnotou), bez rámčekov; popisky čiernou, hodnoty zelenou */
.buy .dimline{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem!important;margin-top:.7rem!important;font-size:.85rem!important}
.buy .dimline span{display:flex;flex-direction:column;gap:.1rem;color:#121A14;font-weight:500;line-height:1.1}
.buy .dimline b{font-size:1.6rem!important;font-weight:700!important;color:#2F9640;letter-spacing:-.02em;white-space:nowrap}
@media (max-width:640px){.buy .dimline{gap:.35rem!important;font-size:.74rem!important}.buy .dimline b{font-size:1.12rem!important}}
@media (max-width:360px){.buy .dimline b{font-size:.98rem!important}}

/* v107: poradca pri produkte – 1. riadok text, 2. riadok „sme online“ + číslo */
.adv-mini small{display:block}
.adv-l2{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap;margin-top:.1rem}
.adv-l2 em{font-size:.78rem}

/* v108: dlhé nadpisy – 2. riadok v ostrom zelenom rámčeku (zelená z loga Flexihaly) */
h1.hl2l,h2.hl2l{line-height:1.25!important;text-wrap:initial}
.hl-box{display:inline-block;background:#3DAE49;color:#FFFFFF;padding:.04em .32em .08em;margin-top:.12em;border-radius:6px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.cat-head .hl-box,.hero .hl-box{color:#FFFFFF}

/* v109: lightbox – šípky medzi fotkami produktu */
.lb-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:52px;height:52px;border-radius:50%;border:0;background:#FFFFFF;color:#173F22;display:grid;place-items:center;cursor:pointer;box-shadow:0 6px 20px -8px rgba(0,0,0,.5)}
.lb-nav svg{width:26px;height:26px}
.lb-nav.prev{left:1.2rem}.lb-nav.next{right:1.2rem}
.lb-nav:hover{background:#3DAE49;color:#FFFFFF}
.lb-count{position:absolute;bottom:1.2rem;left:50%;transform:translateX(-50%);background:rgba(255,255,255,.92);color:#173F22;font-weight:600;font-size:.85rem;padding:.25rem .7rem;border-radius:999px}
#lbImg{user-select:none;-webkit-user-drag:none}
@media (max-width:640px){.lb-nav{width:42px;height:42px}.lb-nav.prev{left:.5rem}.lb-nav.next{right:.5rem}}

/* v110: Haly skladom – rozdelenie podľa typu a šírky */
.stk-f{display:grid;gap:.6rem;margin-bottom:1.6rem;position:sticky;top:calc(var(--hh,98px) + 4px);z-index:5;background:var(--bg);padding:.6rem 0;border-bottom:1px solid var(--line)}
.stk-row{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center}
.stk-row .chip small{color:inherit;opacity:.7;font-weight:500;margin-left:.15rem}
.stk-row .chip.on{background:#3DAE49;border-color:#3DAE49;color:#FFFFFF}
.stk-lab{font-size:.85rem;font-weight:600;color:var(--muted);margin-right:.2rem}
.stk-cat{margin-bottom:2.6rem}
.stk-h{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;flex-wrap:wrap;margin-bottom:.4rem}
.stk-w{margin-top:1.2rem}
.stk-h .linkbtn{white-space:nowrap;display:inline-flex;align-items:center;gap:.3rem}.stk-h .linkbtn svg{width:15px;height:15px}
.stk-w h3{font-size:1.08rem;margin-bottom:.7rem;display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem}
.stk-w h3 small{font-size:.8rem;font-weight:500;color:var(--muted)}
@media (max-width:640px){.stk-f{overflow:hidden}.stk-row{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:.1rem}.stk-row::-webkit-scrollbar{display:none}.stk-row .chip{flex:none}}

/* v111: mobil úvod – 4 údaje v jednom riadku, vycentrované, bez prekrývania */
@media (max-width:640px){
  .hero .dim{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:.25rem!important}
  .hero .dim div{text-align:center;font-size:.6rem!important;overflow:hidden}
  .hero .dim b{font-size:.84rem!important;letter-spacing:-.02em;white-space:nowrap}
}
@media (max-width:360px){.hero .dim b{font-size:.74rem!important}.hero .dim div{font-size:.56rem!important}}