/* nej-rollup.cz — prototyp v1 · main.css
   Tokeny: ../../../02_styleguide/tokens.css (kopie v tokens.css vedle tohoto souboru) */

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:var(--f-sans);font-size:var(--fs-base);line-height:var(--lh-base);color:var(--c-text);background:var(--c-bg);-webkit-font-smoothing:antialiased}
img,svg{display:block;max-width:100%}
a{color:var(--c-primary);text-decoration:none}
a:hover{text-decoration:underline}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
h1,h2,h3,h4{margin:0;line-height:var(--lh-tight);font-weight:var(--fw-bold);letter-spacing:-.01em}
p{margin:0}
ul{margin:0;padding:0;list-style:none}
table{border-collapse:collapse;width:100%}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* ── Layout ─────────────────────────────────────── */
.container{max-width:calc(var(--container) + 2*var(--container-pad));margin:0 auto;padding:0 var(--container-pad)}
.section{padding:var(--section-y) 0}
.section--tight{padding:var(--s-8) 0}
.section--bg{background:var(--c-bg-2)}
.section__head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s-5);margin-bottom:var(--s-7)}
.section__head h2{font-size:var(--fs-2xl);font-weight:var(--fw-semibold)}
.section__head p{color:var(--c-text-2);max-width:56ch;margin-top:var(--s-2)}
.grid{display:grid;gap:var(--gutter)}
.grid--2{grid-template-columns:repeat(2,1fr)}
.grid--3{grid-template-columns:repeat(3,1fr)}
.grid--4{grid-template-columns:repeat(4,1fr)}

/* ── Typo helpers ───────────────────────────────── */
.eyebrow{font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--c-primary)}
.muted{color:var(--c-text-2)}
.small{font-size:var(--fs-sm)}
.price{font-weight:var(--fw-bold);white-space:nowrap;font-variant-numeric:tabular-nums}

