:root{--ac:#5c27da;--ac2:#4a1fb3;--tx:#1a1a1a;--mu:#6b6b6b;--bd:rgba(26,26,26,.12);--bg:#fff;--soft:#f5f3fb;--r:12px;--rb:60px;--w:1500px}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:Barlow,"Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;font-weight:500;color:var(--tx);background:var(--bg);font-size:16px;line-height:1.6}
a{color:inherit}img,video{max-width:100%;display:block}
h1,h2,h3{font-weight:700;letter-spacing:-.02em;line-height:1.15;margin:0 0 .5em}
h2{font-size:clamp(1.5rem,3vw,2.5rem)}
.wrap{max-width:var(--w);margin:0 auto;padding:0 16px}
@media(min-width:1000px){.wrap{padding:0 48px}}
.sec{margin:56px auto}.narrow{max-width:860px}.center{text-align:center}
.center video{margin:20px auto 0}
.i{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/* лента */
.ann{background:var(--ac);color:#fff;font-size:13px;font-weight:700;overflow:hidden;white-space:nowrap;height:40px;display:flex;align-items:center}
.ann-track{display:inline-flex;gap:56px;animation:mq 40s linear infinite;padding-left:24px}.ann i{font-style:normal}
@keyframes mq{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.ann-track{animation:none}}
/* хедър */
.hdr{background:#fff;border-bottom:1px solid transparent;position:sticky;top:0;z-index:20}
.hdr-in{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:72px;gap:12px}
.nav{display:flex;flex-wrap:wrap;gap:6px 34px;font-weight:700;font-size:15px}
.nav a{text-decoration:none;padding:4px 0}.nav a:hover{color:var(--ac)}
.logo img{height:38px;width:auto}@media(min-width:1000px){.logo img{height:44px}}
.hdr-r{display:flex;justify-content:flex-end;gap:6px}
.ico-btn{background:none;border:0;padding:8px;cursor:pointer;color:var(--tx);position:relative;display:inline-flex}
.cart-n{position:absolute;top:0;right:-2px;background:var(--ac);color:#fff;border-radius:99px;font-size:11px;min-width:18px;height:18px;display:grid;place-items:center;padding:0 4px}
.burger{display:none}
@media(max-width:999px){
 .hdr-in{grid-template-columns:auto 1fr auto;min-height:64px}.burger{display:inline-flex}.logo{justify-self:center}
 .nav{position:fixed;inset:104px 0 auto 0;background:#fff;flex-direction:column;padding:16px 20px 24px;gap:4px;border-bottom:1px solid var(--bd);box-shadow:0 18px 40px rgba(0,0,0,.08);display:none;font-size:18px}
 .nav.open{display:flex}.nav a{padding:10px 0;border-bottom:1px solid var(--bd)}
}
/* бутони */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--ac);color:#fff;border:0;border-radius:var(--rb);padding:14px 30px;font:inherit;font-weight:700;cursor:pointer;text-decoration:none;min-height:50px}
.btn:hover{background:var(--ac2)}.btn[disabled]{opacity:.55;cursor:wait}.btn.wide{width:100%}
.btn-tbi{background:#fff;color:var(--tx);border:2px solid var(--tx);width:100%;margin-top:10px}.btn-tbi:hover{background:var(--soft)}
/* hero */
.hero{background:#000}.hero-vid{width:100%;max-height:82vh;object-fit:cover}
.stats{display:grid;grid-template-columns:1fr 1fr;text-align:center;margin:56px auto}
.stats div+div{border-left:1px solid var(--bd)}
.stats strong{display:block;font-size:clamp(3rem,8vw,5.5rem);font-weight:300;color:#fff;-webkit-text-stroke:1.5px var(--tx);line-height:1}
.stats span{font-weight:700;font-size:clamp(1.1rem,2vw,1.6rem)}
.usp{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:56px auto}
.usp div{background:var(--soft);border-radius:var(--r);padding:20px}.usp b{display:block}.usp span{color:var(--mu);font-size:14px}
@media(max-width:800px){.usp{grid-template-columns:1fr 1fr}}
/* карти */
.grid{display:grid;gap:32px 24px}.g4{grid-template-columns:repeat(4,1fr)}
@media(max-width:1100px){.g4{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.g4{grid-template-columns:1fr 1fr;gap:24px 12px}}
.card{position:relative;text-decoration:none;display:block}
.card-img{position:relative;aspect-ratio:1;border-radius:var(--r);overflow:hidden;background:#fff}
.card-img img{width:100%;height:100%;object-fit:contain;transition:opacity .3s}
.card-img .alt{position:absolute;inset:0;opacity:0}
@media(hover:hover){.card:hover .alt{opacity:1}}
.card h3{font-size:15px;margin:12px 0 4px;font-weight:700;letter-spacing:0}
.badge{position:absolute;top:12px;left:12px;z-index:2;background:var(--ac);color:#fff;font-size:12px;font-weight:700;border-radius:99px;padding:3px 10px}
.prices .pr{color:var(--ac);font-weight:700}.prices .cmp{color:var(--mu);margin-left:6px}
.prices.big{font-size:1.4rem;margin:6px 0 14px}
.sec-h{display:flex;justify-content:space-between;align-items:baseline}
.ttl{font-size:clamp(1.8rem,4vw,3rem)}
.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;color:var(--mu);font-size:14px;gap:12px;flex-wrap:wrap}
select,input,textarea{font:inherit;border:1px solid var(--bd);border-radius:8px;padding:10px 14px;background:#fff;color:var(--tx);width:100%;min-height:46px}
.toolbar select{width:auto}
input:focus,select:focus,textarea:focus{outline:2px solid var(--ac);outline-offset:1px}
/* продукт */
.pmain{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:56px;margin-top:40px}
@media(max-width:999px){.pmain{grid-template-columns:1fr;gap:20px;margin-top:12px}}
.gal{display:grid;grid-template-columns:64px 1fr;gap:16px;align-items:start}
.thumbs{display:flex;flex-direction:column;gap:10px;max-height:640px;overflow:auto}
.th{border:0;padding:0;border-radius:8px;overflow:hidden;cursor:pointer;opacity:.6;background:none;border-bottom:2px solid transparent}
.th.on{opacity:1;border-bottom-color:var(--tx)}.th img{aspect-ratio:1;object-fit:cover;width:64px}
.slides{position:relative;border-radius:var(--r);overflow:hidden}
.sl{display:none;width:100%;height:auto}.sl.on{display:block}
@media(max-width:999px){.gal{grid-template-columns:1fr}.thumbs{order:2;flex-direction:row;overflow-x:auto}.th img{width:56px}}
.pinfo h1{font-size:clamp(1.6rem,3vw,2.4rem)}
.phone{margin:0 0 16px}
.buy{display:flex;gap:10px;margin:18px 0 6px}
.buy .btn{flex:1}
.qty{display:flex;border:1px solid var(--bd);border-radius:var(--rb);overflow:hidden}
.qty button{background:none;border:0;width:40px;font-size:20px;cursor:pointer}
.qty input{width:44px;border:0;text-align:center;padding:0;-moz-appearance:textfield}
.qty input::-webkit-inner-spin-button{display:none}
.promo{background:var(--soft);border-radius:var(--r);padding:12px 16px;margin:14px 0 0;font-size:15px}
.vsel{display:block;margin:12px 0;font-weight:700}
.acc{border-bottom:1px solid var(--bd)}.acc:first-of-type{border-top:1px solid var(--bd);margin-top:22px}
.acc summary{list-style:none;cursor:pointer;padding:18px 0;font-weight:700;display:flex;justify-content:space-between;align-items:center}
.acc summary::-webkit-details-marker{display:none}.acc[open] summary .i{transform:rotate(180deg)}
.acc>div{padding:0 0 18px;color:#333}
.specs{display:grid;grid-template-columns:repeat(4,1fr);gap:24px 16px;margin-top:28px}
@media(max-width:600px){.specs{grid-template-columns:repeat(2,1fr)}}
.specs div{display:grid;grid-template-columns:36px 1fr;column-gap:8px;align-items:center}
.specs .i{width:32px;height:32px;grid-row:span 2;stroke-width:1.4}.specs b{font-size:15px}.specs span{font-size:14px;color:#444;grid-column:2}
.wide-vid{width:100%;max-height:85vh;object-fit:cover;background:#000}
.center .wide-vid{max-width:1100px;border-radius:var(--r)}
.feats{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}
@media(max-width:1000px){.feats{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.feats{grid-template-columns:1fr}}
.feat img{border-radius:var(--r);aspect-ratio:4/5;object-fit:cover;width:100%;margin-bottom:10px}.feat b{color:var(--ac)}.feat h3{font-size:1.1rem;margin:2px 0 6px}.feat p{font-size:14px;color:#444;margin:0}
.mwt{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.mwt img{border-radius:var(--r);width:100%}.mwt.rev img{order:2}
@media(max-width:800px){.mwt{grid-template-columns:1fr;gap:20px}.mwt.rev img{order:0}}
.revs{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
@media(max-width:1000px){.revs{grid-template-columns:1fr 1fr}}@media(max-width:560px){.revs{grid-template-columns:1fr}}
.revs blockquote{margin:0;background:var(--soft);border-radius:var(--r);padding:22px}
.revs blockquote::before{content:"★★★★★";color:#ffb74a;display:block;margin-bottom:6px}
.revs p{font-size:15px}.revs cite{font-style:normal;font-weight:700;font-size:14px}
/* количка/поръчка */
.cl{display:grid;grid-template-columns:84px 1fr auto;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid var(--bd)}
.cl img{width:84px;height:84px;object-fit:contain;border-radius:8px;border:1px solid var(--bd)}
.cl .rm{background:none;border:0;color:var(--mu);text-decoration:underline;cursor:pointer;padding:0;font:inherit;font-size:14px}
.tot{display:flex;justify-content:space-between;font-size:1.2rem;font-weight:700;margin:20px 0}
.co form{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:40px}
@media(max-width:900px){.co form{grid-template-columns:1fr}}
fieldset{border:1px solid var(--bd);border-radius:var(--r);padding:16px 18px 6px;margin:0 0 18px}
legend{font-weight:700;padding:0 6px}
.co label{display:block;margin-bottom:14px;font-size:15px}.co label input,.co label select,.co label textarea{margin-top:4px}
.chk{display:flex!important;gap:10px;align-items:flex-start}.chk input{width:auto;min-height:0;margin-top:5px}
.seg{display:flex;gap:10px;margin-bottom:14px;flex-wrap:wrap}.seg label{display:flex;gap:8px;align-items:center;border:1px solid var(--bd);border-radius:var(--rb);padding:8px 16px;margin:0;cursor:pointer}
.seg input{width:auto;min-height:0}.seg label:has(input:checked){border-color:var(--ac);background:var(--soft)}
.co-r{background:var(--soft);border-radius:var(--r);padding:22px;align-self:start;position:sticky;top:90px}
.co-r h2{font-size:1.3rem}.sline{display:flex;justify-content:space-between;gap:12px;font-size:15px;margin:6px 0}
.ship-price{font-weight:700;margin:0 0 12px}.small{font-size:13px;color:var(--mu)}
.err{color:#c62828;font-weight:700}.ok{color:#00a341}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
/* TBI диалог */
dialog{border:0;border-radius:var(--r);padding:26px;max-width:440px;width:calc(100% - 32px)}
dialog::backdrop{background:rgba(0,0,0,.5)}dialog label{display:block;margin-bottom:12px}
dialog .x{position:absolute;top:10px;right:10px}
.rte h2{font-size:1.5rem;margin-top:1.4em}.rte h3{font-size:1.2rem;margin-top:1.2em}
.ftr{border-top:1px solid var(--bd);margin-top:80px;padding:48px 0 16px;font-size:15px}
.ftr-in{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.ftr h3{font-size:1.05rem}.ftr a{text-decoration:none}.ftr a:hover{color:var(--ac)}
@media(max-width:700px){.ftr-in{grid-template-columns:1fr}}
.copy{color:var(--mu);font-size:13px;margin-top:30px}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--tx);color:#fff;padding:12px 20px;border-radius:var(--rb);z-index:50;font-weight:700}
.qmini{width:110px;margin-top:6px}
[hidden]{display:none!important}