@font-face{font-family:Archivo;font-style:normal;font-weight:300 800;font-stretch:62% 125%;font-display:swap;src:url(/fonts/archivo-normal-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Archivo;font-style:normal;font-weight:300 800;font-stretch:62% 125%;font-display:swap;src:url(/fonts/archivo-normal-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{
  --noc:#191714;      /* teplá uhlová, ne černá */
  --stin:#24211D;
  --linka:#3A3631;
  --svetlo:#FFE3B3;   /* 2700 K */
  --svetlo2:#FFF2DC;
  --studio:#D8D8D6;   /* šedé pozadí jejich produktových fotek */
  --papir:#EDEDEB;
  --ink:#191714;
  --muted:#6B665F;
  --on:#EFEBE4;
  --on2:#A9A39A;
  --f:Archivo,"Helvetica Neue",system-ui,sans-serif;
  --wrap:1320px; --pad:clamp(18px,4vw,48px);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:76px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--noc);color:var(--on);font:400 17px/1.6 var(--f);font-stretch:100%;text-rendering:geometricPrecision;font-kerning:normal;-webkit-font-smoothing:antialiased;overflow-x:clip}
body.has-pbar{padding-bottom:52px}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-underline-offset:.2em}
p{margin:0 0 1em}
h1,h2,h3{margin:0;font-weight:500;font-stretch:118%;letter-spacing:-.03em;line-height:1}
h2{font-size:clamp(2.2rem,4.6vw,4rem)}
h3{font-size:1.35rem;font-stretch:110%;letter-spacing:-.015em;line-height:1.15}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--pad)}
.sec{padding:clamp(80px,11vw,150px) 0}
.lede{font-size:clamp(1.08rem,1.35vw,1.2rem);max-width:56ch;color:var(--on2)}
.light{background:var(--papir);color:var(--ink)}
.light .lede,.light .muted{color:var(--muted)}
:focus-visible{outline:2px solid var(--svetlo);outline-offset:3px}
.light :focus-visible{outline-color:var(--ink)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px;border:1px solid var(--svetlo);background:var(--svetlo);color:var(--ink);font:550 1rem/1 var(--f);text-decoration:none;cursor:pointer;transition:box-shadow .3s,background .2s}
.btn:hover{box-shadow:0 0 0 6px rgba(255,227,179,.16),0 0 40px rgba(255,227,179,.35)}
.btn.ghost{background:transparent;color:inherit;border-color:rgba(255,255,255,.35)}
.btn.ghost:hover{border-color:var(--svetlo);box-shadow:none}
.btn.ink{background:var(--ink);border-color:var(--ink);color:var(--svetlo2)}

/* header */
.hdr{position:fixed;inset:0 0 auto;z-index:50;transition:background .3s}
.hdr .in{display:flex;align-items:center;gap:30px;height:76px}
.hdr .logo{width:118px;flex:none}
.hdr nav{display:flex;gap:28px;margin-left:auto}
.hdr nav a{text-decoration:none;font-size:.97rem;color:var(--on);opacity:.85;padding:6px 0}
.hdr nav a:hover{opacity:1}
.hdr .btn{min-height:42px;padding:0 20px;font-size:.93rem}
.hdr.solid{background:rgba(25,23,20,.92);backdrop-filter:blur(10px);box-shadow:0 1px 0 var(--linka)}
.burger{display:none;margin-left:auto;width:46px;height:46px;border:1px solid var(--linka);border-radius:50%;background:transparent;color:#fff;cursor:pointer}
.burger span{display:block;width:18px;height:1.5px;background:currentColor;margin:4px auto;transition:transform .25s,opacity .25s}
.menu-open .burger span:nth-child(1){transform:translateY(5.5px) rotate(45deg)}
.menu-open .burger span:nth-child(2){opacity:0}
.menu-open .burger span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}

