/* 3dPrintHub — style.css v1 */
:root{
  --acc:#ff8a00;--acc-d:#e97800;--acc-l:#fff3e2;
  --ink:#1d1f24;--text:#3a3d45;--muted:#8a8e99;--line:#e7e8ec;--bg:#fff;--soft:#f5f5f8;
  --green:#22a447;--red:#f0445a;--r:8px;--r-lg:14px;--side:250px;
  --sh:0 6px 24px rgba(20,22,30,.08);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'Manrope',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;font-size:14px;line-height:1.5;color:var(--text);background:var(--bg);overflow-x:clip}
a{color:inherit;text-decoration:none}
a:hover{color:var(--acc-d)}
img{max-width:100%;display:block}
h1,h2,h3{color:var(--ink);font-weight:600;line-height:1.2;margin:0}
h1{font-size:30px}h2{font-size:24px}h3{font-size:17px}
button{font:inherit;cursor:pointer}
input,select,textarea{font:inherit;color:var(--ink)}
.ico{width:20px;height:20px;flex:none;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* layout */
.side{position:fixed;left:0;top:0;bottom:0;width:var(--side);background:#fff;border-right:1px solid var(--line);z-index:60;display:flex;flex-direction:column}
.side__logo{padding:26px 22px 30px}
.logo{display:inline-flex;align-items:center;gap:9px;font-weight:800;font-size:22px;letter-spacing:-.5px;color:var(--ink)}
.logo:hover{color:var(--ink)}
.logo svg{width:34px;height:34px}
.logo b{color:var(--acc);font-weight:800}
.side__menu{list-style:none;margin:0;padding:0 8px}
.side__menu>li{position:relative}
.side__menu>li>a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;border-radius:var(--r);color:var(--ink);font-size:14.5px}
.side__menu>li:hover>a{background:var(--soft);color:var(--ink)}
.side__menu .arr{width:5px;height:5px;border:solid var(--muted);border-width:0 0 1.5px 0;border-right-width:1.5px;transform:rotate(-45deg);flex:none}
.fly{display:none;position:absolute;left:100%;top:-8px;width:290px;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh);padding:10px;z-index:5}
.side__menu>li:hover .fly{display:block}
.fly a{display:block;padding:8px 12px;border-radius:6px;color:var(--text)}
.fly a:hover{background:var(--soft);color:var(--ink)}
.wrap{margin-left:var(--side);min-width:0}
.in{max-width:1560px;margin:0 auto;padding:0 32px}