/* ── Buttons ────────────────────────────────────── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);height:48px;padding:0 var(--s-5);border-radius:var(--r-md);font-weight:var(--fw-semibold);font-size:var(--fs-base);white-space:nowrap;transition:background var(--t-fast),color var(--t-fast),border-color var(--t-fast),transform var(--t-fast)}
.btn:hover{text-decoration:none}
.btn:active{transform:translateY(1px)}
.btn--cta{background:var(--c-cta);color:#fff}
.btn--cta:hover{background:var(--c-cta-hover)}
.btn--primary{background:var(--c-primary);color:#fff}
.btn--primary:hover{background:var(--c-primary-hover)}
.btn--ghost{background:transparent;color:var(--c-text);border:1px solid var(--c-line-strong)}
.btn--ghost:hover{border-color:var(--c-text);background:var(--c-bg-2)}
.btn--lg{height:56px;padding:0 var(--s-6);font-size:var(--fs-md)}
.btn--block{width:100%}
.btn svg{width:20px;height:20px;flex:none}

/* ── Badges / chips ─────────────────────────────── */
.badge{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:.02em}
.badge--accent{background:var(--c-accent);color:#fff}
.badge--soft{background:var(--c-primary-soft);color:var(--c-primary)}
.badge--ok{background:var(--c-cta-soft);color:var(--c-cta)}
.badge--neutral{background:var(--c-bg-3);color:var(--c-text-2)}

/* ── Topbar ─────────────────────────────────────── */
.topbar{background:var(--c-primary-dark);color:#fff;font-size:var(--fs-sm)}
.topbar .container{display:flex;justify-content:space-between;align-items:center;height:36px}
.topbar ul{display:flex;gap:var(--s-6)}
.topbar li{display:flex;align-items:center;gap:6px;opacity:.92}
.topbar svg{width:16px;height:16px}
.topbar a{color:#fff}

/* ── Header ─────────────────────────────────────── */
.header{position:sticky;top:0;z-index:var(--z-header);background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--c-line)}
.header .container{display:flex;align-items:center;gap:var(--s-7);height:var(--header-h)}
.logo{flex:none}
.logo img{height:32px;width:auto}
.nav{display:flex;gap:var(--s-1);margin:0 auto}
.nav a{color:var(--c-text);font-weight:var(--fw-medium);padding:10px 14px;border-radius:var(--r-md);transition:background var(--t-fast)}
.nav a:hover{background:var(--c-bg-2);text-decoration:none}
.nav a[aria-current]{color:var(--c-primary);background:var(--c-primary-soft)}
.header__right{display:flex;align-items:center;gap:var(--s-3)}
.header__phone{display:flex;align-items:center;gap:8px;color:var(--c-text);font-weight:var(--fw-semibold);padding:10px 14px}
.header__phone svg{width:20px;height:20px;color:var(--c-primary)}
.header__phone small{display:block;font-weight:var(--fw-regular);color:var(--c-text-3);font-size:var(--fs-xs);line-height:1.2}
.cart-btn{display:flex;align-items:center;gap:10px;height:44px;padding:0 16px;border-radius:var(--r-md);border:1px solid var(--c-line-strong);color:var(--c-text);font-weight:var(--fw-semibold)}
.cart-btn:hover{border-color:var(--c-text);text-decoration:none}
.cart-btn svg{width:20px;height:20px}
.cart-btn .count{background:var(--c-primary);color:#fff;font-size:11px;min-width:18px;height:18px;border-radius:9px;display:grid;place-items:center;padding:0 5px}
.burger{display:none;width:44px;height:44px;place-items:center;border-radius:var(--r-md);border:1px solid var(--c-line-strong)}
.burger svg{width:22px;height:22px}

/* ── Hero ───────────────────────────────────────── */
.hero{padding:var(--s-8) 0 var(--s-9)}
.hero .container{display:grid;grid-template-columns:5fr 7fr;gap:var(--s-8);align-items:center}
.hero h1{font-size:3rem;white-space:nowrap;font-weight:var(--fw-bold);letter-spacing:-.025em;margin:var(--s-4) 0 var(--s-5);line-height:1.2}
.hero h1 em{font-style:normal;color:var(--c-primary)}
.hero__lead{font-size:var(--fs-md);color:var(--c-text-2);max-width:52ch;margin-bottom:var(--s-6)}
.hero__actions{display:flex;gap:var(--s-3);flex-wrap:wrap}
.hero__usp{display:flex;gap:var(--s-4);margin-top:var(--s-7);padding-top:var(--s-5);border-top:1px solid var(--c-line)}
.hero__usp li{display:flex;gap:10px;align-items:flex-start;font-size:var(--fs-sm);color:var(--c-text-2)}
.hero__usp strong{display:block;color:var(--c-text);font-weight:var(--fw-semibold);font-size:var(--fs-base)}
.hero__usp svg{width:22px;height:22px;flex:none;color:var(--c-primary);margin-top:2px}
.hero__visual{position:relative;background:var(--c-bg-2);border-radius:var(--r-xl);aspect-ratio:1/1;display:grid;place-items:center;overflow:hidden}
.hero__visual img{height:88%;width:auto;object-fit:contain;filter:drop-shadow(0 24px 40px rgba(0,0,0,.14))}
.hero__tag{position:absolute;left:var(--s-5);top:var(--s-5);background:#fff;border-radius:var(--r-md);box-shadow:var(--sh-md);padding:10px 14px;font-size:var(--fs-sm)}
.hero__tag strong{display:block}
.hero__tag--2{left:auto;top:auto;right:var(--s-5);bottom:var(--s-5)}

/* hero picks (3 mini karty) */
.picks{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-3);align-self:center}
.pick{display:flex;flex-direction:column;background:var(--c-bg-2);border-radius:var(--r-lg);padding:var(--s-4);color:var(--c-text);transition:box-shadow var(--t-base),transform var(--t-base);position:relative}
.pick:hover{text-decoration:none;box-shadow:var(--sh-lg);transform:translateY(-2px)}
.pick__media{aspect-ratio:1/1;display:grid;place-items:center;padding:var(--s-3) 0}
.pick__media img{height:100%;width:auto;object-fit:contain;mix-blend-mode:multiply}
.pick h3{font-size:var(--fs-md);font-weight:var(--fw-semibold);margin-top:var(--s-2)}
.pick p{font-size:var(--fs-xs);color:var(--c-text-2);margin:2px 0 var(--s-2)}
.pick__price{margin-top:var(--s-3);display:flex;justify-content:space-between;align-items:flex-end}
.pick__price .price{font-size:var(--fs-md)}
.pick__price small{display:block;color:var(--c-text-3);font-size:11px}
.pick__go{width:32px;height:32px;border-radius:50%;border:1px solid var(--c-line-strong);display:grid;place-items:center;transition:all var(--t-fast)}
.pick__go svg{width:16px;height:16px}
.pick:hover .pick__go{background:var(--c-primary);border-color:var(--c-primary);color:#fff}
.pick .badge{position:absolute;top:var(--s-3);left:var(--s-3)}
.picks__more{grid-column:1/-1;text-align:center;font-size:var(--fs-sm);color:var(--c-text-2)}

/* steps in dark panel */
.steps-panel{background:var(--c-primary-dark);color:#fff;border-radius:var(--r-xl);padding:var(--s-8) var(--s-7)}
.steps-panel .section__head{margin-bottom:var(--s-6)}
.steps-panel .section__head h2{color:#fff}
.steps-panel .section__head p{color:rgba(255,255,255,.7)}
.steps-panel .eyebrow{color:#9DC7FF}
.steps-panel .step{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12)}
.steps-panel .step__n{background:#fff;color:var(--c-primary-dark)}
.steps-panel .step h3{color:#fff}
.steps-panel .step p{color:rgba(255,255,255,.72)}
.steps-panel__foot{display:flex;align-items:center;gap:var(--s-5);margin-top:var(--s-6);padding-top:var(--s-5);border-top:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.75);font-size:var(--fs-sm);flex-wrap:wrap}
.steps-panel__foot .btn{margin-left:auto}

/* compare with photos */
.cmp__prod{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:150px}
.cmp__prod img{height:120px;width:auto;object-fit:contain;mix-blend-mode:multiply;margin-bottom:6px}
.cmp__prod strong{font-size:var(--fs-base)}
.cmp table thead th{vertical-align:bottom;text-align:center}
.cmp table td{text-align:center}
.cmp table tbody th{text-align:left}
.steps-panel__foot svg{display:inline-block}

/* ── Product cards ──────────────────────────────── */
.pcard{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--c-line);border-radius:var(--r-lg);overflow:hidden;transition:box-shadow var(--t-base),border-color var(--t-base),transform var(--t-base);color:var(--c-text)}
.pcard:hover{box-shadow:var(--sh-lg);border-color:transparent;transform:translateY(-2px);text-decoration:none}
.pcard__media{background:var(--c-bg-2);aspect-ratio:4/5;display:grid;place-items:center;padding:var(--s-5)}
.pcard__media img{height:100%;width:auto;object-fit:contain;mix-blend-mode:multiply}
.pcard__badge{position:absolute;top:var(--s-3);left:var(--s-3)}
.pcard__body{padding:var(--s-4) var(--s-5) var(--s-5);display:flex;flex-direction:column;gap:6px;flex:1}
.pcard h3{font-size:var(--fs-lg);font-weight:var(--fw-semibold)}
.pcard p{color:var(--c-text-2);font-size:var(--fs-sm);min-height:2.6em}
.pcard__foot{display:flex;align-items:flex-end;justify-content:space-between;margin-top:auto;padding-top:var(--s-3)}
.pcard__price{line-height:1.1}
.pcard__price .price{font-size:var(--fs-lg)}
.pcard__price small{display:block;color:var(--c-text-3);font-size:var(--fs-xs)}
.pcard__go{width:40px;height:40px;border-radius:50%;border:1px solid var(--c-line-strong);display:grid;place-items:center;transition:all var(--t-fast)}
.pcard__go svg{width:18px;height:18px}
.pcard:hover .pcard__go{background:var(--c-primary);border-color:var(--c-primary);color:#fff}

/* service card (výměna grafiky) */
.scard{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:var(--s-7);background:var(--c-primary-dark);color:#fff;border-radius:var(--r-xl);padding:var(--s-7);overflow:hidden}
.scard h3{font-size:var(--fs-xl);margin:var(--s-3) 0}
.scard p{color:rgba(255,255,255,.8);max-width:48ch}
.scard .eyebrow{color:#9DC7FF}
.scard__visual{background:rgba(255,255,255,.06);border-radius:var(--r-lg);aspect-ratio:16/9;display:grid;place-items:center;color:rgba(255,255,255,.45);font-size:var(--fs-sm)}
.scard__price{display:flex;gap:var(--s-5);margin:var(--s-5) 0}
.scard__price span{display:block;font-size:var(--fs-xs);color:rgba(255,255,255,.6)}
.scard__price strong{font-size:var(--fs-lg)}

/* ── Steps ──────────────────────────────────────── */
.step{position:relative;padding:var(--s-6);background:#fff;border:1px solid var(--c-line);border-radius:var(--r-lg)}
.step__n{width:40px;height:40px;border-radius:50%;background:var(--c-primary);color:#fff;font-weight:var(--fw-bold);display:grid;place-items:center;margin-bottom:var(--s-4)}
.step h3{font-size:var(--fs-md);font-weight:var(--fw-semibold);margin-bottom:var(--s-2)}
.step p{color:var(--c-text-2);font-size:var(--fs-sm)}

/* ── Compare table ──────────────────────────────── */
.cmp{border:1px solid var(--c-line);border-radius:var(--r-lg);overflow:hidden}
.cmp table{font-size:var(--fs-sm)}
.cmp th,.cmp td{padding:14px 20px;text-align:left;border-bottom:1px solid var(--c-line);vertical-align:top}
.cmp thead th{background:var(--c-bg-2);font-weight:var(--fw-semibold)}
.cmp tbody th{font-weight:var(--fw-medium);color:var(--c-text-2);width:22%}
.cmp tr:last-child td,.cmp tr:last-child th{border-bottom:0}
.cmp .price{color:var(--c-text)}
.cmp td .badge{margin-left:6px}
.cmp .ok{color:var(--c-cta);font-weight:var(--fw-semibold)}
.cmp .no{color:var(--c-text-3)}

/* ── Benefits ───────────────────────────────────── */
.benefit{display:flex;gap:var(--s-4)}
.benefit__ico{flex:none;width:52px;height:52px;border-radius:var(--r-md);background:var(--c-primary-soft);color:var(--c-primary);display:grid;place-items:center}
.benefit__ico svg{width:26px;height:26px}
.benefit h3{font-size:var(--fs-md);font-weight:var(--fw-semibold);margin-bottom:6px}
.benefit p{color:var(--c-text-2);font-size:var(--fs-sm)}

/* ── Data CTA ───────────────────────────────────── */
.datacta{display:grid;grid-template-columns:1fr 1fr;gap:var(--gutter)}
.datacta__box{padding:var(--s-7);border-radius:var(--r-xl);background:var(--c-bg-2);display:flex;flex-direction:column;gap:var(--s-3);align-items:flex-start}
.datacta__box h3{font-size:var(--fs-xl);font-weight:var(--fw-semibold)}
.datacta__box p{color:var(--c-text-2);max-width:46ch}
.datacta__box .btn{margin-top:var(--s-3)}
.datacta__box--blue{background:var(--c-primary-soft)}

/* ── FAQ ────────────────────────────────────────── */
.faq{max-width:860px;margin:0 auto}
.faq details{border-bottom:1px solid var(--c-line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:var(--s-4);padding:var(--s-5) 0;font-weight:var(--fw-semibold);font-size:var(--fs-md)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";width:10px;height:10px;border-right:2px solid var(--c-text-2);border-bottom:2px solid var(--c-text-2);transform:rotate(45deg);transition:transform var(--t-fast);flex:none;margin-right:6px}
.faq details[open] summary::after{transform:rotate(-135deg)}
.faq .faq__a{padding:0 0 var(--s-5);color:var(--c-text-2);max-width:70ch}

/* ── Footer ─────────────────────────────────────── */
.footer{background:var(--c-bg-2);border-top:1px solid var(--c-line);padding:var(--s-8) 0 var(--s-6);font-size:var(--fs-sm);color:var(--c-text-2)}
.footer__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:var(--s-7)}
.footer h4{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--c-text);margin-bottom:var(--s-4);text-transform:uppercase;letter-spacing:.06em}
.footer li{margin-bottom:10px}
.footer a{color:var(--c-text-2)}
.footer a:hover{color:var(--c-primary)}
.footer__contact strong{display:block;color:var(--c-text);font-size:var(--fs-lg);font-weight:var(--fw-bold)}
.footer__bottom{display:flex;justify-content:space-between;align-items:center;gap:var(--s-4);margin-top:var(--s-8);padding-top:var(--s-5);border-top:1px solid var(--c-line);font-size:var(--fs-xs);color:var(--c-text-3)}
.footer__pay{display:flex;gap:8px}
.footer__pay span{border:1px solid var(--c-line-strong);border-radius:4px;padding:2px 8px;background:#fff;font-weight:var(--fw-semibold);color:var(--c-text-2)}

/* ── Breadcrumb ─────────────────────────────────── */
.crumbs{display:flex;gap:8px;font-size:var(--fs-sm);color:var(--c-text-3);padding:var(--s-5) 0 0;margin:0;list-style:none}
.crumbs a{color:var(--c-text-2)}
.crumbs li+li::before{content:"/";margin-right:8px;color:var(--c-line-strong)}

/* ── Type switcher (detail) ─────────────────────── */
.types{display:flex;gap:8px;flex-wrap:wrap;padding:var(--s-5) 0 var(--s-6);border-bottom:1px solid var(--c-line);margin-bottom:var(--s-7)}
.type{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 18px;border-radius:var(--r-md);border:1px solid var(--c-line-strong);background:#fff;text-align:left;transition:all var(--t-fast);min-width:150px}
.type strong{font-weight:var(--fw-semibold);font-size:var(--fs-sm)}
.type span{font-size:var(--fs-xs);color:var(--c-text-3)}
.type:hover{border-color:var(--c-text)}
.type[aria-pressed="true"]{border-color:var(--c-primary);background:var(--c-primary-soft);color:var(--c-primary);box-shadow:inset 0 0 0 1px var(--c-primary)}
.type[aria-pressed="true"] span{color:var(--c-primary)}
.types__label{width:100%;font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--c-text-3);margin-bottom:4px}

/* ── Product detail layout ──────────────────────── */
.pd{display:grid;grid-template-columns:7fr 5fr;gap:var(--s-8);align-items:start}
.gallery{position:sticky;top:calc(var(--header-h) + 24px)}
.gallery__main{background:var(--c-bg-2);border-radius:var(--r-xl);aspect-ratio:1/1;display:grid;place-items:center;padding:var(--s-7);position:relative;overflow:hidden}
.gallery__main img{height:100%;width:auto;object-fit:contain;mix-blend-mode:multiply;transition:opacity var(--t-base)}
.gallery__thumbs{display:flex;gap:var(--s-3);margin-top:var(--s-3)}
.gallery__thumbs button{width:88px;height:88px;border-radius:var(--r-md);border:1px solid var(--c-line);background:var(--c-bg-2);padding:8px;display:grid;place-items:center;overflow:hidden}
.gallery__thumbs button img{height:100%;width:100%;object-fit:contain;mix-blend-mode:multiply}
.gallery__thumbs button[aria-current]{border-color:var(--c-primary);box-shadow:inset 0 0 0 1px var(--c-primary)}
.gallery__badges{position:absolute;top:var(--s-4);left:var(--s-4);display:flex;gap:6px}

.buy h1{font-size:var(--fs-2xl);letter-spacing:-.02em;margin:var(--s-2) 0 var(--s-2)}
.buy__sub{color:var(--c-text-2);margin-bottom:var(--s-5)}
.buy__meta{display:flex;gap:var(--s-4);align-items:center;font-size:var(--fs-sm);color:var(--c-text-2);margin-bottom:var(--s-5)}
.buy__meta .dot{width:8px;height:8px;border-radius:50%;background:var(--c-cta);display:inline-block;margin-right:6px}

.opt{margin-bottom:var(--s-5)}
.opt__label{display:flex;justify-content:space-between;font-size:var(--fs-sm);font-weight:var(--fw-semibold);margin-bottom:10px}
.opt__label a{font-weight:var(--fw-regular)}
.opt__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.opt__grid--2{grid-template-columns:repeat(2,1fr)}
.radio{position:relative}
.radio input{position:absolute;inset:0;opacity:0;cursor:pointer}
.radio__box{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border:1px solid var(--c-line-strong);border-radius:var(--r-md);transition:all var(--t-fast);height:100%}
.radio__box strong{font-weight:var(--fw-semibold);font-size:var(--fs-sm)}
.radio__box span{font-size:var(--fs-xs);color:var(--c-text-3)}
.radio__box .price{font-size:var(--fs-sm);color:var(--c-text-2);margin-top:4px;font-weight:var(--fw-medium)}
.radio input:hover+.radio__box{border-color:var(--c-text)}
.radio input:checked+.radio__box{border-color:var(--c-primary);box-shadow:inset 0 0 0 1px var(--c-primary);background:var(--c-primary-soft)}
.radio input:checked+.radio__box .price{color:var(--c-primary)}
.radio input:focus-visible+.radio__box{outline:2px solid var(--c-primary);outline-offset:2px}

.pricebox{border:1px solid var(--c-line);border-radius:var(--r-lg);padding:var(--s-5);margin-top:var(--s-6)}
.pricebox__row{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s-4)}
.pricebox__total .price{font-size:var(--fs-3xl);line-height:1;letter-spacing:-.02em}
.pricebox__total small{display:block;color:var(--c-text-3);font-size:var(--fs-sm);margin-top:6px}
.pricebox__total .vat{color:var(--c-text-2)}
.qty{display:flex;align-items:center;border:1px solid var(--c-line-strong);border-radius:var(--r-md);height:48px}
.qty button{width:44px;height:100%;font-size:20px;color:var(--c-text-2)}
.qty button:hover{color:var(--c-text)}
.qty input{width:48px;text-align:center;border:0;font:inherit;font-weight:var(--fw-semibold);height:100%;-moz-appearance:textfield}
.qty input::-webkit-inner-spin-button{-webkit-appearance:none}
.pricebox .btn{margin-top:var(--s-4)}
.pricebox__alt{text-align:center;font-size:var(--fs-sm);margin-top:var(--s-3);color:var(--c-text-2)}
.bulk{display:flex;gap:var(--s-3);margin-top:var(--s-4);font-size:var(--fs-xs);color:var(--c-text-2)}
.bulk span{background:var(--c-bg-2);padding:6px 10px;border-radius:var(--r-sm)}
.bulk strong{color:var(--c-text)}

.trust{margin-top:var(--s-5);display:flex;flex-direction:column;gap:12px;font-size:var(--fs-sm)}
.trust li{display:flex;gap:10px;align-items:center;color:var(--c-text-2)}
.trust svg{width:20px;height:20px;color:var(--c-cta);flex:none}
.trust strong{color:var(--c-text);font-weight:var(--fw-medium)}

/* detail content below */
.pd-content{margin-top:var(--s-9)}
.subnav{position:sticky;top:var(--header-h);z-index:5;background:rgba(255,255,255,.95);backdrop-filter:blur(8px);border-top:1px solid var(--c-line);border-bottom:1px solid var(--c-line);margin-bottom:var(--s-8)}
.subnav ul{display:flex;gap:var(--s-2)}
.subnav a{display:block;padding:16px 14px;color:var(--c-text-2);font-weight:var(--fw-medium);font-size:var(--fs-sm);border-bottom:2px solid transparent;margin-bottom:-1px}
.subnav a:hover{color:var(--c-text);text-decoration:none}
.subnav a.is-active{color:var(--c-primary);border-color:var(--c-primary)}
.prose{max-width:72ch}
.prose h2{font-size:var(--fs-xl);font-weight:var(--fw-semibold);margin-bottom:var(--s-4)}
.prose p{color:var(--c-text-2);margin-bottom:var(--s-4)}
.prose ul{list-style:disc;padding-left:1.2em;color:var(--c-text-2);margin-bottom:var(--s-4)}
.prose li{margin-bottom:6px}
.block{padding:var(--s-8) 0;border-top:1px solid var(--c-line)}
.block:first-child,.subnav+.block{border-top:0;padding-top:0}
.block__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-8);align-items:center}
.block__visual{background:var(--c-bg-2);border-radius:var(--r-xl);aspect-ratio:4/3;display:grid;place-items:center;overflow:hidden}
.block__visual img{width:100%;height:100%;object-fit:cover}
.specs{max-width:760px}
.specs tr{border-bottom:1px solid var(--c-line)}
.specs th{text-align:left;font-weight:var(--fw-medium);color:var(--c-text-2);padding:14px 0;width:40%;font-size:var(--fs-sm)}
.specs td{padding:14px 0;font-size:var(--fs-sm)}
.inbox{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gutter)}
.inbox li{background:var(--c-bg-2);border-radius:var(--r-lg);padding:var(--s-5);font-size:var(--fs-sm)}
.inbox svg{width:28px;height:28px;color:var(--c-primary);margin-bottom:var(--s-3)}
.inbox strong{display:block;margin-bottom:4px}

/* ── Mobile sticky buy bar ──────────────────────── */
.buybar{display:none}

/* ── Responsive ─────────────────────────────────── */
@media (max-width:1200px){
  .hero h1{font-size:var(--fs-3xl)}
  .grid--4{grid-template-columns:repeat(3,1fr)}
  .pd{grid-template-columns:1fr;gap:var(--s-6)}
  .gallery{position:static}
  .footer__grid{grid-template-columns:1fr 1fr}
  .inbox{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:900px){
  :root{--container-pad:var(--container-pad-mobile);--section-y:var(--section-y-mobile)}
  .topbar ul li:not(:first-child){display:none}
  .nav,.header__phone{display:none}
  .burger{display:grid}
  .header .container{gap:var(--s-4)}
  .hero{padding:var(--s-6) 0 var(--s-7)}
  .hero .container{grid-template-columns:1fr}
  .hero__visual{order:-1;aspect-ratio:4/3}
  .hero h1{font-size:var(--fs-2xl)}
  .hero__usp{flex-direction:column;gap:var(--s-4)}
  .section__head{flex-direction:column;align-items:flex-start;margin-bottom:var(--s-5)}
  .section__head h2{font-size:var(--fs-xl)}
  .grid--4,.grid--3,.grid--2{grid-template-columns:repeat(2,1fr)}
  .grid{gap:var(--s-3)}
  .scard{grid-template-columns:1fr;padding:var(--s-5)}
  .picks{grid-template-columns:repeat(3,1fr)}
  .steps-panel{padding:var(--s-5)}
  .datacta{grid-template-columns:1fr}
  .cmp{overflow-x:auto}
  .cmp table{min-width:720px}
  .types{gap:6px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:var(--s-4);margin-bottom:var(--s-5);scrollbar-width:none}
  .type{min-width:auto;flex:none}
  .opt__grid{grid-template-columns:repeat(2,1fr)}
  .block__grid{grid-template-columns:1fr}
  .subnav{display:none}
  .buybar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:var(--z-header);background:#fff;border-top:1px solid var(--c-line);padding:12px var(--container-pad);gap:var(--s-3);align-items:center;box-shadow:0 -8px 24px rgba(0,0,0,.08)}
  .buybar .price{font-size:var(--fs-lg)}
  .buybar small{display:block;color:var(--c-text-3);font-size:var(--fs-xs)}
  .buybar .btn{margin-left:auto}
  body.has-buybar{padding-bottom:80px}
  .footer__bottom{flex-direction:column;align-items:flex-start}
}
@media (max-width:640px){
  .grid--4,.grid--3,.grid--2{grid-template-columns:1fr}
  .pcard__media{aspect-ratio:4/3}
  .inbox{grid-template-columns:1fr}
  .footer__grid{grid-template-columns:1fr}
  .pricebox__row{flex-direction:column;align-items:stretch}
}

/* ── Homepage varianta B (blízko produkci) ─────── */
.heroB{padding:var(--s-8) 0 var(--s-6);text-align:center}
.heroB h1{font-size:var(--fs-3xl);letter-spacing:-.02em;line-height:1.15}
.heroB__sub{font-size:var(--fs-lg);color:var(--c-text-2);margin:var(--s-3) 0 var(--s-7)}
.pboxes{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gutter);text-align:center}
.pbox{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--s-3);padding:var(--s-6) var(--s-5) var(--s-5);background:#fff;border:1px solid var(--c-line);border-radius:var(--r-lg);color:var(--c-text);transition:box-shadow var(--t-base),border-color var(--t-base),transform var(--t-base)}
.pbox:hover{text-decoration:none;box-shadow:var(--sh-lg);border-color:transparent;transform:translateY(-2px)}
.pbox__badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%)}
.pbox h3{font-size:var(--fs-lg);font-weight:var(--fw-semibold)}
.pbox p{font-size:var(--fs-sm);color:var(--c-text-2);min-height:2.7em}
.pbox p strong{color:var(--c-text);font-weight:var(--fw-semibold)}
.pbox__media{width:100%;aspect-ratio:1/1;display:grid;place-items:center;padding:var(--s-3) 0}
.pbox__media img{height:100%;width:auto;object-fit:contain}
.pbox__price{line-height:1.1;margin-top:auto}
.pbox__price .price{font-size:var(--fs-xl);display:block}
.pbox__price small{color:var(--c-text-3);font-size:var(--fs-xs)}
.pbox .btn{width:100%}
.pbox:hover .btn--primary{background:var(--c-primary-hover)}
.pbox__meta{display:flex;flex-direction:column;gap:4px;font-size:var(--fs-xs);color:var(--c-text-2);margin-top:var(--s-2)}
.pbox__meta li{display:flex;align-items:center;justify-content:center;gap:6px}
.pbox__meta svg{width:14px;height:14px;color:var(--c-cta)}
.heroB__under{display:flex;justify-content:space-between;align-items:center;gap:var(--s-5);margin:var(--s-6) 0 var(--s-7);padding:var(--s-4) var(--s-5);background:var(--c-bg-2);border-radius:var(--r-md);font-size:var(--fs-sm);color:var(--c-text-2)}
.heroB__ship{display:flex;align-items:center;gap:8px}
.heroB__ship svg{width:20px;height:20px;color:var(--c-primary)}
.heroB__ship strong{color:var(--c-text)}
.linktiles{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gutter)}
.linktile{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-4) var(--s-5);border:1px solid var(--c-line);border-radius:var(--r-md);color:var(--c-text);font-weight:var(--fw-medium);text-align:left;transition:border-color var(--t-fast),background var(--t-fast)}
.linktile:hover{text-decoration:none;border-color:var(--c-primary);background:var(--c-primary-soft)}
.linktile>svg{width:24px;height:24px;color:var(--c-primary);flex:none}
.linktile span{flex:1}
.linktile__arrow{width:18px!important;height:18px!important;color:var(--c-text-3)!important}
@media (max-width:1200px){.pboxes{grid-template-columns:repeat(2,1fr)}}
@media (max-width:900px){.heroB h1{font-size:var(--fs-2xl)}.linktiles{grid-template-columns:1fr}.heroB__under{flex-direction:column;align-items:flex-start}}
@media (max-width:640px){.pboxes{grid-template-columns:1fr}}
.pbox__specs{width:100%;display:grid;grid-template-columns:auto 1fr;gap:6px 12px;font-size:var(--fs-xs);text-align:left;margin:var(--s-2) 0;padding-top:var(--s-3);border-top:1px solid var(--c-line)}
.pbox__specs dt{color:var(--c-text-3);margin:0}
.pbox__specs dd{margin:0;color:var(--c-text-2)}
.heroB__more{font-size:var(--fs-sm);color:var(--c-text-2);margin:var(--s-5) 0 var(--s-7)}
.topbar__contact i{font-style:normal;opacity:.45;margin:0 4px}
.pbox h3{font-size:var(--fs-xl)}
.pbox__sizes{font-size:var(--fs-sm);color:var(--c-text-2);min-height:0;margin-top:auto}
.pbox__sizes strong{color:var(--c-text);font-weight:var(--fw-medium)}
.pbox__price{display:flex;align-items:baseline;justify-content:center;gap:8px;margin-top:0}
.pbox__price .price{display:inline}
.heroB{padding-bottom:var(--s-4)}
.section--data{padding-top:var(--s-6)}
.heroB h1 em{font-style:normal;color:var(--c-primary)}

/* ── HP B: čistší první screen ─────────────────── */
.heroB{padding:var(--s-8) 0 0}
.heroB h1{font-size:var(--fs-2xl)}
.heroB__sub{margin:var(--s-2) 0 var(--s-8)}
.pbox h3{font-size:var(--fs-lg)}
.pbox{gap:var(--s-2)}
.section--data{padding-top:var(--s-9)}
.step{display:grid;grid-template-columns:36px 1fr;column-gap:var(--s-4);align-items:start;padding:var(--s-5)}
.step__n{grid-row:1/3;margin-bottom:0;width:36px;height:36px}
.step h3{margin-bottom:4px}
.steps-panel{padding:var(--s-7) var(--s-7) var(--s-6)}
.steps-panel .section__head{margin-bottom:var(--s-5)}
.steps-panel__foot{margin-top:var(--s-5);padding-top:var(--s-4)}
.hpB .section{padding:var(--s-9) 0 0}
.hpB .section--bg{padding:var(--s-9) 0}
.hpB .section--data{padding-top:var(--s-9)}
.hpB .section:has(+ .section--bg){padding-bottom:var(--s-9)}
.pbox p{margin-top:-4px}
.pbox__media{background:var(--c-bg-2);border-radius:var(--r-md);padding:var(--s-4);margin:var(--s-2) 0 var(--s-3)}
.pbox__media img{mix-blend-mode:multiply}
.pbox__meta{margin-top:0}
.pbox__price{margin-top:auto}
.pbox__meta{margin:-4px 0 var(--s-2)}
.cart-btn{min-width:0;padding:0 16px;justify-content:flex-start}
.cart-btn__label{color:var(--c-text-2);font-weight:var(--fw-regular);margin-right:auto}
.cart-btn__sum{font-variant-numeric:tabular-nums;white-space:nowrap}
.hpB .datacta__box p{max-width:none}

/* FAQ kompaktní, 2 sloupce */
.faqB .section__head h2{font-size:var(--fs-xl)}
.faqB .section__head{margin-bottom:var(--s-5)}
.faq--cols{max-width:860px;margin:0 auto}
.faq--cols summary{padding:var(--s-4) 0;font-size:var(--fs-base)}
.faq--cols .faq__a{font-size:var(--fs-sm);padding-bottom:var(--s-4)}
.hpB .faqB{padding:var(--s-8) 0}
@media (max-width:900px){.faq--cols{grid-template-columns:1fr}}

/* footer trust row */
.footer__trust{display:flex;align-items:center;gap:var(--s-6);flex-wrap:wrap;margin-top:var(--s-8);padding-top:var(--s-5);border-top:1px solid var(--c-line)}
.trustbadge{display:flex;align-items:center;gap:10px;color:var(--c-text);line-height:1.2}
.trustbadge:hover{text-decoration:none}
.trustbadge strong{display:block;font-weight:var(--fw-semibold);font-size:var(--fs-sm)}
.trustbadge small{display:block;color:var(--c-text-3);font-size:var(--fs-xs)}
.trustbadge .stars{color:#F5A623;font-size:12px;letter-spacing:1px}
.trustbadge__g,.trustbadge__h{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:var(--fw-bold);flex:none;background:#fff;border:1px solid var(--c-line)}
.trustbadge__g{color:#4285F4;font-size:18px}
.trustbadge__h{color:#fff;background:#2E8B57;border-color:#2E8B57}
.trustbadge__pp{height:36px;width:auto;background:var(--c-primary-dark);padding:7px 10px;border-radius:var(--r-sm)}
.footer__trust .footer__pay{margin-left:auto}