/* hero se stmívačem */
.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;--dim:1;--tint:rgba(255,170,90,.0)}
.hero .ph{position:absolute;inset:0}
.hero .ph img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;filter:brightness(calc(.18 + .82*var(--dim))) saturate(calc(.6 + .4*var(--dim)));transition:filter .5s ease}
.hero .tint{position:absolute;inset:0;background:var(--tint);mix-blend-mode:soft-light;transition:background .6s ease;pointer-events:none}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(25,23,20,.6) 0%,rgba(25,23,20,0) 20%,rgba(25,23,20,0) 45%,rgba(25,23,20,.9) 100%),linear-gradient(90deg,rgba(25,23,20,.45) 0%,rgba(25,23,20,0) 55%);pointer-events:none}
.hero .wrap{position:relative;z-index:2;width:100%;padding-bottom:clamp(28px,4vw,52px)}
.hero h1{font-size:clamp(2.9rem,7vw,6.8rem);max-width:12ch;color:#fff;font-weight:450}
.hero .sub{font-size:clamp(1.1rem,1.6vw,1.35rem);color:var(--on);margin:22px 0 32px;max-width:40ch}
.hero .row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:28px}
.hero .ctas{display:flex;flex-wrap:wrap;gap:12px}
.dimmer{background:rgba(25,23,20,.55);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.14);border-radius:22px;padding:18px 20px 16px;min-width:min(380px,100%)}
.dimmer .top{display:flex;justify-content:space-between;align-items:baseline;font-size:.9rem;color:var(--on2);margin-bottom:10px}
.dimmer .top b{color:#fff;font-weight:550;font-variant-numeric:tabular-nums}
.dimmer input[type=range]{width:100%;appearance:none;-webkit-appearance:none;height:28px;background:transparent;margin:0 0 12px;cursor:pointer}
.dimmer input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:6px;background:linear-gradient(90deg,#3a352e,var(--svetlo))}
.dimmer input[type=range]::-moz-range-track{height:6px;border-radius:6px;background:linear-gradient(90deg,#3a352e,var(--svetlo))}
.dimmer input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;margin-top:-9px;box-shadow:0 0 0 4px rgba(255,227,179,.35),0 0 22px rgba(255,227,179,.7)}
.dimmer input[type=range]::-moz-range-thumb{width:24px;height:24px;border:0;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(255,227,179,.35),0 0 22px rgba(255,227,179,.7)}
.kel{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.kel button{border:1px solid rgba(255,255,255,.18);background:transparent;color:var(--on);border-radius:12px;padding:9px 0 8px;font:500 .9rem/1.1 var(--f);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px}
.kel button i{width:16px;height:16px;border-radius:50%;display:block}
.kel button[aria-pressed=true]{border-color:#fff;background:rgba(255,255,255,.1)}
.kel small{display:block;color:var(--on2);font-size:.72rem}

/* služby */
.svc .grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,110px);align-items:start}
.steps{list-style:none;margin:0;padding:0;counter-reset:s}
.steps li{counter-increment:s;display:grid;grid-template-columns:64px 1fr;gap:18px;padding:24px 0;border-top:1px solid var(--linka)}
.steps li:last-child{border-bottom:1px solid var(--linka)}
.steps li::before{content:counter(s);font:400 2.4rem/1 var(--f);font-stretch:118%;color:var(--svetlo)}
.steps h3{margin-bottom:6px}
.steps p{margin:0;color:var(--on2)}
.creds{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:clamp(56px,7vw,96px)}
.creds div{border-top:1px solid var(--svetlo);padding-top:16px}
.creds b{display:block;font:450 clamp(2rem,3.4vw,2.8rem)/1 var(--f);font-stretch:118%;color:#fff;margin-bottom:8px;letter-spacing:-.02em}
.creds span{color:var(--on2);font-size:.97rem}

/* chytré ovládání */
.smart .grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(40px,6vw,96px);align-items:center}
.smart figure{margin:0}
.smart figure img{width:100%;border-radius:4px}
.points{list-style:none;margin:30px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px 28px}
.points li{padding-left:22px;position:relative;font-weight:450}
.points li::before{content:"";position:absolute;left:0;top:.55em;width:9px;height:9px;border-radius:50%;background:var(--ink)}
.faq{margin-top:clamp(56px,7vw,90px);border-top:1px solid #C9C9C5}
.faq details{border-bottom:1px solid #C9C9C5}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;padding:22px 0;font:500 1.15rem/1.3 var(--f);font-stretch:108%}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-weight:300;font-size:1.6rem;line-height:1;transition:transform .25s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{margin:0 0 24px;max-width:70ch;color:var(--muted)}

/* produkty */
.prod .head{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:44px}
.pgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:#C6C6C3;border:2px solid #C6C6C3}
.pcard{background:var(--studio);display:flex;flex-direction:column;color:var(--ink)}
.pcard img{width:100%;aspect-ratio:1;object-fit:cover;mix-blend-mode:multiply}
.pcard .b{padding:16px 18px 20px}
.pcard h3{font-size:1.25rem}
.pcard small{display:block;color:var(--muted);font-size:.86rem;margin-top:4px;line-height:1.35}
.pcard.feat{grid-column:span 2;grid-row:span 2;position:relative;background:var(--noc);color:#fff}
.pcard.feat img{aspect-ratio:auto;height:100%;mix-blend-mode:normal;position:absolute;inset:0;object-fit:cover;opacity:.88}
.pcard.feat .b{position:relative;margin-top:auto;background:linear-gradient(0deg,rgba(25,23,20,.92),rgba(25,23,20,0));padding:80px 24px 24px}
.pcard.feat small{color:var(--on)}
.pcard.feat{min-height:520px}
.pcard.more{background:var(--noc);color:#fff;text-decoration:none;justify-content:flex-end}
.pcard.more small{color:var(--on2)}
.pcard.more .go{display:inline-block;margin-top:14px;color:var(--svetlo);font-weight:550;border-bottom:1px solid currentColor}
.pcard.more:hover{background:var(--stin)}
.partners{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:30px;font:500 1.05rem/1.4 var(--f);font-stretch:110%;color:var(--muted)}
.partners span:first-child{color:var(--ink)}

/* realizace */
.real .head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:24px;margin-bottom:40px}
.rgrid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:clamp(150px,16vw,230px);gap:10px}
.rgrid figure{margin:0;position:relative;overflow:hidden;background:var(--stin)}
.rgrid img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.rgrid figure:hover img{transform:scale(1.03)}
.rgrid figcaption{position:absolute;left:0;right:0;bottom:0;padding:40px 16px 14px;background:linear-gradient(0deg,rgba(25,23,20,.85),rgba(25,23,20,0));font-size:.92rem;line-height:1.3}
.rgrid figcaption b{display:block;font-weight:550;color:#fff}
.rgrid figcaption span{color:var(--on2)}
.r1{grid-column:span 7;grid-row:span 2}.r2{grid-column:span 5;grid-row:span 1}.r3{grid-column:span 5;grid-row:span 1}
.r4{grid-column:span 4;grid-row:span 2}.r5{grid-column:span 4;grid-row:span 1}.r6{grid-column:span 4;grid-row:span 2}.r7{grid-column:span 4;grid-row:span 1}

/* zakázka + o nás */
.custom .grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(40px,7vw,110px);align-items:center}
.custom figure{margin:0}
.custom img{width:100%}
.about .grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(40px,7vw,110px);align-items:start}
.about .portrait{margin:0;background:#fff}
.about .portrait img{width:100%;aspect-ratio:5/6;object-fit:cover;filter:grayscale(1) contrast(1.05)}
.about .portrait figcaption{padding:14px 16px;color:var(--muted);font-size:.92rem}
.about blockquote{margin:0 0 28px;font:400 clamp(1.6rem,2.6vw,2.3rem)/1.22 var(--f);font-stretch:108%;letter-spacing:-.015em;max-width:30ch}
.tv{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;margin-top:44px;padding-top:28px;border-top:1px solid #C9C9C5}
.tv img{width:100%}

/* kontakt */
.contact .grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(40px,7vw,110px)}
.contact .tel{display:block;font:450 clamp(2rem,3.6vw,3rem)/1 var(--f);font-stretch:116%;color:#fff;text-decoration:none;margin:30px 0 8px;letter-spacing:-.02em}
.contact .co{margin-top:34px;color:var(--on2);font-size:.95rem;line-height:1.55}
.contact .soc{display:flex;gap:18px;margin-top:20px}
form.f{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.f label{display:flex;flex-direction:column;gap:8px;font-size:.9rem;color:var(--on2)}
.f .w2{grid-column:1/-1}
.f input,.f textarea{font:400 1rem/1.3 var(--f);color:#fff;background:var(--stin);border:1px solid var(--linka);border-radius:12px;padding:14px;min-height:52px;width:100%}
.f textarea{min-height:120px;resize:vertical}
.f input:focus,.f textarea:focus{outline:none;border-color:var(--svetlo)}
.f fieldset{grid-column:1/-1;border:0;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.f legend{font-size:.9rem;color:var(--on2);margin-bottom:10px;padding:0}
.f .opt{flex-direction:row;align-items:center;gap:12px;background:var(--stin);border:1px solid var(--linka);border-radius:12px;padding:14px;color:var(--on);cursor:pointer}
.f .opt input{width:20px;height:20px;min-height:0;accent-color:var(--svetlo);flex:none}
.f .file{border:1px dashed var(--linka);border-radius:12px;padding:18px;text-align:center;color:var(--on2)}
.f .gdpr{flex-direction:row;gap:12px;align-items:flex-start;font-size:.88rem}
.f .gdpr input{width:20px;height:20px;min-height:0;margin-top:2px;accent-color:var(--svetlo);flex:none}
.f .send{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:18px;align-items:center}
.f .ok{display:none;margin:0;color:var(--svetlo)}
.f.sent .ok{display:block}

footer.ft{border-top:1px solid var(--linka);padding:40px 0 30px;color:var(--on2);font-size:.9rem}
.ft .in{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;align-items:center}
.ft img{width:100px}
.ft nav{display:flex;flex-wrap:wrap;gap:22px}
.ft a{text-decoration:none}.ft a:hover{color:#fff}

.mcta{display:none}
.pbar{position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--svetlo);color:var(--ink);font:450 .9rem/1.3 var(--f);display:flex;justify-content:center;padding:12px 52px 12px 16px;text-align:center}
.pbar button{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:32px;height:32px;border:0;background:transparent;font-size:1.3rem;cursor:pointer;color:inherit}

@media (max-width:1060px){
  .hdr nav,.hdr .btn{display:none}
  .burger{display:block}
  .menu-open .hdr{background:var(--noc)}
  .menu-open .hdr nav{display:flex;position:fixed;top:76px;left:0;right:0;bottom:0;flex-direction:column;gap:0;padding:16px var(--pad);background:var(--noc)}
  .menu-open .hdr nav a{font:450 1.9rem/1 var(--f);font-stretch:116%;padding:18px 0;border-bottom:1px solid var(--linka);opacity:1}
  .svc .grid,.smart .grid,.custom .grid,.about .grid,.contact .grid,.prod .head{grid-template-columns:1fr}
  .pgrid{grid-template-columns:repeat(2,1fr)}
  .rgrid{grid-template-columns:repeat(6,1fr)}
  .r1{grid-column:span 6}.r2,.r3{grid-column:span 3}.r4,.r6{grid-column:span 3}.r5,.r7{grid-column:span 3}
}
@media (max-width:640px){
  body{font-size:16px}
  .hero{min-height:0}
  .hero .wrap{padding-top:120px;min-height:94svh;display:flex;flex-direction:column;justify-content:flex-end}
  .hero h1{font-size:clamp(2.6rem,12vw,3.6rem)}
  .hero::after{background:linear-gradient(180deg,rgba(25,23,20,.6) 0%,rgba(25,23,20,.25) 25%,rgba(25,23,20,.6) 50%,rgba(25,23,20,.92) 100%)}
  .hero .ctas{width:100%}.hero .ctas .btn{flex:1}
  .dimmer{width:100%}
  .creds,.points,.f fieldset,form.f,.tv{grid-template-columns:1fr}
  .pcard.feat{grid-column:span 2;min-height:380px}
  .rgrid{grid-template-columns:1fr 1fr;grid-auto-rows:150px}
  .r1{grid-column:span 2;grid-row:span 2}.r2,.r3,.r5,.r7{grid-column:span 1;grid-row:span 1}.r4,.r6{grid-column:span 1;grid-row:span 2}
  .mcta{display:grid;grid-template-columns:1fr 1fr;position:fixed;left:0;right:0;bottom:0;z-index:55;background:var(--noc);border-top:1px solid var(--linka);padding:10px 12px calc(10px + env(safe-area-inset-bottom));gap:10px;transform:translateY(110%);transition:transform .3s}
  .mcta.on{transform:none}
  .mcta .btn{min-height:46px;padding:0 10px}
  body.has-pbar .mcta{bottom:46px}
  .pbar{font-size:.8rem;padding:10px 44px 10px 12px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* ===== podstránky ===== */
.hdr nav a[aria-current=page]{opacity:1;color:var(--svetlo)}
.phero{position:relative;padding:calc(76px + clamp(56px,9vw,120px)) 0 clamp(48px,7vw,90px);overflow:hidden;border-bottom:1px solid var(--linka)}
.phero .bg{position:absolute;inset:0}
.phero .bg img{width:100%;height:100%;object-fit:cover;filter:brightness(.38) saturate(.85)}
.phero .bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(25,23,20,.85),rgba(25,23,20,.2) 70%),linear-gradient(0deg,rgba(25,23,20,.9),rgba(25,23,20,0) 50%)}
.phero .wrap{position:relative}
.phero h1{font-size:clamp(2.6rem,6vw,5.4rem);max-width:16ch;color:#fff;font-weight:450}
.phero .lede{margin-top:22px;color:var(--on)}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:.88rem;color:var(--on2);margin-bottom:22px}
.crumbs a{text-decoration:none}.crumbs a:hover{color:#fff}
.crumbs span::before{content:"/";margin-right:8px;opacity:.5}
.kicker{display:inline-block;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:var(--svetlo);margin-bottom:14px}
.light .kicker{color:#8A6A2E}
.sec.tight{padding:clamp(56px,7vw,96px) 0}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{border:1px solid rgba(255,255,255,.22);background:transparent;color:var(--on);border-radius:999px;padding:10px 16px;font:500 .93rem/1.1 var(--f);cursor:pointer;min-height:42px;text-decoration:none;display:inline-flex;align-items:center;gap:8px}
.chip:hover{border-color:var(--svetlo)}
.chip[aria-pressed=true]{background:var(--svetlo);border-color:var(--svetlo);color:var(--ink)}
.chip small{opacity:.7;font-size:.8rem}
.light .chip{border-color:#BDBDB8;color:var(--ink)}
.light .chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--svetlo2)}
.more-link{display:inline-flex;gap:10px;align-items:center;color:var(--svetlo);font-weight:550;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px}
.light .more-link{color:var(--ink)}

/* galerie */
.masonry{columns:3 320px;column-gap:10px}
.masonry figure{break-inside:avoid;margin:0 0 10px;position:relative;background:var(--stin);cursor:zoom-in;overflow:hidden}
.masonry img{width:100%;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.masonry figure:hover img{transform:scale(1.03)}
.masonry figcaption{position:absolute;left:0;right:0;bottom:0;padding:44px 14px 12px;background:linear-gradient(0deg,rgba(25,23,20,.88),rgba(25,23,20,0));font-size:.88rem;line-height:1.3}
.masonry figcaption b{display:block;color:#fff;font-weight:550}
.masonry figcaption span{color:var(--on2)}
.masonry figure[hidden]{display:none}
.count{color:var(--on2);font-size:.95rem;margin-left:auto}
.filterbar{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-bottom:28px}
dialog.lb{border:0;padding:0;margin:0;width:100vw;height:100dvh;max-width:none;max-height:none;background:rgba(14,13,11,.97);color:var(--on)}
dialog.lb::backdrop{background:rgba(0,0,0,.8)}
.lb .stage{position:absolute;inset:56px 64px 96px;display:flex;align-items:center;justify-content:center}
.lb .stage img{max-width:100%;max-height:100%;object-fit:contain;width:auto;height:auto}
.lb .cap{position:absolute;left:0;right:0;bottom:0;padding:18px var(--pad) calc(18px + env(safe-area-inset-bottom));text-align:center;font-size:.95rem;line-height:1.4}
.lb .cap b{color:#fff;display:block}
.lb button{position:absolute;width:48px;height:48px;border-radius:50%;border:1px solid var(--linka);background:rgba(25,23,20,.7);color:#fff;font-size:1.4rem;cursor:pointer;display:flex;align-items:center;justify-content:center}
.lb .x{top:12px;right:12px}.lb .pv{left:10px;top:50%;transform:translateY(-50%)}.lb .nx{right:10px;top:50%;transform:translateY(-50%)}
@media (max-width:640px){.lb .stage{inset:56px 8px 110px}.lb .pv,.lb .nx{top:auto;bottom:calc(64px + env(safe-area-inset-bottom));transform:none}}

/* produkty */
.pgrid a.pcard{text-decoration:none}
.pgrid a.pcard:hover{background:#cfcfcc}
.pgrid a.pcard.feat:hover{background:var(--noc)}
.pcard .who{display:block;font-size:.8rem;color:#8a8580;margin-top:6px}
.pd{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(36px,6vw,90px);align-items:start}
.pd figure{margin:0;background:var(--studio)}
.pd figure img{width:100%}
.pd .meta{display:flex;flex-wrap:wrap;gap:8px 20px;color:var(--on2);font-size:.95rem;margin:0 0 24px}
.pd .meta b{color:#fff;font-weight:550}
.pd .txt p{color:var(--on);max-width:58ch}
.thumbs{columns:4 220px;column-gap:8px}
.thumbs figure{break-inside:avoid;margin:0 0 8px;cursor:zoom-in;background:var(--stin)}
.thumbs img{width:100%}
.rel{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.rel figure{margin:0;position:relative;cursor:zoom-in;aspect-ratio:4/3;overflow:hidden;background:var(--stin)}
.rel img{width:100%;height:100%;object-fit:cover}
.rel figcaption{position:absolute;left:10px;bottom:8px;font-size:.82rem;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.7)}
.pnav{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--linka);padding-top:26px;margin-top:10px}
.pnav a{text-decoration:none;color:var(--on2)}.pnav a b{display:block;color:#fff;font:500 1.4rem/1.2 var(--f);font-stretch:112%}

/* prose */
.prose{max-width:74ch}
.prose h2{font-size:clamp(1.7rem,2.8vw,2.3rem);margin:1.8em 0 .6em;line-height:1.1}
.prose h3{font-size:1.25rem;margin:1.6em 0 .5em}
.prose h2:first-child,.prose h3:first-child{margin-top:0}
.prose p,.prose li{color:#3c3934}
.prose ul{padding-left:1.2em;margin:0 0 1.2em}
.prose li{margin-bottom:.4em}
.prose li::marker{color:#a07c35}
.prose figure{margin:2em 0}
.prose figure img{width:100%;border-radius:4px}
.prose a{color:#7a5b20}
.prose strong{color:var(--ink);font-weight:600}
.yt{position:relative;aspect-ratio:16/9;background:#000;border-radius:4px;overflow:hidden;margin:2em 0}
.yt button{position:absolute;inset:0;border:0;padding:0;background:#000 center/cover no-repeat;cursor:pointer}
.yt button::after{content:"";position:absolute;left:50%;top:50%;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;background:rgba(255,227,179,.95) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 6.5v11l9-5.5z' fill='%23191714'/%3E%3C/svg%3E") center/38px no-repeat;box-shadow:0 0 40px rgba(255,227,179,.5)}
.yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.yt span{position:absolute;left:14px;bottom:12px;color:#fff;font-size:.85rem;text-shadow:0 1px 4px #000}
.acards{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,26px)}
.acard{display:flex;flex-direction:column;text-decoration:none;color:inherit;background:var(--stin);border:1px solid var(--linka);border-radius:6px;overflow:hidden}
.acard:hover{border-color:var(--svetlo)}
.acard .im{aspect-ratio:3/2;background:var(--linka);overflow:hidden}
.acard .im img{width:100%;height:100%;object-fit:cover}
.acard .b{padding:18px 20px 22px}
.acard h3{font-size:1.2rem;line-height:1.2}
.acard p{color:var(--on2);font-size:.93rem;margin:10px 0 0}
.related{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,70px);align-items:start}
.art{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(36px,6vw,90px);align-items:start}
.aside{position:sticky;top:96px;display:grid;gap:12px}
.aside a{display:block;padding:14px 16px;border:1px solid #c9c9c5;border-radius:6px;text-decoration:none;color:var(--ink);font-size:.95rem;line-height:1.3}
.aside a:hover,.aside a[aria-current]{border-color:var(--ink)}
.aside small{color:var(--muted);display:block;margin-bottom:4px}

/* nástroje */
.tool{background:var(--stin);border:1px solid var(--linka);border-radius:24px;padding:clamp(20px,3vw,36px);color:var(--on)}
.tool+.tool{margin-top:0}
.tool h3{font-size:clamp(1.5rem,2.4vw,2rem);margin-bottom:8px;color:#fff}
.tool .intro{color:var(--on2);max-width:62ch;margin-bottom:24px}
.tool .grid2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,40px);align-items:start}
.tool label.fld{display:flex;flex-direction:column;gap:8px;font-size:.9rem;color:var(--on2);margin-bottom:16px}
.tool input[type=number],.tool input[type=text],.tool select{font:400 1rem/1.3 var(--f);color:#fff;background:var(--noc);border:1px solid var(--linka);border-radius:12px;padding:12px 14px;min-height:48px;width:100%}
.tool input:focus,.tool select:focus{outline:none;border-color:var(--svetlo)}
.tool .lbl{font-size:.9rem;color:var(--on2);margin:0 0 10px;display:flex;justify-content:space-between;gap:10px}
.tool .lbl b{color:#fff;font-weight:550;font-variant-numeric:tabular-nums}
.tool .grp{margin-bottom:18px}
.rng{width:100%;appearance:none;-webkit-appearance:none;height:28px;background:transparent;cursor:pointer;margin:0}
.rng::-webkit-slider-runnable-track{height:6px;border-radius:6px;background:linear-gradient(90deg,#3a352e,var(--svetlo))}
.rng::-moz-range-track{height:6px;border-radius:6px;background:linear-gradient(90deg,#3a352e,var(--svetlo))}
.rng::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;margin-top:-9px;box-shadow:0 0 0 4px rgba(255,227,179,.35),0 0 22px rgba(255,227,179,.7)}
.rng::-moz-range-thumb{width:24px;height:24px;border:0;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(255,227,179,.35),0 0 22px rgba(255,227,179,.7)}
.out{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:6px 0 18px}
.out div{border-top:1px solid var(--svetlo);padding-top:12px}
.out b{display:block;font:450 clamp(1.5rem,2.6vw,2.1rem)/1.05 var(--f);font-stretch:116%;color:#fff;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.out span{font-size:.85rem;color:var(--on2)}
.note{font-size:.84rem;color:var(--on2);border-left:2px solid var(--linka);padding-left:12px;margin:14px 0 0}
.src{font-size:.8rem;color:#8a847b;margin-top:12px}
.src a{color:inherit}
.viz{position:relative;border-radius:16px;overflow:hidden;background:#000}
.viz img{width:100%;display:block;transition:filter .5s ease}
.viz .tint{position:absolute;inset:0;mix-blend-mode:soft-light;transition:background .5s;pointer-events:none}
.viz .badge{position:absolute;left:14px;top:14px;background:rgba(25,23,20,.7);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:10px 14px;font-size:.88rem;line-height:1.35}
.viz .badge b{display:block;font:500 1.6rem/1 var(--f);font-stretch:116%;color:#fff;font-variant-numeric:tabular-nums}
.recs{display:grid;gap:10px}
.rec{display:grid;grid-template-columns:72px 1fr auto;gap:14px;align-items:center;background:var(--noc);border:1px solid var(--linka);border-radius:14px;padding:10px 14px 10px 10px}
.rec img{width:72px;height:72px;object-fit:cover;border-radius:10px;background:var(--studio)}
.rec b{color:#fff;font-weight:550;display:block}
.rec small{color:var(--on2);font-size:.84rem}
.rec .pr{text-align:right;font-size:.9rem;color:var(--on2)}
.rec .pr b{font-size:1.05rem}
.rec a{color:var(--svetlo);font-size:.85rem}
.bars{display:grid;gap:12px}
.bar{display:grid;grid-template-columns:minmax(120px,190px) 1fr auto;gap:12px;align-items:center;font-size:.9rem}
.bar i{display:block;height:14px;border-radius:7px;background:linear-gradient(90deg,#6b5a3e,var(--svetlo));transition:width .4s ease;min-width:4px}
.bar span{color:var(--on2)}
.bar b{color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap}
.svgbox{background:#14120f;border-radius:16px;overflow:hidden}
.svgbox svg{display:block;width:100%;height:auto}
.zone{display:grid;grid-template-columns:minmax(120px,170px) 1fr 52px;gap:12px;align-items:center;margin-bottom:6px;font-size:.92rem}
.zone b{text-align:right;color:#fff;font-variant-numeric:tabular-nums}
.sw{display:flex;gap:28px;align-items:center;flex-wrap:wrap}
.rocker{width:110px;height:150px;border-radius:18px;background:#EDEDEB;border:1px solid #cfcfcb;box-shadow:inset 0 -6px 0 rgba(0,0,0,.06),0 10px 30px rgba(0,0,0,.35);cursor:pointer;position:relative;padding:0;flex:none}
.rocker::before{content:"";position:absolute;left:14px;right:14px;top:14px;bottom:14px;border-radius:12px;background:linear-gradient(180deg,#fff,#e2e2df);box-shadow:0 2px 0 #cfcfcb;transition:transform .15s}
.rocker[aria-pressed=true]::before{background:linear-gradient(0deg,#fff,#e2e2df);transform:perspective(200px) rotateX(10deg)}
.rocker[aria-pressed=false]::before{transform:perspective(200px) rotateX(-10deg)}
.rocker span{position:absolute;left:0;right:0;bottom:-28px;font-size:.8rem;color:var(--on2)}
.rocker.btnmode::before{border-radius:50%;left:24px;right:24px;top:44px;bottom:44px}
.lamp{width:200px;height:200px;border-radius:50%;position:relative;flex:none;background:radial-gradient(circle,#2b2722 0 58%,transparent 59%)}
.lamp::before{content:"";position:absolute;inset:30px;border-radius:50%;background:#fff6e6;opacity:var(--l,0);box-shadow:0 0 calc(80px * var(--l,0)) calc(30px * var(--l,0)) rgba(255,227,179,.8);transition:opacity .35s,box-shadow .35s}
.lamp b{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:500 1.7rem/1 var(--f);font-stretch:116%;color:var(--ink);z-index:1}
.lamp.off b{color:var(--on2)}
.log{list-style:none;margin:16px 0 0;padding:0;font-size:.86rem;color:var(--on2);max-height:140px;overflow:auto}
.log li{padding:6px 0;border-bottom:1px solid var(--linka)}
.log li:first-child{color:#fff}
.cfg .res{display:grid;grid-template-columns:160px 1fr;gap:20px;align-items:start;background:var(--noc);border:1px solid var(--linka);border-radius:18px;padding:16px}
.cfg .res img{width:160px;aspect-ratio:4/3;object-fit:contain;background:#fff;border-radius:12px}
.cfg .price{font:450 clamp(1.9rem,3vw,2.6rem)/1 var(--f);font-stretch:116%;color:#fff;letter-spacing:-.02em;margin:6px 0 4px}
.cfg dl{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;font-size:.88rem;margin:12px 0 0}
.cfg dt{color:var(--on2)}.cfg dd{margin:0;color:#fff}
.cfg .acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.cfg .acts .btn{min-height:44px;padding:0 18px;font-size:.92rem}
.steps-w{display:flex;gap:6px;margin-bottom:20px}
.steps-w i{flex:1;height:4px;border-radius:2px;background:var(--linka)}
.steps-w i.on{background:var(--svetlo)}
.wstep[hidden]{display:none}
.wnav{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}
.recap{background:var(--noc);border:1px solid var(--linka);border-radius:14px;padding:16px 18px;font-size:.95rem;line-height:1.6}
.recap b{color:#fff}
.labnav{position:sticky;top:76px;z-index:20;background:rgba(25,23,20,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--linka);padding:12px 0}
.labnav .chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.labnav .chips::-webkit-scrollbar{display:none}
.labnav .chip{white-space:nowrap;flex:none}
.lab{display:grid;gap:clamp(28px,4vw,48px)}
.lab>section{scroll-margin-top:150px}
.tcards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.tcard{display:flex;flex-direction:column;gap:8px;padding:20px;border:1px solid var(--linka);border-radius:16px;text-decoration:none;color:var(--on);min-height:150px;transition:border-color .2s,background .2s}
.tcard:hover{border-color:var(--svetlo);background:var(--stin)}
.tcard em{font-style:normal;color:var(--svetlo);font:500 .82rem/1 var(--f);letter-spacing:.06em}
.tcard b{font:500 1.15rem/1.2 var(--f);font-stretch:110%;color:#fff}
.tcard span{font-size:.88rem;color:var(--on2)}

/* obchod */
.shop{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:#C6C6C3;border:2px solid #C6C6C3}
.scard{background:#fff;color:var(--ink);display:flex;flex-direction:column}
.scard[hidden]{display:none}
.scard .im{aspect-ratio:4/3;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}
.scard .im img{width:100%;height:100%;object-fit:contain}
.scard .b{padding:14px 16px 18px;display:flex;flex-direction:column;gap:8px;flex:1}
.scard h3{font-size:1.02rem;line-height:1.25;font-stretch:104%;letter-spacing:-.005em}
.scard p{font-size:.82rem;color:var(--muted);margin:0;line-height:1.35}
.tags{display:flex;flex-wrap:wrap;gap:4px}
.tags i{font-style:normal;font-size:.72rem;padding:4px 8px;border-radius:999px;background:#EDEDEB;color:#4a4640}
.tags i.bt{background:#191714;color:#FFE3B3}
.scard .pp{margin-top:auto;display:flex;justify-content:space-between;align-items:flex-end;gap:10px}
.scard .pp b{font:500 1.25rem/1 var(--f);font-stretch:112%}
.scard .pp small{display:block;font-size:.75rem;color:var(--muted)}
.scard button{border:1px solid var(--ink);background:transparent;border-radius:999px;padding:9px 14px;font:550 .82rem/1 var(--f);cursor:pointer;color:var(--ink);min-height:38px}
.scard button:hover{background:var(--ink);color:var(--svetlo2)}
dialog.cfgdlg{border:0;border-radius:24px;padding:0;background:transparent;width:min(860px,94vw);max-height:92dvh;color:var(--on)}
dialog.cfgdlg::backdrop{background:rgba(0,0,0,.7)}
dialog.cfgdlg .tool{position:relative}
dialog.cfgdlg .x{position:absolute;top:14px;right:14px;width:42px;height:42px;border-radius:50%;border:1px solid var(--linka);background:var(--noc);color:#fff;font-size:1.2rem;cursor:pointer;z-index:2}
.tbl{width:100%;border-collapse:collapse;font-size:.95rem}
.tbl th,.tbl td{text-align:left;padding:12px 10px;border-bottom:1px solid #c9c9c5;vertical-align:top}
.tbl th{font-weight:600}
.tblwrap{overflow-x:auto}
.mergebox{border:1px solid var(--linka);border-radius:20px;padding:clamp(20px,3vw,32px)}
.cols2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,60px)}
.cols3{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,3vw,32px)}
.media{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.media a{text-decoration:none;color:inherit;display:block}
.media img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:4px}
.media b{display:block;margin-top:10px;font-weight:550}
.media span{font-size:.88rem;color:var(--muted)}
footer.ft .cols{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:30px;padding-bottom:30px;margin-bottom:24px;border-bottom:1px solid var(--linka)}
footer.ft h4{margin:0 0 12px;color:#fff;font:550 .95rem/1.2 var(--f)}
footer.ft .cols nav{display:flex;flex-direction:column;gap:8px}
footer.ft p{margin:0 0 6px;line-height:1.5}
footer.ft .bot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}

@media (max-width:1060px){
  .pd,.related,.art,.tool .grid2,.cols2{grid-template-columns:1fr}
  .aside{position:static}
  .acards,.cols3,.media{grid-template-columns:1fr 1fr}
  .tcards{grid-template-columns:repeat(2,1fr)}
  .shop{grid-template-columns:repeat(3,1fr)}
  .rel{grid-template-columns:repeat(2,1fr)}
  footer.ft .cols{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .acards,.cols3,.media{grid-template-columns:1fr}
  .masonry{columns:2 150px;column-gap:6px}.masonry figure{margin-bottom:6px}
  .masonry figcaption{font-size:.78rem;padding:30px 10px 8px}
  .shop{grid-template-columns:1fr 1fr}
  .scard .pp{flex-direction:column;align-items:flex-start}
  .tcards{grid-template-columns:1fr}
  .rec{grid-template-columns:56px 1fr}.rec img{width:56px;height:56px}.rec .pr{grid-column:1/-1;text-align:left}
  .bar{grid-template-columns:1fr auto}.bar i{grid-column:1/-1;order:3}
  .zone{grid-template-columns:1fr 46px}.zone input{grid-column:1/-1;order:3}
  .cfg .res{grid-template-columns:1fr}.cfg .res img{width:100%}
  .lamp{width:150px;height:150px}.lamp::before{inset:22px}
  footer.ft .cols{grid-template-columns:1fr}
  .phero h1{font-size:clamp(2.2rem,10vw,3rem)}
}

/* ===== e-shop ===== */
[hidden]{display:none!important}
.cartl{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--linka);color:#fff;flex:none}
.cartl:hover{border-color:var(--svetlo)}
.cartl span{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;border-radius:10px;background:var(--svetlo);color:var(--ink);font:600 .72rem/20px var(--f);text-align:center;padding:0 5px}
.hdr .in{gap:20px}
@media (max-width:1060px){.cartl{margin-left:auto}.burger{margin-left:0}}
.snav{display:grid;gap:18px;margin-bottom:26px;padding-bottom:26px;border-bottom:1px solid var(--linka)}
.snav .lbl{font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;color:var(--on2);margin:0 0 10px}
.stb{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center;margin-bottom:22px}
.stb .subf{width:100%}
.stb .tg{display:flex;align-items:center;gap:8px;font-size:.92rem;color:var(--on);cursor:pointer}
.stb .tg input{width:18px;height:18px;accent-color:#FFE3B3}
.stb select{font:400 .95rem/1.2 var(--f);color:#fff;background:var(--stin);border:1px solid var(--linka);border-radius:999px;padding:10px 16px;min-height:42px}
.sgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.sc{display:flex;flex-direction:column;text-decoration:none;color:var(--on);background:var(--stin);border:1px solid var(--linka);border-radius:8px;overflow:hidden;transition:border-color .2s,transform .2s}
.sc:hover{border-color:var(--svetlo);transform:translateY(-2px)}
.sc[hidden]{display:none}
.sc .im{aspect-ratio:4/3;background:#E4E4E1;overflow:hidden}
.sc .im img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}
.sc .b{padding:16px 16px 18px;display:flex;flex-direction:column;gap:9px;flex:1}
.sc h3{font-size:1.04rem;line-height:1.25;font-stretch:104%;letter-spacing:-.005em;color:#fff}
.sc p{font-size:.84rem;color:var(--on2);margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tags{display:flex;flex-wrap:wrap;gap:5px}
.tags i{font-style:normal;font-size:.72rem;padding:4px 9px;border-radius:999px;border:1px solid var(--linka);color:var(--on2)}
.tags i.bt{border-color:var(--svetlo);color:var(--svetlo)}
.tags i.in{border-color:#6f8a5a;color:#b9d39f}
.sc .pp{margin-top:auto;padding-top:6px;display:flex;justify-content:space-between;align-items:flex-end;gap:10px}
.sc .pp small{display:block;font-size:.74rem;color:var(--on2)}
.sc .pp b{font:500 1.35rem/1.05 var(--f);font-stretch:112%;color:var(--svetlo)}
.sc .go{font-size:.85rem;color:#fff;border-bottom:1px solid var(--svetlo)}
.shelp{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(30px,5vw,70px);align-items:center;margin-top:clamp(56px,7vw,90px);padding-top:clamp(40px,5vw,60px);border-top:1px solid var(--linka)}
.shelp h2{font-size:clamp(1.8rem,3vw,2.6rem);margin-bottom:14px}
.shelp .tcards{grid-template-columns:repeat(2,1fr)}
.pdh{padding-bottom:clamp(40px,6vw,80px)}
.pdp{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(30px,5vw,70px);align-items:start}
.pdp h1{font-size:clamp(2rem,3.6vw,3.2rem);line-height:1.05;max-width:none}
.pdp .brand{color:var(--svetlo);margin:12px 0 0;font-size:.9rem;letter-spacing:.06em;text-transform:uppercase}
.pdp .short{color:var(--on);margin:14px 0 16px;max-width:52ch}
.pdp .tags{margin-bottom:22px}
.gal .main{background:#E4E4E1;border-radius:8px;overflow:hidden;aspect-ratio:4/3;cursor:zoom-in}
.gal .main img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.ths{display:flex;gap:8px;margin-top:10px;overflow-x:auto;scrollbar-width:none}
.ths .th{flex:none;width:84px;height:64px;border-radius:6px;border:2px solid transparent;padding:0;background:#E4E4E1;cursor:pointer;overflow:hidden}
.ths .th img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}
.ths .th.on{border-color:var(--svetlo)}
.buy{margin-top:8px;padding-top:20px;border-top:1px solid var(--linka)}
.buy .price{font:450 clamp(2.2rem,3.6vw,3rem)/1 var(--f);font-stretch:116%;color:#fff;letter-spacing:-.02em}
.buy .avail{color:var(--on2);font-size:.9rem;margin:8px 0 18px}
.addrow{display:flex;gap:12px;flex-wrap:wrap}
.qty{display:flex;align-items:center;border:1px solid var(--linka);border-radius:999px;overflow:hidden}
.qty button{width:44px;height:50px;border:0;background:transparent;color:#fff;font-size:1.2rem;cursor:pointer}
.qty input{width:46px;text-align:center;background:transparent;border:0;color:#fff;font:500 1rem var(--f);-moz-appearance:textfield}
.qty input::-webkit-inner-spin-button{-webkit-appearance:none}
.info{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:8px;font-size:.9rem;color:var(--on2)}
.info li{padding-left:20px;position:relative}.info li::before{content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;border-radius:50%;background:var(--svetlo)}
.info a{color:var(--svetlo)}
.pdetail h2{font-size:clamp(1.6rem,2.6vw,2.2rem);margin-bottom:20px}
.ptbl th{width:46%;color:var(--muted);font-weight:500}
.files{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:8px}
.files a{display:inline-flex;gap:10px;align-items:center;color:var(--ink);text-decoration:none;border-bottom:1px solid #b9b9b4;padding-bottom:2px}
.files a::before{content:"PDF";font:600 .68rem/1 var(--f);background:var(--ink);color:var(--svetlo2);padding:4px 6px;border-radius:4px}
.toast{position:fixed;left:50%;bottom:80px;transform:translateX(-50%) translateY(20px);opacity:0;z-index:80;background:var(--svetlo);color:var(--ink);border-radius:999px;padding:12px 18px 12px 22px;display:flex;gap:16px;align-items:center;font:500 .95rem/1.2 var(--f);box-shadow:0 10px 40px rgba(0,0,0,.4);transition:all .3s;pointer-events:none}
.toast.on{opacity:1;transform:translateX(-50%);pointer-events:auto}
.toast a{color:var(--ink);font-weight:650}
.ck{display:grid;grid-template-columns:1fr 360px;gap:clamp(24px,4vw,56px);align-items:start}
.ckstep{background:var(--stin);border:1px solid var(--linka);border-radius:20px;padding:clamp(18px,3vw,30px);margin-bottom:16px}
.ckstep h2{font-size:1.5rem;display:flex;gap:12px;align-items:center;margin-bottom:18px}
.ckstep h2 i{font-style:normal;width:32px;height:32px;border-radius:50%;background:var(--svetlo);color:var(--ink);font:600 .95rem/32px var(--f);text-align:center;flex:none}
.citem{display:grid;grid-template-columns:76px 1fr auto auto;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--linka)}
.citem:last-child{border-bottom:0}
.citem img{width:76px;height:57px;object-fit:cover;border-radius:6px;background:#E4E4E1}
.citem b{color:#fff;font-weight:550;display:block}
.citem small{color:var(--on2);font-size:.82rem}
.citem .pr{font-weight:550;color:#fff;white-space:nowrap;min-width:90px;text-align:right}
.citem .rm{border:0;background:transparent;color:var(--on2);cursor:pointer;font-size:.82rem;padding:0;margin-top:4px;text-decoration:underline}
.opts{display:grid;gap:8px}
.opt2{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:14px 16px;border:1px solid var(--linka);border-radius:14px;cursor:pointer;background:var(--noc)}
.opt2:has(input:checked){border-color:var(--svetlo)}
.opt2.dis{opacity:.4;pointer-events:none}
.opt2 input{width:20px;height:20px;accent-color:#FFE3B3}
.opt2 b{color:#fff;font-weight:550;display:block}
.opt2 small{color:var(--on2);font-size:.84rem}
.opt2 em{font-style:normal;color:#fff;white-space:nowrap}
.cksum{position:sticky;top:96px;background:var(--stin);border:1px solid var(--linka);border-radius:20px;padding:24px}
.cksum h3{font-size:1.3rem;margin-bottom:14px}
.cksum dl{display:grid;grid-template-columns:1fr auto;gap:8px;margin:0;font-size:.95rem}
.cksum dt{color:var(--on2)}.cksum dd{margin:0;color:#fff;text-align:right}
.cksum .tot{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--linka);margin-top:16px;padding-top:16px}
.cksum .tot b{font:500 1.8rem/1 var(--f);font-stretch:114%;color:var(--svetlo)}
.prose.dark p,.prose.dark li{color:var(--on)}
.prose.dark strong{color:#fff}
@media (max-width:1060px){.sgrid{grid-template-columns:repeat(3,1fr)}.pdp,.ck,.shelp{grid-template-columns:1fr}.cksum{position:static}}
@media (max-width:640px){.sgrid{grid-template-columns:1fr 1fr;gap:8px}.sc .b{padding:12px}.sc h3{font-size:.95rem}.sc .pp{flex-direction:column;align-items:flex-start}.sc .pp b{font-size:1.15rem}.sc .go{display:none}
 .citem{grid-template-columns:60px 1fr auto}.citem .qty{grid-column:2}.citem .pr{grid-column:3;grid-row:1}.citem img{width:60px;height:45px}
 .shelp .tcards{grid-template-columns:1fr}.stb select{width:100%}}
.pdp>*{min-width:0}
.phero .pdp h1{font-size:clamp(1.9rem,3.2vw,2.8rem);max-width:none;line-height:1.08}
.pdp .gal{position:sticky;top:96px}
.pdp .grp{margin-bottom:14px}
.pdp .lbl,.stb .lbl{font-size:.88rem;color:var(--on2);margin:0 0 8px}
.tags i{background:transparent}
.sgrid>*{min-width:0}
@media (max-width:1060px){.pdp .gal{position:static}}
.phero.soft .bg img{filter:brightness(.85) saturate(.95)}
.viz.sv,.viz.hv{aspect-ratio:3/2}
.viz.sv img,.viz.hv img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .7s ease,filter .5s ease}
.viz .ki,.viz .dy{opacity:0}
.viz .badge{z-index:2}
.viz .tint{z-index:1}
.viz.sv,.viz.hv{isolation:isolate}
.viz.sv img.L{mix-blend-mode:screen;mix-blend-mode:plus-lighter;transition:opacity .35s ease}
.viz.hv .ev{transition:opacity .5s ease}
.viz.hv .tint{opacity:.4}

/* ===== RedHand prod 2026-10-22: formulář @redhand/forms, cookie lišta, credit, scroll-top ===== */
.teto-formwrap{min-width:0}
form.teto-rhf{--rhf-radius:12px;--rhf-line:var(--linka);--rhf-field-bg:var(--stin);--rhf-ink:#fff;--rhf-muted:var(--on2);font-family:var(--f);color:var(--on)}
form.teto-rhf.rhf-on-dark .rhf-label,form.teto-rhf.rhf-on-dark .rhf-check{color:var(--on2);font-weight:400;font-size:.9rem}
form.teto-rhf.rhf-on-dark .rhf-input,form.teto-rhf.rhf-on-dark .rhf-select,form.teto-rhf.rhf-on-dark .rhf-textarea,form.teto-rhf.rhf-on-dark .rh-phone-cc,form.teto-rhf.rhf-on-dark .rh-phone-national{background-color:var(--stin);border:1px solid var(--linka);border-radius:12px;min-height:52px;color:#fff;font:400 1rem/1.3 var(--f)}
form.teto-rhf.rhf-on-dark .rhf-input:focus,form.teto-rhf.rhf-on-dark .rhf-textarea:focus,form.teto-rhf.rhf-on-dark .rh-phone-cc:focus,form.teto-rhf.rhf-on-dark .rh-phone-national:focus{border-color:var(--svetlo);outline:none}
form.teto-rhf.rhf-on-dark .rhf-check{background:var(--stin);border:1px solid var(--linka);border-radius:12px;padding:8px 14px;color:var(--on)}
form.teto-rhf.rhf-on-dark .rhf-file{border:1px dashed var(--linka);border-radius:12px;padding:14px;color:var(--on2)}
form.teto-rhf.rhf-on-dark .rhf-gdpr{color:var(--on2);font-size:.88rem}
form.teto-rhf.rhf-on-dark .rhf-gdpr a{color:var(--svetlo)}
form.teto-rhf.rhf-on-dark .rhf-submit{min-height:52px;padding:0 26px;border-radius:999px;border:1px solid var(--svetlo);background:var(--svetlo);color:var(--ink);font:550 1rem/1 var(--f)}
form.teto-rhf.rhf-on-dark .rhf-submit:hover{filter:none;box-shadow:0 0 0 6px rgba(255,227,179,.16),0 0 40px rgba(255,227,179,.35)}
.teto-rhf-note{margin-top:18px}
.cbar{position:fixed;left:0;right:0;bottom:0;z-index:90;background:var(--stin);color:var(--on);border-top:1px solid var(--svetlo);box-shadow:0 -12px 40px -20px rgba(0,0,0,.6)}
.cbar[hidden]{display:none}
.cbar__in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;padding-top:14px;padding-bottom:calc(14px + env(safe-area-inset-bottom))}
.cbar__txt{margin:0;font-size:.9rem;line-height:1.5;max-width:80ch;color:var(--on)}
.cbar__txt a{color:var(--svetlo);text-decoration:underline}
.has-cbar .mcta{transform:translateY(110%)!important}
.ck-set{background:none;border:0;padding:0;font:inherit;color:inherit;text-decoration:underline;cursor:pointer}
.ft .bot a{text-decoration:underline;text-underline-offset:2px}
.ft .bot .rhc a{text-decoration:none}
.rh-scrolltop{display:flex;align-items:center;justify-content:center;padding:0 0 24px;margin-top:-16px;color:currentColor;opacity:.4;transition:opacity .2s ease}
.rh-scrolltop:hover{opacity:.7}
.rh-scrolltop svg{transition:transform .2s ease}
.rh-scrolltop:hover svg{transform:translateY(-2px)}
.rhc{display:flex;align-items:center;flex-wrap:wrap;gap:1rem 1.6rem}
.rhc__studio{display:inline-flex;align-items:center;gap:.4rem;color:#B3AAA2;font-size:.9rem}
.rhc__studio:hover{color:#E2DCD5}
.rhc__rh{display:inline-flex;align-items:center;gap:.35rem}
.rhc__hand-img{height:15px;width:auto;display:inline-block}
.rhc__word{font-weight:800;color:#fff;letter-spacing:-.01em}
.rhc__word span{color:#ff7a7e}
.rhc__arr{color:#B3AAA2}
.ft img.rhc__hand-img{width:auto;height:15px}