/* header */
.top{border-bottom:1px solid var(--line);font-size:13px}
.top .in{display:flex;align-items:center;gap:22px;height:36px;white-space:nowrap}
.top__nav{display:flex;gap:16px;margin:0 auto}
.top a{color:var(--text)}
.top .ico{width:14px;height:14px}
.top__addr,.top__c{display:flex;align-items:center;gap:6px}
.top__c{gap:16px}
.top__c b{color:var(--ink);font-weight:600}
.head{position:sticky;top:0;z-index:50;background:#fff}
.head.is-stuck{box-shadow:0 2px 14px rgba(20,22,30,.08)}
.head .in{display:flex;align-items:center;gap:24px;padding-top:16px;padding-bottom:12px}
.burger{display:none;border:0;background:var(--acc);color:#fff;border-radius:var(--r);height:44px;padding:0 16px;align-items:center;gap:8px;font-weight:600}
.head__logo{display:none}
.search{flex:1;position:relative}
.search input{width:100%;height:44px;border:1px solid #d5d7de;border-radius:var(--r);padding:0 48px 0 16px;outline:none;background:#fff}
.search input:focus{border-color:var(--acc)}
.search button{position:absolute;right:4px;top:4px;width:36px;height:36px;border:0;background:none;color:var(--ink);display:grid;place-items:center}
.hic{display:flex;gap:6px}
.hic a,.hic button{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:13px;color:var(--ink);padding:2px 12px;border:0;background:none}
.hic .ico{width:22px;height:22px}
.cnt{position:absolute;top:-6px;left:50%;margin-left:6px;min-width:17px;height:17px;border-radius:9px;background:var(--acc);color:#fff;font-size:10.5px;font-weight:700;display:grid;place-items:center;padding:0 4px}
.cnt:empty,.cnt[data-n="0"]{display:none}
.cats{border-bottom:1px solid var(--line)}
.cats .in{display:flex;gap:28px;overflow-x:auto;scrollbar-width:none;padding-top:8px;padding-bottom:22px;white-space:nowrap}
.cats a{color:var(--ink);font-size:14.5px}
.cats a:hover,.cats a.on{color:var(--acc-d)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 22px;border-radius:var(--r);border:1px solid var(--acc);background:var(--acc);color:#fff;font-weight:700;font-size:14px;transition:.15s;white-space:nowrap}
.btn:hover{background:var(--acc-d);border-color:var(--acc-d);color:#fff}
.btn--o{background:#fff;color:var(--ink);border-color:#c9ccd4;font-weight:600}
.btn--o:hover{background:#fff;border-color:var(--ink);color:var(--ink)}
.btn--w{background:transparent;color:#fff;border-color:rgba(255,255,255,.75)}
.btn--w:hover{background:#fff;color:var(--ink);border-color:#fff}
.btn--sm{height:36px;padding:0 16px;font-size:13.5px}
.btn--block{width:100%}
.btn.in-cart{background:var(--ink);border-color:var(--ink)}

/* hero */
.sec{padding:34px 0}
.sec__h{display:flex;align-items:center;gap:14px;margin-bottom:22px}
.sec__h a{display:flex;align-items:center;gap:14px;color:var(--ink)}
.hero{position:relative;border-radius:var(--r-lg);overflow:hidden;margin-top:20px;color:#fff;min-height:480px}
.hero__s{position:absolute;inset:0;display:flex;align-items:center;padding:48px 8%;opacity:0;visibility:hidden;transition:opacity .5s}
.hero__s.on{opacity:1;visibility:visible}
.hero__s--1{background:linear-gradient(105deg,#3d3a36 0%,#6a6258 55%,#a39582 100%)}
.hero__s--2{background:linear-gradient(105deg,#20262e 0%,#3a4654 55%,#6b7d8f 100%)}
.hero__t{position:relative;z-index:2;max-width:640px}
.hero h1,.hero .h1{font-size:clamp(30px,4.2vw,58px);font-weight:600;color:#fff;letter-spacing:-1px;line-height:1.08;margin:0 0 18px}
.hero p{font-size:15px;max-width:560px;margin:0 0 26px;opacity:.95}
.hero__b{display:flex;gap:12px;flex-wrap:wrap}
.hero__art{position:absolute;right:3%;bottom:0;height:92%;width:auto;opacity:.95;z-index:1}
.hero__nav{position:absolute;right:28px;bottom:26px;z-index:3;display:flex;gap:10px}
.rnd{width:40px;height:40px;border-radius:50%;border:0;background:rgba(20,22,30,.55);color:#fff;display:grid;place-items:center}
.rnd:hover{background:var(--acc)}
.rnd--l{background:#fff;color:var(--ink);box-shadow:var(--sh)}

/* tiles */
.tiles{display:flex;flex-wrap:wrap;gap:12px}
.tile{display:flex;flex-direction:column;justify-content:center;gap:2px;background:var(--soft);border-radius:var(--r-lg);padding:14px 22px;min-height:64px;color:var(--ink);font-weight:500;transition:.15s}
.tile small{color:var(--muted);font-weight:400;font-size:12px}
.tile:hover{background:#fff;box-shadow:var(--sh);color:var(--ink)}
.tile--ic{flex-direction:row;align-items:center;gap:14px;padding:14px 28px 14px 18px;min-height:80px;font-size:15px}
.tile--ic svg{width:44px;height:44px;color:var(--acc)}
.promo{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.promo__c{position:relative;border-radius:var(--r-lg);overflow:hidden;aspect-ratio:4/5;max-height:600px;width:100%;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;text-align:center;padding:28px}
.promo__c--1{background:linear-gradient(160deg,#cfc7ba,#5d564d 70%,#2f2b27)}
.promo__c--2{background:linear-gradient(160deg,#4a5563,#232a33 70%,#12161b)}
.promo__c--3{background:linear-gradient(160deg,#59606b,#2a2f37 70%,#15181d)}
.promo__c svg.art{position:absolute;inset:8% 12% 26%;width:76%;height:66%}
.promo__c small{position:relative;font-size:13px;opacity:.9}
.promo__c h3{position:relative;color:#fff;font-size:20px;margin:4px 0 16px}
.promo__c div{position:relative;display:flex;gap:10px;flex-wrap:wrap;justify-content:center}

/* product cards */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:26px 16px}
.grid--5{grid-template-columns:repeat(5,1fr)}
.card{position:relative;display:flex;flex-direction:column;border-radius:var(--r-lg);padding:8px;margin:-8px;transition:.15s;background:#fff}
.card:hover{box-shadow:var(--sh);z-index:2}
.card__img{position:relative;display:block;aspect-ratio:1;background:var(--soft);border-radius:var(--r-lg);overflow:hidden}
.card__img img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:10%}
.bdg{position:absolute;left:10px;top:10px;display:flex;gap:4px;flex-wrap:wrap;z-index:2;pointer-events:none}
.bdg span{font-size:11.5px;font-weight:600;padding:3px 8px;border-radius:5px;color:#fff;line-height:1.4}
.b-hit{background:#ff5a47}.b-new{background:#2dbd4e}.b-rec{background:#3b82f6}
.card__act{position:absolute;right:10px;top:10px;display:flex;flex-direction:column;gap:8px;z-index:2}
.icb{width:26px;height:26px;border:0;background:none;color:#a6a9b3;padding:0;display:grid;place-items:center}
.icb:hover{color:var(--ink)}
.icb.on{color:var(--acc)}
.icb.on .ico{fill:var(--acc)}
.icb[data-cmp].on .ico{fill:none}
.card__price{font-size:18px;font-weight:600;color:var(--ink);margin:14px 0 6px;white-space:nowrap}
.card__price small{font-size:14px;font-weight:500}
.card__name{color:var(--text);font-size:14px;min-height:42px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.stock{display:flex;align-items:center;gap:5px;color:var(--green);font-size:12.5px;margin:6px 0 14px}
.stock::before{content:"";width:12px;height:12px;border-radius:50%;background:var(--green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3.3 6.2l1.8 1.8 3.6-3.8' stroke='%23fff' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px}
.stock.out{color:var(--muted)}.stock.out::before{background:var(--muted)}
.card__b{display:flex;flex-direction:column;gap:8px;align-items:flex-start;margin-top:auto}
.card__b .btn{min-width:132px}
.grid.is-list{grid-template-columns:1fr;gap:8px}
.grid.is-list .card{flex-direction:row;align-items:center;gap:22px;border-bottom:1px solid var(--line);border-radius:0;padding:12px 8px}
.grid.is-list .card__img{width:150px;flex:none}
.grid.is-list .card__info{flex:1;display:flex;flex-direction:column-reverse}
.grid.is-list .card__name{min-height:0;font-size:15.5px;color:var(--ink)}
.grid.is-list .card__b{margin:0;flex:none}
.grid.is-list .card__act{position:static;flex-direction:row;order:3}
.tabs{display:flex;gap:8px;margin-bottom:26px;flex-wrap:wrap}
.tab{height:44px;padding:0 20px;border-radius:var(--r);border:0;background:var(--soft);color:var(--ink);font-weight:500}
.tab.on{background:var(--acc);color:#fff;font-weight:700}

/* day */
.day{position:relative;border:1px solid var(--line);border-radius:var(--r-lg);padding:30px;display:grid;grid-template-columns:1.2fr 320px 1fr;gap:36px;align-items:center}
.day h3{font-size:21px;font-weight:500;margin-bottom:6px}
.day p{margin:28px 0 0;font-size:15px;max-width:520px}
.day__img{aspect-ratio:1;background:var(--soft);border-radius:var(--r-lg);display:block}
.day__img img{width:100%;height:100%;object-fit:contain;padding:8%;mix-blend-mode:multiply}
.day__buy{align-self:start;padding-left:20px}
.day__buy .card__price{font-size:21px;margin-top:0}
.day .rnd{position:absolute;top:50%;margin-top:-20px}
.day .rnd.p{left:-20px}.day .rnd.n{right:-20px}

/* blocks */
.about{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.box{border:1px solid var(--line);border-radius:var(--r-lg);padding:40px}
.box h2{margin-bottom:22px}
.box p{font-size:15px;margin:0 0 14px;max-width:640px}
.about__art{border-radius:var(--r-lg);background:linear-gradient(135deg,#1f2a3a,#31506e);min-height:340px;position:relative;overflow:hidden}
.about__art svg{position:absolute;inset:6%;width:88%;height:88%}
.bens{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:14px}
.ben{border:1px solid var(--line);border-radius:var(--r-lg);padding:24px}
.ben svg{width:42px;height:42px;color:var(--acc);stroke-width:1.2;margin-bottom:34px}
.ben h3{font-size:16px;margin-bottom:8px}
.ben p{margin:0;color:var(--muted);font-size:13.5px}
.band{background:var(--soft);padding:10px 0}
.empty{border:1px dashed #d5d7de;border-radius:var(--r-lg);padding:40px;text-align:center;color:var(--muted)}
.empty h3{margin-bottom:8px}
.empty .btn{margin-top:18px}

/* forms */
.form{display:grid;grid-template-columns:1fr 1fr;gap:16px 26px}
.form .full{grid-column:1/-1}
.fld{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--text)}
.fld input,.fld select,.fld textarea{height:44px;border:1px solid #d5d7de;border-radius:var(--r);padding:0 14px;outline:none;background:#fff;font-size:16px}
.fld textarea{height:96px;padding:10px 14px;resize:vertical}
.fld input:focus,.fld select:focus,.fld textarea:focus{border-color:var(--acc)}
.chk{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--text);cursor:pointer}
.chk input{width:18px;height:18px;margin:1px 0 0;accent-color:var(--acc);flex:none}
.chk a{text-decoration:underline}
.msg{padding:12px 16px;border-radius:var(--r);font-size:14px}
.msg--ok{background:#e9f8ee;color:#157a35}
.msg--err{background:#fdecee;color:#b3243a}

/* catalog */
.crumbs{display:flex;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:12.5px;padding:22px 0 18px}
.crumbs a{color:var(--muted)}
.crumbs span+span::before,.crumbs a+a::before,.crumbs a+span::before{content:"·";margin-right:8px}
.ttl{display:flex;align-items:center;gap:12px;margin-bottom:22px;flex-wrap:wrap}
.ttl .n{font-size:14px;color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:2px 8px}
.lead{max-width:1100px;margin:0 0 22px}
.lead p{margin:0 0 10px}
.cat{display:grid;grid-template-columns:230px 1fr;gap:32px;margin-top:30px;align-items:start}
.flt h4{margin:0 0 10px;font-size:14.5px;color:var(--ink);font-weight:600}
.flt__g{margin-bottom:24px}
.flt__cats a{display:block;padding:6px 14px;border-radius:6px;font-size:13.5px}
.flt__cats a.root{background:var(--soft);color:var(--ink);padding:8px 10px;margin-bottom:4px}
.flt__cats a.on{color:var(--acc-d);font-weight:600}
.flt__rng{display:flex;gap:8px}
.flt__rng input{width:100%;height:40px;border:1px solid #d5d7de;border-radius:var(--r);padding:0 10px;font-size:14px;outline:none}
.flt__list{max-height:210px;overflow:auto;display:flex;flex-direction:column;gap:7px;padding-right:6px}
.flt .chk{font-size:13.5px;align-items:center}
.flt .chk input{width:16px;height:16px;margin:0}
.flt__open{display:none}
.bar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}
.bar select{height:36px;border:1px solid var(--line);border-radius:var(--r);padding:0 10px;background:#fff}
.view{display:flex;gap:4px}
.view button{width:34px;height:34px;border:0;border-radius:6px;background:none;color:var(--muted);display:grid;place-items:center}
.view button.on{background:var(--soft);color:var(--ink)}
.pg{display:flex;gap:6px;justify-content:center;margin:36px 0 10px;flex-wrap:wrap}
.pg button{min-width:36px;height:36px;border:0;border-radius:6px;background:none;color:var(--ink)}
.pg button.on{background:var(--soft);font-weight:700}
.pg button:hover{background:var(--soft)}

/* product */
.pp{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:44px;align-items:start}
.gal__main{position:relative;aspect-ratio:1;background:var(--soft);border-radius:var(--r-lg);overflow:hidden}
.gal__main img{width:100%;height:100%;object-fit:contain;padding:7%;mix-blend-mode:multiply}
.gal__th{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}
.gal__th button{width:76px;height:76px;border:1px solid var(--line);border-radius:var(--r);background:var(--soft);padding:4px;overflow:hidden}
.gal__th button.on{border-color:var(--acc)}
.gal__th img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.pp__brand{color:var(--muted);font-size:13px;margin-bottom:8px}
.pp h1{font-size:27px;margin-bottom:12px}
.pp__price{font-size:32px;font-weight:700;color:var(--ink);margin:18px 0}
.pp__buy{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.pp__buy .btn{height:50px;padding:0 30px;font-size:15px}
.pp__acts{display:flex;gap:20px;margin-bottom:26px}
.pp__acts button{display:flex;align-items:center;gap:8px;border:0;background:none;color:var(--text);padding:0}
.pp__acts button.on{color:var(--acc-d)}
.specs{width:100%;border-collapse:collapse;font-size:14px}
.specs td{padding:9px 0;border-bottom:1px dashed var(--line);vertical-align:top}
.specs td:first-child{color:var(--muted);width:52%;padding-right:16px}
.pp__info{border:1px solid var(--line);border-radius:var(--r-lg);padding:18px 20px;margin-top:22px;font-size:13.5px;display:grid;gap:8px}
.pp__info div{display:flex;gap:10px;align-items:center}
.pp__info svg{color:var(--acc)}
.txt{max-width:900px;font-size:15px}
.txt h2{margin:34px 0 14px}.txt h3{margin:24px 0 10px}
.txt p,.txt ul{margin:0 0 14px}
.txt li{margin-bottom:6px}
.note{background:var(--acc-l);border-radius:var(--r);padding:14px 18px;font-size:14px}

/* cart & tables */
.cartg{display:grid;grid-template-columns:1fr 400px;gap:36px;align-items:start}
.ci{display:grid;grid-template-columns:84px 1fr auto auto 30px;gap:18px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}
.ci__img{width:84px;height:84px;background:var(--soft);border-radius:var(--r)}
.ci__img img{width:100%;height:100%;object-fit:contain;padding:6px;mix-blend-mode:multiply}
.qty{display:flex;align-items:center;border:1px solid var(--line);border-radius:var(--r);height:38px}
.qty button{width:34px;height:36px;border:0;background:none;font-size:18px;color:var(--ink)}
.qty span{min-width:28px;text-align:center;font-weight:600;color:var(--ink)}
.ci__sum{font-weight:700;color:var(--ink);white-space:nowrap;min-width:110px;text-align:right}
.sum{border:1px solid var(--line);border-radius:var(--r-lg);padding:26px;position:sticky;top:90px}
.sum__r{display:flex;justify-content:space-between;font-size:20px;font-weight:700;color:var(--ink);margin-bottom:18px}
.sum .form{grid-template-columns:1fr}
.cmp{overflow-x:auto}
.cmp table{border-collapse:collapse;min-width:100%}
.cmp td,.cmp th{border-bottom:1px solid var(--line);padding:12px 16px;text-align:left;vertical-align:top;min-width:210px;font-weight:400}
.cmp th:first-child,.cmp td:first-child{color:var(--muted);min-width:170px;position:sticky;left:0;background:#fff}
.cmp img{width:150px;height:150px;object-fit:contain;background:var(--soft);border-radius:var(--r);padding:8px;mix-blend-mode:multiply;margin-bottom:10px}
.abc{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.abc a{min-width:30px;height:30px;border:1px solid var(--line);border-radius:6px;display:grid;place-items:center;font-size:13px}
.brow{display:grid;grid-template-columns:90px 1fr;padding:22px 0;border-bottom:1px solid var(--line)}
.brow b{font-size:22px;color:var(--ink);font-weight:500}
.brow div{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.two{display:grid;grid-template-columns:210px 1fr;gap:32px;align-items:start}
.snav a{display:block;padding:9px 12px;border-radius:6px;color:var(--ink)}
.snav a.on{background:var(--soft)}
.cgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.cbox{background:var(--soft);border-radius:var(--r-lg);padding:18px;min-height:120px;display:flex;flex-direction:column;justify-content:space-between;gap:20px}
.cbox small{color:var(--muted)}
.cbox b{color:var(--ink);font-weight:500;font-size:15px}
.faq details{border:1px solid var(--line);border-radius:var(--r);padding:0 20px;margin-bottom:-1px}
.faq summary{padding:18px 0;cursor:pointer;font-size:15.5px;color:var(--ink);font-weight:500;list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary::after{content:"+";font-size:22px;line-height:1;color:var(--muted)}
.faq details[open] summary::after{content:"–"}
.faq p{margin:0 0 18px}

/* footer */
.foot{background:var(--soft);margin-top:60px;padding:44px 0 26px;font-size:13.5px}
.foot__g{display:grid;grid-template-columns:repeat(5,1fr);gap:28px}
.foot h4{margin:0 0 16px;color:var(--ink);font-size:14.5px;font-weight:600}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.foot a{color:var(--text)}
.foot__b{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:34px;padding-top:22px;color:var(--muted);font-size:12.5px}

/* modal, toast */
.modal{position:fixed;inset:0;background:rgba(20,22,30,.55);z-index:100;display:grid;place-items:center;padding:16px}
.modal__w{background:#fff;border-radius:var(--r-lg);padding:32px;width:100%;max-width:440px;position:relative;max-height:92vh;overflow:auto}
.modal__w h3{font-size:21px;margin-bottom:6px}
.modal__w>p{margin:0 0 18px;color:var(--muted)}
.modal__x{position:absolute;right:14px;top:12px;border:0;background:none;font-size:26px;line-height:1;color:var(--muted)}
.modal .form{grid-template-columns:1fr}
.toast{position:fixed;right:20px;bottom:20px;background:var(--ink);color:#fff;padding:13px 20px;border-radius:var(--r);z-index:120;box-shadow:var(--sh);font-size:14px}
.up{position:fixed;right:22px;bottom:22px;width:44px;height:44px;border-radius:50%;border:0;background:var(--acc);color:#fff;display:none;place-items:center;z-index:40}
.up.on{display:grid}
.drawer-bg{display:none}

/* responsive */
@media(max-width:1500px){.grid--5{grid-template-columns:repeat(4,1fr)}}
@media(max-width:1280px){
  :root{--side:0px}
  .side{transform:translateX(-100%);width:290px;transition:transform .25s;overflow:auto}
  .side.open{transform:none}
  .drawer-bg.open{display:block;position:fixed;inset:0;background:rgba(20,22,30,.5);z-index:55}
  .fly{position:static;display:block;border:0;box-shadow:none;width:auto;padding:0 0 6px 14px}
  .side__menu .arr{display:none}
  .burger{display:inline-flex}.head__logo{display:inline-flex}
  .cats{display:none}
  .day{grid-template-columns:1fr 260px}
  .day__buy{grid-column:1/-1;padding:0}
}
@media(max-width:1000px){
  .top__nav{display:none}.top .in{justify-content:space-between}
  .grid--5{grid-template-columns:repeat(3,1fr)}
  .promo{grid-template-columns:1fr}.promo__c{aspect-ratio:16/10}
  .about,.pp,.cartg,.two{grid-template-columns:1fr}
  .bens{grid-template-columns:1fr 1fr}
  .cat{grid-template-columns:1fr}
  .flt{display:none}.flt.open{display:block;border:1px solid var(--line);border-radius:var(--r-lg);padding:18px}
  .flt__open{display:inline-flex}
  .foot__g{grid-template-columns:1fr 1fr}
  .brow div,.cgrid{grid-template-columns:1fr 1fr}
  .sum{position:static}
  .hero__art{opacity:.35}
}
@media(max-width:640px){
  .in{padding:0 16px}
  h1{font-size:24px}h2{font-size:20px}
  .top__addr{display:none}.top__c span.em{display:none}
  .head .in{flex-wrap:wrap;gap:10px 12px;padding-top:10px}
  .head__logo{font-size:19px}.head__logo svg{width:28px;height:28px}
  .burger span{display:none}.burger{padding:0 12px;height:40px}
  .hic{margin-left:auto;gap:0}.hic a span,.hic button span{display:none}.hic a,.hic button{padding:6px 8px}
  .search{order:5;flex:0 0 100%}
  .hero{min-height:420px}.hero__s{padding:28px 22px 80px;align-items:flex-start}
  .grid,.grid--5{grid-template-columns:1fr 1fr;gap:22px 10px}
  .card__b .btn{min-width:0;width:100%}
  .card__price{font-size:16px}
  .day{grid-template-columns:1fr;padding:20px;gap:18px}.day p{margin-top:12px}
  .day .rnd.p{left:-10px}.day .rnd.n{right:-10px}
  .box{padding:24px}
  .bens,.form,.foot__g,.cgrid{grid-template-columns:1fr}
  .brow{grid-template-columns:44px 1fr}
  .ci{grid-template-columns:64px 1fr 30px;gap:10px 12px}
  .ci__img{width:64px;height:64px}
  .ci .qty{grid-column:2}.ci__sum{grid-column:2;text-align:left}
  .ci .rm{grid-column:3;grid-row:1}
  .grid.is-list .card{flex-wrap:wrap}.grid.is-list .card__img{width:96px}
  .pp__buy .btn{flex:1}
  .tile--ic{flex:1 1 100%}
}

/* fixes */
.top .in{overflow:hidden}
.bar>div:first-child{min-width:0;flex:1}
.bar select{min-width:0;max-width:100%}
@media(max-width:1500px){.top__nav{display:none}.top .in{justify-content:space-between}}
@media(max-width:640px){.view{display:none}.tiles .tile{flex:1 1 auto}}

/* v2: help pages */
.txt h2.first{margin-top:0;font-size:22px;font-weight:500}
.blk{padding:6px 0 22px;border-bottom:1px solid var(--line);margin-bottom:22px}
.blk h3{font-size:20px;font-weight:500;margin:0 0 14px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.blk .sub{font-size:12.5px;color:var(--muted);margin:-6px 0 12px}
.lg{height:18px;width:auto}
.txt a:not(.btn){text-decoration:underline}
.kv{display:grid;gap:2px}.kv small{color:var(--muted);margin-top:12px}.kv b{color:var(--ink);font-weight:600}
.warn{border:1px solid var(--red);border-radius:var(--r);padding:22px 26px;color:var(--ink)}
.fh{font-size:20px;font-weight:500;margin:34px 0 14px}
.faq p a{text-decoration:underline}
@media(max-width:1900px){.top__c .em{display:none}}
@media(max-width:1700px){.top__nav{display:none}.top .in{justify-content:space-between}}

/* v3: cart + checkout */
.top__logo{display:none}
.co-page .head,.co-page .cats,.co-page .top__nav{display:none}
.co-page .top .in{height:90px;justify-content:space-between;max-width:1240px}
.co-page .top__logo{display:block;position:absolute;left:50%;transform:translateX(-50%)}
.co-page .top .in{position:relative}
.co-page .top__c .em{display:inline}
.in--co{max-width:1240px}
.back{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:12.5px;margin:20px 0 18px}
.back .ico{width:14px;height:14px}
.panel{border:1px solid var(--line);border-radius:var(--r-lg);padding:22px 26px;margin-bottom:14px}
.panel h3{font-size:16px;font-weight:500;margin-bottom:18px}
.panel h4{font-size:14px;font-weight:600;color:var(--ink);margin:22px 0 14px}
.cartg{grid-template-columns:1fr 290px;gap:32px}
.cartg .panel{padding:6px 22px}
.ci{grid-template-columns:96px 1fr auto 110px 26px;gap:20px;align-items:start;padding:20px 0}
.ci:last-child{border-bottom:0}
.ci__img{width:96px;height:96px;background:none}
.ci__name{color:var(--ink);padding-top:6px}
.ci__q{display:grid;gap:6px;justify-items:center;color:var(--muted);font-size:12px}
.qty{background:var(--soft);border:0;height:32px}
.qty button{height:32px;width:30px}
.ci__sum{font-weight:500;font-size:16px;padding-top:4px}
.ci__act{display:grid;gap:10px}
.sum{position:sticky;top:20px;padding:20px;display:grid;gap:10px}
.sum__r{align-items:baseline;margin-bottom:6px;font-weight:400;font-size:16px}
.sum__r b{font-size:22px;font-weight:600}
.sum__l{display:flex;justify-content:space-between;gap:14px;font-size:12.5px;color:var(--muted)}
.sum__l span:last-child{white-space:nowrap;color:var(--text)}
.sum__l--t{border-top:1px solid var(--line);padding-top:10px}
.sum .btn{margin-top:6px}
.btn--lg{height:48px}
.lnk{display:block;margin:22px auto 0;border:0;background:none;color:var(--muted);font-size:13px}
.lnk:hover{color:var(--ink)}
.co{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:32px;align-items:start}
.co .form{gap:14px 20px}
.co__h{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-bottom:18px}
.co__h h3{margin:0}
.seg{display:flex;gap:20px}
.seg input{position:absolute;opacity:0}
.seg span{cursor:pointer;padding-bottom:3px;border-bottom:2px solid transparent;font-size:13.5px}
.seg input:checked+span{border-color:var(--acc);color:var(--ink)}
.seg input:focus-visible+span{outline:2px solid var(--acc);outline-offset:3px}
.opts{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.opts--pay{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.opt{position:relative;cursor:pointer;display:block}
.opt input{position:absolute;right:14px;top:14px;width:16px;height:16px;accent-color:var(--acc);margin:0}
.opt__b{display:grid;gap:3px;align-content:start;border:1px solid var(--line);border-radius:var(--r);padding:14px 40px 14px 16px;min-height:100%;transition:.15s}
.opt__b b{font-weight:500;color:var(--ink);font-size:13.5px}
.opt__b small{color:var(--muted);font-size:12px}
.opt__b img{height:16px;width:auto;margin-top:8px}
.opt input:checked+.opt__b{border-color:var(--acc);box-shadow:0 0 0 1px var(--acc)}
.opt[hidden]{display:none}
.hint{font-size:13px;color:var(--muted);margin:14px 0 0}
.hint a{text-decoration:underline}
.pvz{background:var(--acc-l);border-radius:var(--r);padding:12px 16px;display:grid;gap:2px;margin-bottom:14px}
.pvz b{color:var(--ink)}
.panel--map{padding:0;overflow:hidden}
#cdek-map{width:100%;height:600px}
.co__side .chk{font-size:12px;margin-top:6px}
[hidden]{display:none!important}
@media(max-width:1000px){.co,.cartg{grid-template-columns:1fr}.sum{position:static}.co-page .top__addr{display:none}.co-page .top__logo{position:static;transform:none}}
@media(max-width:640px){
  .co-page .top .in{height:64px}.co-page .top__c>a[data-modal]{display:none}.co-page .top__c .em{display:none}
  .panel{padding:18px 16px}.opts{grid-template-columns:1fr}
  .ci{grid-template-columns:72px 1fr 26px;gap:8px 12px}.ci__img{width:72px;height:72px}
  .ci__q{grid-column:2;justify-items:start;grid-auto-flow:column;align-items:center;justify-content:start;gap:12px}.ci__sum{grid-column:2;text-align:left}
  .ci__act{grid-column:3;grid-row:1}
  #cdek-map{height:520px}
}
@media(max-width:640px){.ci .rm{grid-column:auto;grid-row:auto}.ci .qty{grid-column:auto}.ci__act{justify-items:end}}

/* v4: flyout panel, account, payment logos */
.side__menu{padding:0}
.side__menu>li{position:static}
.side__menu>li>a{margin:0 8px}
@media(min-width:1281px){
  .fly{position:fixed;left:calc(var(--side) - 1px);top:0;bottom:0;width:250px;border:0;border-left:1px solid var(--line);border-right:1px solid var(--line);border-radius:0;box-shadow:12px 0 30px rgba(20,22,30,.06);padding:88px 8px 20px;overflow:auto}
  .fly a{padding:9px 12px;font-size:14.5px;color:var(--ink)}
}
.pays{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:34px}
.pays img{height:22px;width:auto}
.foot__b{margin-top:22px}
.acc{display:grid;grid-template-columns:210px minmax(0,1fr) 290px;gap:32px;align-items:start}
.acc--2{grid-template-columns:210px minmax(0,1fr)}
.acc--guest{grid-template-columns:minmax(0,1fr) 290px}
.panel__h{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}
.panel__h h3{margin:0}
.panel p{margin:0;font-size:13.5px}
.tag{display:inline-block;font-size:11.5px;padding:3px 9px;border-radius:5px;background:var(--soft);color:var(--text)}
.tag--r{background:none;color:var(--red);padding:0}.tag--ok{background:none;color:var(--green);padding:0}
.ok{color:var(--green);font-size:12.5px}.bad{color:var(--red);font-size:12.5px}
.obar{display:flex;align-items:center;gap:10px;background:var(--soft);border:1px solid var(--line);border-radius:var(--r);padding:10px 16px;font-size:12.5px;margin-bottom:14px;color:var(--ink)}
.obar .ico{width:16px;height:16px}
.prog{display:inline-flex;gap:4px}.prog i{width:24px;height:3px;border-radius:2px;background:#dcdde3}.prog i.on{background:var(--ink)}
.kvs{display:grid;grid-template-columns:1fr 1fr;gap:14px 24px}
.kvs div{display:grid;gap:2px;min-width:0}.kvs small{color:var(--muted);font-size:12px}.kvs span{color:var(--ink);overflow-wrap:anywhere}
.note-new{background:var(--acc-l);border-color:transparent;font-size:13.5px}.note-new b{display:block;color:var(--ink);margin-bottom:4px}.note-new a{text-decoration:underline}
.panel--items{padding:6px 22px}
.oi{display:grid;grid-template-columns:48px 1fr auto auto;gap:16px;align-items:center;padding:12px 0;color:var(--ink)}
.oi+.oi{border-top:1px solid var(--line)}
.oi img{width:48px;height:48px;object-fit:contain}.oi small{color:var(--muted);white-space:nowrap}.oi b{font-weight:500;white-space:nowrap}
.pstat{border:1px solid #f6c9cf;background:#fdecee;color:var(--red);border-radius:var(--r);padding:11px 16px;font-size:12.5px;margin-bottom:14px}
.pstat.ok{border-color:#bfe8cb;background:#e9f8ee;color:#157a35}
.acc aside .sum{border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh)}
.acc aside .sum__r{margin:6px 0 0}
.ocard{display:grid;grid-template-columns:1.2fr 1fr auto auto;gap:24px;align-items:center}
.ocard h3{margin:0 0 6px;font-size:16px}.ocard small{color:var(--muted)}
.ocard>div:nth-child(2){display:grid;gap:8px;justify-items:start}.ocard b{color:var(--ink);font-weight:500}
.ost{display:flex;align-items:center;gap:8px;font-size:12.5px}.ost .ico{width:16px;height:16px}
.ocard__th{display:flex;gap:6px}.ocard__th img{width:40px;height:40px;object-fit:contain}
.atiles{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.atile{display:grid;gap:4px;margin:0;color:var(--ink)}.atile b{font-weight:500;font-size:15px}.atile small{color:var(--muted)}
.atile:hover{box-shadow:var(--sh);color:var(--ink)}
.auth{max-width:420px}.auth .form{grid-template-columns:1fr}
.fld small{color:var(--muted);font-size:12px}
.fld input:disabled{background:var(--soft);color:var(--muted)}
@media(max-width:1280px){.side__menu>li>a{margin:0 8px}.fly{position:static}}
@media(max-width:1000px){.acc,.acc--2,.acc--guest{grid-template-columns:1fr}.atiles{grid-template-columns:1fr 1fr}.ocard{grid-template-columns:1fr 1fr}.acc .snav{display:flex;flex-wrap:wrap;gap:4px}}
@media(max-width:640px){.kvs,.ocard{grid-template-columns:1fr}.oi{grid-template-columns:40px 1fr;gap:4px 12px}.oi img{grid-row:span 3;width:40px;height:40px}.hic a:first-child span{display:none}}

/* v11: category photos */
.tile--ic img{width:48px;height:48px;object-fit:contain;mix-blend-mode:multiply;flex:none}
.cgrid:has(.cbox--pic){grid-template-columns:repeat(5,1fr);gap:12px}
.cbox--pic{position:relative;aspect-ratio:1/1;min-height:0;padding:0;overflow:hidden;background:#fff;border:1px solid var(--line);justify-content:flex-end}
.cbox--pic>img,.cbox--pic>svg:first-child{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:8% 8% 22%}
.cbox--pic>svg:first-child{color:#c9ccd4;padding:24% 24% 34%;stroke-width:1}
.cbox--pic>span{position:relative;display:grid;gap:4px;padding:60px 44px 18px 20px;background:linear-gradient(180deg,rgba(60,62,70,0) 0,rgba(60,62,70,.62) 55%,rgba(60,62,70,.82));color:#fff}
.cbox--pic b{color:#fff;font-weight:500}.cbox--pic small{color:rgba(255,255,255,.85);font-size:12px}
.cbox--pic>.ico:last-child{position:absolute;right:16px;bottom:18px;color:#fff;width:16px;height:16px}
.cbox--pic:hover{box-shadow:var(--sh)}
@media(max-width:1000px){.cgrid:has(.cbox--pic){grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.cgrid:has(.cbox--pic){grid-template-columns:1fr 1fr}.cbox--pic>span{padding:40px 30px 12px 12px}}

/* v12: photo banners with a warm-gray veil */
.hero{min-height:0;aspect-ratio:1612/526;background:#6f6a63}
.hero__s{padding:0 0 0 12.6%;background-size:cover;background-repeat:no-repeat}
.hero__s--1{background-image:linear-gradient(90deg,rgba(84,80,75,.74) 0%,rgba(84,80,75,.62) 42%,rgba(84,80,75,.34) 72%,rgba(84,80,75,.26) 100%),url(images/hero-1.webp);background-position:center,right center}
.hero__s--2{background-image:linear-gradient(90deg,rgba(84,80,75,.74) 0%,rgba(84,80,75,.62) 42%,rgba(84,80,75,.34) 72%,rgba(84,80,75,.26) 100%),url(images/hero-2.webp);background-position:center,right center}
.hero__t{max-width:62%}
.hero p{max-width:none}
@media(max-width:1000px){.hero{aspect-ratio:auto;min-height:420px}.hero__s{padding:32px 28px 84px;align-items:flex-start}.hero__t{max-width:100%}
  .hero__s--1,.hero__s--2{background-position:center,72% center}}

/* v13: photo promo cards */
.promo__c{background-size:cover;background-position:center top;aspect-ratio:570/712;max-height:none}
.promo__c::before{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(180deg,rgba(20,22,26,0),rgba(20,22,26,.62) 70%,rgba(20,22,26,.78))}
.promo__c--1{background-image:url(images/promo-1.webp)}
.promo__c--2{background-image:url(images/promo-2.webp)}
.promo__c--3{background-image:url(images/promo-3.webp)}
@media(max-width:1000px){.promo__c{aspect-ratio:570/600}}

/* v14: cookie notice, legal pages */
.ckbar{position:fixed;left:16px;right:16px;bottom:16px;z-index:90;max-width:860px;margin:0 auto;display:flex;align-items:center;gap:18px;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh);padding:14px 18px;font-size:13px}
.ckbar a{text-decoration:underline}.ckbar span{flex:1}
.txt h3{font-size:19px;font-weight:500}
@media(max-width:640px){.ckbar{flex-direction:column;align-items:stretch;gap:10px}}

/* v23: four catalog views */
.view button.on{background:var(--soft);color:var(--ink)}
.grid.is-small{grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:20px 12px}
.grid.is-small .card__price{font-size:15.5px;margin:10px 0 4px}
.grid.is-small .card__name{font-size:13px;min-height:38px;-webkit-line-clamp:2}
.grid.is-small .stock{margin:4px 0 10px;font-size:12px}
.grid.is-small .card__b .btn{min-width:0;width:100%;height:34px;font-size:13px}
.grid.is-small .card__b [data-one]{display:none}
.grid.is-small .bdg span{font-size:10.5px;padding:2px 6px}
.grid.is-table{grid-template-columns:1fr;gap:0}
.grid.is-table .card{flex-direction:row;align-items:center;gap:16px;margin:0;padding:9px 6px;border-radius:0;border-bottom:1px solid var(--line)}
.grid.is-table .card:hover{box-shadow:none;background:var(--soft)}
.grid.is-table .card__img,.grid.is-table .card__b [data-one]{display:none}
.grid.is-table .card__info{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 110px 130px;align-items:center;gap:16px;min-width:0}
.grid.is-table .card__name{order:1;min-height:0;-webkit-line-clamp:1;color:var(--ink)}
.grid.is-table .stock{order:2;margin:0}
.grid.is-table .card__price{order:3;margin:0;font-size:15px;text-align:right}
.grid.is-table .card__b{margin:0;flex:none}
.grid.is-table .card__b .btn{min-width:0;height:32px;padding:0 14px;font-size:13px}
.grid.is-table .card__act{position:static;flex-direction:row;order:3;gap:4px}
@media(max-width:640px){
  .view{display:flex}.bar{flex-wrap:wrap}.bar select{max-width:170px}
  .grid.is-small{grid-template-columns:repeat(3,1fr);gap:16px 8px}
  .grid.is-small .card{padding:4px;margin:-4px}
  .grid.is-small .card__act{right:4px;top:4px;gap:2px}.grid.is-small .card__act [data-cmp]{display:none}
  .grid.is-small .card__price{font-size:13.5px}.grid.is-small .card__price small{display:none}
  .grid.is-small .card__name{font-size:12px;min-height:34px}
  .grid.is-small .card__b .btn{font-size:12px;height:30px;padding:0 4px}
  .grid.is-list .card{flex-wrap:nowrap;gap:12px;align-items:flex-start}
  .grid.is-list .card__b{width:auto}.grid.is-list .card__b [data-one]{display:none}
  .grid.is-list .card__b .btn{width:auto;min-width:0;padding:0 12px}
  .grid.is-list .card__act{display:none}
  .grid.is-table .card{flex-wrap:wrap;gap:6px 10px}
  .grid.is-table .card__info{flex:1 1 100%;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px}
  .grid.is-table .card__name{grid-column:1/-1;-webkit-line-clamp:2}
  .grid.is-table .card__act{margin-left:auto}
}
@media(max-width:640px){.search input,.bar select,.flt__rng input,.fld input,.fld select,.fld textarea{font-size:16px}}
@media(max-width:640px){.bar>div:first-child{flex:1 1 100%}.bar select{flex:1;max-width:none}.view{margin-left:auto}}
@media(max-width:640px){.head .in{gap:10px 6px}.head__logo{font-size:17px;gap:6px}.head__logo svg{width:26px;height:26px}.burger{padding:0 10px}.hic a,.hic button{padding:6px 6px}.hic .ico{width:21px;height:21px}
  .promo__c h3{font-size:18px}.promo__c{padding:20px}}
.bdg{right:42px}
@media(max-width:640px){.bdg{left:6px;top:6px;right:34px}.bdg span{font-size:10.5px;padding:2px 6px}}

/* v24: gallery arrows, product tabs */
.gal__nav{position:absolute;top:50%;margin-top:-20px;z-index:3}.gal__nav.p{left:12px}.gal__nav.n{right:12px}
.gal__nav:hover{background:var(--acc);color:#fff}
.gal__cnt{position:absolute;right:14px;bottom:12px;z-index:3;font-size:12px;color:var(--muted);background:rgba(255,255,255,.85);border-radius:20px;padding:2px 10px}
.lnk2{display:inline-block;margin-top:10px;font-size:13.5px;text-decoration:underline;color:var(--ink)}
.ptabs{margin-top:44px}
.ptabs__nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}
.ptabs__nav .tab{height:40px;padding:0 18px;font-size:14px}
.ptab{display:none;max-width:1100px}.ptab.on{display:block}
.ptab.txt p:first-child{margin-top:0}.ptab ol{margin:0 0 14px;padding-left:22px}.ptab ol li{margin-bottom:8px}
.ptab .specs{max-width:760px}
.prev{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 30px;margin:0;max-width:940px}
.prev h3{font-size:20px;margin-bottom:10px}.prev p{color:var(--muted)}
@media(max-width:640px){.ptabs__nav{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-right:-16px;padding-right:16px}.ptabs__nav .tab{flex:none}.prev{flex-direction:column;align-items:flex-start;padding:20px}.gal__nav{width:34px;height:34px;margin-top:-17px}}

/* v28: лайтбокс галереи, фото в блоке «О магазине» */
.about__art--ph{background:#101826}.about__art--ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.gal__zoom{position:absolute;right:14px;top:14px;z-index:3;width:40px;height:40px;display:grid;place-items:center;cursor:pointer}
.lbx{position:fixed;inset:0;z-index:200;background:rgba(15,17,24,.92);display:grid;place-items:center;padding:56px 72px}
.lbx img{max-width:100%;max-height:calc(100vh - 112px);object-fit:contain;border-radius:12px;background:#fff}
.lbx__x{position:absolute;right:18px;top:12px;width:44px;height:44px;border:0;background:none;color:#fff;font-size:38px;line-height:1;cursor:pointer}
.lbx__nav{position:absolute;top:50%;margin-top:-24px}.lbx__nav.p{left:16px}.lbx__nav.n{right:16px}
.lbx__cnt{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);color:#fff;font-size:14px}
@media(max-width:640px){.lbx{padding:56px 8px}.lbx__nav{top:auto;bottom:10px;margin:0}.about__art--ph{min-height:240px}}
.about__art--ph img{object-position:center 25%}

/* v29: лайтбокс на белом фоне с миниатюрами слева */
.lbx{background:#fff;padding:70px 200px}
.lbx img#lbi{border-radius:0;max-height:calc(100vh - 140px)}
.lbx__x{color:#555;font-size:52px;font-weight:300;right:24px;top:18px}.lbx__x:hover{color:#111}
.lbx__cnt{left:14px;top:12px;bottom:auto;transform:none;color:#888;font-size:13px}
.lbx__nav{border:0;background:none;color:#999;cursor:pointer;padding:10px;margin-top:-23px}.lbx__nav:hover{color:#111}.lbx__nav.p{left:128px}.lbx__nav.n{right:60px}
.lbx__th{position:absolute;left:28px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:14px;max-height:min(420px,70vh);overflow-y:auto;scrollbar-width:none;padding:2px}
.lbx__th::-webkit-scrollbar{display:none}
.lbx__th button{flex:none;width:58px;height:58px;padding:4px;border:1px solid transparent;border-radius:6px;background:#fff;cursor:pointer}
.lbx__th button.on{border-color:#222}.lbx__th img{width:100%;height:100%;object-fit:contain}
@media(max-width:900px){.lbx{padding:60px 12px 110px}.lbx img#lbi{max-height:calc(100vh - 170px)}.lbx__nav{top:50%;bottom:auto;margin-top:-23px}.lbx__nav.p{left:0}.lbx__nav.n{right:0}
.lbx__th{left:0;right:0;top:auto;bottom:14px;transform:none;flex-direction:row;justify-content:safe center;max-height:none;overflow-x:auto;padding:2px 12px;gap:8px}.lbx__th button{width:52px;height:52px}}

/* v30: отзывы */
.rvs{display:grid;gap:14px;margin-bottom:34px}.rvs--3{grid-template-columns:repeat(3,1fr);margin-bottom:0}
.rv{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:22px 26px}
.rv p{margin:10px 0 0;font-size:14px;line-height:1.55}.rv__p{color:var(--muted)}
.rv__h{display:flex;align-items:center;gap:12px}.rv__h small{display:block;color:var(--muted);font-size:12px;margin-top:2px}
.rv__av{flex:none;width:42px;height:42px;border-radius:50%;background:#f1f2f6;display:grid;place-items:center;font-weight:700}
.rv__r{margin-left:auto;font-weight:700;white-space:nowrap;color:#f59e0b}
.rv__a{margin-top:14px;padding:14px 16px;background:#f6f7f9;border-radius:12px;font-size:14px}.rv__a p{margin-top:6px}
.rv__note{color:var(--muted);font-size:13px;margin:0 0 16px}
.rvs--3 .rv p:not(.rv__p){display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden}.rvs--3 .rv__a{display:none}
@media(max-width:1000px){.rvs--3{grid-template-columns:1fr}}@media(max-width:640px){.rv{padding:18px 16px}}

/* v36: кнопки связи сбоку */
.fab{position:fixed;right:20px;bottom:78px;z-index:40;display:flex;flex-direction:column;gap:10px}
.fab__b{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;box-shadow:0 6px 18px rgba(20,22,30,.18);transition:transform .15s}
.fab__b:hover{transform:scale(1.07)}.fab__b--tg{background:#2aabee}.fab__b--ph{background:#22b45a}
.fab__b--max{background:linear-gradient(135deg,#3d6bff,#8a3dff);color:#fff;font-size:11px;letter-spacing:.3px}
.co-page .fab{display:none}
@media(max-width:640px){.fab{right:12px;bottom:70px}.fab__b{width:44px;height:44px}}

/* v38: карта пунктов СДЭК на Яндекс Картах */
#cdek-map{height:460px}@media(max-width:640px){#cdek-map{height:380px}}

/* v39: уведомление «В корзине» */
.ctoast{position:fixed;right:24px;top:84px;z-index:120;display:flex;align-items:center;gap:14px;width:340px;max-width:calc(100vw - 24px);padding:14px 40px 14px 14px;background:#fff;border-radius:16px;box-shadow:0 12px 36px rgba(20,22,30,.18);color:inherit;text-decoration:none;animation:ctoast .2s ease-out}
.ctoast img{flex:none;width:56px;height:56px;object-fit:contain;border-radius:8px;background:#f4f5f8}
.ctoast b{display:block;font-size:16px}.ctoast small{display:block;margin-top:4px;font-size:13px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ctoast button{position:absolute;right:10px;top:8px;border:0;background:none;font-size:26px;line-height:1;color:#999;cursor:pointer}.ctoast button:hover{color:#222}
@keyframes ctoast{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@media(max-width:640px){.ctoast{right:12px;top:70px}}