/* Экомебель — вид как у их сайта (шаблон Аспро Макс), код наш. REBORN LAB, 10.11.2026 */
@font-face{font-family:Montserrat;font-weight:400;font-display:swap;src:url(/fonts/montserrat-cyrillic-400-normal.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Montserrat;font-weight:400;font-display:swap;src:url(/fonts/montserrat-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2190-2199}
@font-face{font-family:Montserrat;font-weight:500;font-display:swap;src:url(/fonts/montserrat-cyrillic-500-normal.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Montserrat;font-weight:500;font-display:swap;src:url(/fonts/montserrat-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2190-2199}
@font-face{font-family:Montserrat;font-weight:600;font-display:swap;src:url(/fonts/montserrat-cyrillic-600-normal.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Montserrat;font-weight:600;font-display:swap;src:url(/fonts/montserrat-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2190-2199}
@font-face{font-family:Montserrat;font-weight:700;font-display:swap;src:url(/fonts/montserrat-cyrillic-700-normal.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Montserrat;font-weight:700;font-display:swap;src:url(/fonts/montserrat-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2190-2199}
:root{--c:#ec691f;--ch:#e05c12;--t:#333;--m:#777;--m2:#999;--b:#ececec;--g:#f7f7f7;--f:#333}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font:400 15px/1.6 Montserrat,Arial,sans-serif;color:var(--t);background:#fff}
a{color:inherit;text-decoration:none}
a:hover{color:var(--c)}
img{max-width:100%;height:auto;display:block}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
h1,h2,h3{font-weight:500;line-height:1.25;margin:0 0 20px}
h1{font-size:2.15em}
h2{font-size:1.75em}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.wrap{max-width:1440px;margin:0 auto;padding:0 30px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--c);color:#fff;border:1px solid var(--c);border-radius:3px;
  font:500 12px/1 Montserrat,Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em;padding:14px 22px;transition:.2s}
.btn:hover{background:var(--ch);border-color:var(--ch);color:#fff}
.btn-lg{padding:17px 26px;font-size:13px}
.btn-line{background:transparent;color:var(--c)}
.btn-line:hover{background:var(--c);color:#fff}
.btn-tr{background:transparent;border-color:rgba(255,255,255,.5);color:#fff}
.btn-tr:hover{background:#fff;color:var(--t);border-color:#fff}
.link{color:var(--c);font-size:13px;border-bottom:1px dotted;cursor:pointer}
.muted{color:var(--m)}

/* верхняя полоса */
.topbar{border-bottom:1px solid var(--b);font-size:13px;color:var(--m)}
.topbar .wrap{display:flex;align-items:center;height:50px;gap:40px}
.city{min-width:90px}
.tphone{position:relative;display:flex;align-items:center;gap:6px}
.tphone>a{font:700 15px Montserrat;color:var(--t)}
.tphone .dd{color:var(--m2);display:flex}
.tphone-drop{position:absolute;top:100%;left:-20px;z-index:60;background:#fff;box-shadow:0 8px 30px rgba(0,0,0,.12);border-radius:3px;padding:14px 20px;min-width:290px;
  display:none;flex-direction:column;gap:8px}
.tphone:hover .tphone-drop{display:flex}
.tphone-drop a{display:flex;flex-direction:column;line-height:1.3}
.tphone-drop b{font-weight:600;color:var(--t)}
.tphone-drop small{color:var(--m2);font-size:11px}
.tphone-drop button{color:var(--c);font-size:11px;text-transform:uppercase;letter-spacing:.08em;text-align:left;margin-top:4px}
.tcall{color:var(--c);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.1em}
.ttg{color:var(--c);display:flex}
.tlinks{margin-left:auto;display:flex;gap:34px}
.tlinks a{color:var(--m)}
.tlinks a:hover{color:var(--c)}

/* шапка */
.hdr{background:#fff;border-bottom:1px solid var(--b);position:sticky;top:0;z-index:50}
.hdr .wrap{display:flex;align-items:center;height:99px;gap:30px}
.logo img{width:190px;height:auto}
.burger,.m-call{display:none}
.nav{display:flex;align-items:center;justify-content:space-between;flex:1;margin-left:50px;height:100%}
.nav>a,.nav-cat{display:flex;align-items:center;gap:10px;height:100%;font:700 13px Montserrat;text-transform:uppercase;letter-spacing:.1em;color:var(--t)}
.nav>a:hover,.nav-cat:hover,.has-mega.open .nav-cat{color:var(--c)}
.nav svg{color:var(--m2)}
.has-mega{height:100%}
.mega{position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid var(--b);box-shadow:0 20px 40px rgba(0,0,0,.1);display:none;z-index:70}
.has-mega.open .mega{display:block}
.mega-in{display:grid;grid-template-columns:340px 1fr;max-width:1440px;margin:0 auto;padding:0 30px;max-height:calc(100vh - 170px)}
.mega-list{border-right:1px solid var(--b);padding:14px 0;overflow:auto}
.mn{display:flex;align-items:center;gap:14px;padding:8px 20px 8px 0;font-size:14px;color:var(--t)}
.mn img,.mn i{width:40px;height:40px;object-fit:contain;flex:none}
.mn.on{color:var(--c)}
.mega-panes{padding:24px 40px;overflow:auto}
.mp{display:none}
.mp-in{display:flex;gap:40px;justify-content:space-between}
.mp-l{columns:2;column-gap:40px;flex:1}
.mp-all{color:var(--c)!important;font-weight:500}
.mp-img{flex:none;width:220px;height:220px;background:var(--g);border-radius:3px;display:flex;align-items:center;justify-content:center}
.mp-img img{width:150px;height:150px;object-fit:contain}
.mp.on{display:block}
.mp a{display:block;padding:6px 0;font-size:14px;color:var(--m);break-inside:avoid}
.mp a:hover{color:var(--c)}
.mp .mp-h{font:600 18px Montserrat;color:var(--t);margin-bottom:14px;display:block}

/* мобильная шторка */
.m-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);opacity:0;visibility:hidden;transition:.25s;z-index:90}
.m-overlay.open{opacity:1;visibility:visible}
.mpanel{position:fixed;top:0;left:0;bottom:0;width:min(360px,88vw);height:100dvh;background:#fff;z-index:100;transform:translateX(-100%);transition:transform .25s;display:flex;flex-direction:column}
.mpanel.open{transform:none}
.m-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--b)}
.m-head .logo img{width:150px}
.m-head button{width:44px;height:44px;display:flex;align-items:center;justify-content:center}
.m-body{overflow:auto;flex:1;padding-bottom:30px}
.m-body details>summary,.m-l{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:0 16px;border-bottom:1px solid var(--b);font-weight:500;font-size:15px;list-style:none;cursor:pointer}
.m-body summary::-webkit-details-marker{display:none}
.m-body details>summary:after{content:"";width:8px;height:8px;border-right:2px solid var(--m2);border-bottom:2px solid var(--m2);transform:rotate(45deg);margin:-4px 4px 0 12px;flex:none}
.m-body details[open]>summary:after{transform:rotate(-135deg);margin-top:4px}
.m-cat{background:var(--g)}
.m-cat details>summary,.m-cat .m-l{font-weight:400;padding-left:28px}
.m-cat details a:not(summary a){display:flex;align-items:center;min-height:44px;padding:0 16px 0 44px;border-bottom:1px solid var(--b);font-size:14px;color:var(--m)}
.m-contacts{padding:20px 16px;display:flex;flex-direction:column;gap:12px;font-size:14px}
.m-contacts a{display:flex;flex-direction:column;line-height:1.3}
.m-contacts b{font-size:17px;font-weight:600}
.m-contacts small{color:var(--m2);font-size:12px}
.m-contacts .btn{margin-top:6px}

/* главная: баннер */
.hero{padding-top:30px}
.slider{position:relative;height:500px;border-radius:3px;overflow:hidden;background:#ddd}
.slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .6s}
.slide.on{opacity:1;visibility:visible}
.slide picture,.slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.slide-link{position:absolute;inset:0;z-index:1}
.slide-txt{position:relative;z-index:2;max-width:620px;padding:120px 0 0 90px;pointer-events:none}
.slide-txt a{pointer-events:auto}
.slide-h{font:500 34px/1.2 Montserrat;margin-bottom:20px}
.slide-p{font-size:15px;line-height:1.8;margin-bottom:40px}
.slide-b{display:flex;gap:10px;flex-wrap:wrap}
.slide.light{color:#fff}
.slide.light .slide-h{text-shadow:0 1px 10px rgba(0,0,0,.15)}
.slide.dark{color:var(--t)}
.slide.dark .btn-tr{border-color:rgba(0,0,0,.25);color:var(--t)}
.dots{position:absolute;left:0;right:0;bottom:26px;display:flex;justify-content:center;gap:16px;z-index:3}
.dots button{width:10px;height:10px;border-radius:50%;background:#fff;opacity:1;transition:.2s}
.dots button.on{background:var(--c)}
.sbans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px}
.sban{position:relative;height:220px;border-radius:3px;overflow:hidden;color:#fff}
.sban img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.sban:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 30%,rgba(0,0,0,.5))}
.sban:hover img{transform:scale(1.04)}
.sban-t{position:absolute;left:28px;right:28px;bottom:22px;z-index:1;display:flex;flex-direction:column;gap:6px}
.sban-t small{font-size:10px;text-transform:uppercase;letter-spacing:.1em;opacity:.85}
.sban-t b{font-weight:600;font-size:15px}
.sban:hover{color:#fff}

/* секции */
.sec{padding:60px 30px 0}
.sec-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;gap:20px}
.sec-h h2{margin:0;font-size:28px;display:flex;align-items:center;gap:44px}
.sec-h>a,.sec-h>span>a{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--m2)}
.sec-h>span{display:flex;gap:36px;align-items:center}
.subs{display:inline-flex;align-items:center;gap:10px;font:500 10px Montserrat;text-transform:uppercase;letter-spacing:.1em;color:var(--m2)}
.subs:hover{color:var(--c)}
.row4{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.lcard{position:relative;height:270px;border-radius:3px;overflow:hidden;color:#fff;display:block}
.lcard img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}
.lcard:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 35%,rgba(0,0,0,.55))}
.lcard:hover img{transform:scale(1.05)}
.lcard:hover{color:#fff}
.lcard>span{position:absolute;left:20px;right:20px;bottom:24px;z-index:1;text-align:center;display:flex;flex-direction:column;gap:8px}
.lcard small{font-size:10px;text-transform:uppercase;letter-spacing:.1em;opacity:.85}
.lcard b{font-weight:600;font-size:16px;line-height:1.5}
.lcard.sale>span{text-align:left;left:30px}
.lcard.sale small{display:flex;align-items:center;gap:6px;text-transform:none;letter-spacing:0;font-size:12px}
.lcard.sale b{font-size:18px}
.lcard em{position:absolute;top:30px;left:30px;z-index:2;background:#ffd02e;color:var(--t);font:700 11px Montserrat;font-style:normal;padding:4px 7px;border-radius:2px}
.grey{background:var(--g);border-top:1px solid var(--b);border-bottom:1px solid var(--b);margin-top:60px}
.tizers{display:grid;grid-template-columns:repeat(5,1fr);gap:30px;padding:65px 30px 60px}
.tz{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}
.tz-i{width:40px;height:40px;color:var(--c)}
.tz-i svg{width:40px;height:40px}
.tz b{display:block;font-weight:500;font-size:16px;margin-bottom:8px}
.tz p{margin:0;font-size:13px;color:var(--m);line-height:1.7}
.company{margin-top:60px}
.comp{display:grid;grid-template-columns:1fr 2fr;gap:30px;padding:45px 30px 45px;align-items:center}
.comp-img{position:relative;align-self:stretch;min-height:300px;border-radius:3px;overflow:hidden}
.comp-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;display:flex;transition:transform .2s}
.play:hover{transform:translate(-50%,-50%) scale(1.08)}
.over{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--m);margin-bottom:24px}
.comp-txt h2{font-size:24px;margin-bottom:30px}
.comp-p{color:var(--m);line-height:1.7;margin-bottom:24px}
.tz2{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:34px}
.tz-s{flex-direction:row;align-items:flex-start;text-align:left;gap:20px}
.tz-s b{font-size:15px}
.tz-s p{font-size:12px}
.sec-g{padding:60px 0;margin-top:0;border-top:0}
.company+.sec-g{border-top:1px solid var(--b)}
.news .ncard{background:#fff;border:1px solid var(--b);border-radius:3px;display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .3s}
.news .ncard:hover{box-shadow:0 10px 30px rgba(0,0,0,.08);color:var(--t)}
.ni{height:190px;overflow:hidden;background:var(--g)}
.ni img{width:100%;height:100%;object-fit:cover}
.nt{padding:24px 24px 28px;display:flex;flex-direction:column;gap:12px}
.nt small{font-size:12px;color:var(--m2)}
.nt b{font-weight:500;font-size:14px;line-height:1.7}
.bban{padding-top:40px;padding-bottom:40px}
.bban img{width:100%;border-radius:3px}
.bban+.sec-g{border-top:1px solid var(--b)}
.reviews{position:relative}
.rv-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;background:#fff;border:1px solid var(--b)}
.rv-track::-webkit-scrollbar{display:none}
.rv{flex:0 0 100%;scroll-snap-align:start;padding:40px;display:flex;flex-direction:column;gap:6px;position:relative}
.rv small{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--m2)}
.rv b{font-weight:500;font-size:16px}
.rv .stars{position:absolute;right:40px;top:40px;color:#e7c25b;letter-spacing:2px}
.rv p{margin:18px 0 22px;color:#555;line-height:1.7}
.rv .btn{align-self:flex-start}
.rv-l,.rv-r{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background:#fff;border-radius:50%;box-shadow:0 3px 12px rgba(0,0,0,.12);display:flex;align-items:center;justify-content:center;z-index:2}
.rv-l{left:-20px}.rv-r{right:-20px}

/* подвал */
.ftr{background:var(--f);color:#fff;margin-top:0;padding:56px 0 30px;font-size:13px}
.front .ftr{margin-top:0}
main{min-height:40vh}
.fgrid{display:grid;grid-template-columns:200px 250px 290px 190px 1fr;gap:30px}
.fcol{display:flex;flex-direction:column;gap:12px}
.fcol summary{list-style:none}
.fl{display:flex;flex-direction:column;gap:12px}
.fcol summary::-webkit-details-marker{display:none}
.fh{font:700 13px Montserrat;text-transform:uppercase;letter-spacing:.08em;color:#fff;margin-bottom:10px;display:block}
.fcaps{gap:0}
.fcaps .fh{margin-bottom:22px}
.fcol a:not(.fh){color:#aaa}
.fcol a:hover{color:#fff}
.fcontacts{display:flex;flex-direction:column;gap:18px}
.fsub{display:flex;align-items:center;justify-content:space-between;background:#4a4a4a;color:#fff;border-radius:3px;padding:15px 20px;font:500 11px Montserrat;text-transform:uppercase;letter-spacing:.08em;max-width:312px}
.fsub svg{color:#888}
.fph{padding-left:30px;display:flex;flex-direction:column;gap:6px}
.fph a{font-size:16px;font-weight:500}
.fph button{text-align:left;color:#aaa;font-size:10px;text-transform:uppercase;letter-spacing:.1em}
.fmail,.faddr{display:flex;gap:18px;align-items:flex-start;font-size:15px;font-weight:500;color:#fff}
.fmail svg,.faddr svg{color:#888;flex:none;margin-top:4px}
.fsocial{display:flex;align-items:center;gap:30px;margin:60px 0 50px}
.fsocial i{flex:1;height:1px;background:#4a4a4a}
.fsocial>div{display:flex;gap:9px}
.fsocial a{width:42px;height:42px;border:1px solid #4a4a4a;border-radius:3px;display:flex;align-items:center;justify-content:center;color:#aaa}
.fsocial a:hover{color:#fff;border-color:#777}
.fcopy{color:#aaa;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.fcopy a{color:#aaa}

/* плавающие кнопки, нижняя панель */
.float{position:fixed;right:24px;bottom:100px;z-index:40;display:flex;flex-direction:column;gap:12px}
.float a{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 6px 18px rgba(0,0,0,.18);transition:transform .2s}
.float a:hover{transform:scale(1.08);color:#fff}
.fl-tg{background:#2aa3df}
.fl-ph{background:var(--c)}
.mbar{display:none}

/* заявка */
.modal{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:120;display:none;align-items:center;justify-content:center;padding:16px}
.modal.open{display:flex}
.mbox{background:#fff;border-radius:3px;padding:40px;width:100%;max-width:470px;position:relative;display:flex;flex-direction:column;gap:14px;max-height:calc(100dvh - 32px);overflow:auto}
.mx{position:absolute;right:14px;top:14px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--m2)}
.mtitle{font-size:24px;font-weight:500;padding-right:30px}
.msub{color:var(--m);font-size:13px;margin-top:-6px}
.mbox label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--m)}
.mbox label b{color:var(--c)}
.mbox input:not([type=checkbox]),.mbox textarea{font:inherit;font-size:16px;border:1px solid #ddd;border-radius:3px;padding:12px 14px;color:var(--t)}
.mbox input:focus,.mbox textarea:focus{outline:none;border-color:var(--c)}
.mbox .agree{flex-direction:row;align-items:flex-start;gap:10px;font-size:12px}
.mbox .agree input{margin-top:3px;accent-color:var(--c)}
.mbox .agree a{color:var(--c)}
.form-msg{font-size:14px}
.form-msg.err{color:#d33}
.form-msg.ok{color:#2a8a3a}
.form-msg a{color:var(--c);font-weight:600}

/* cookie */
.cookie{position:fixed;left:0;right:0;bottom:0;z-index:110;background:#fff;box-shadow:0 -6px 30px rgba(0,0,0,.12)}
.cookie .wrap{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:16px;padding-bottom:16px}
.cookie p{margin:0;font-size:15px}
.cookie a{color:var(--c);text-decoration:underline}
.cookie .btn{min-width:207px;font-size:17px;text-transform:none;letter-spacing:0;font-weight:600}

/* внутренние страницы */
.page{padding-top:30px;padding-bottom:70px}
.crumbs{font-size:12px;color:var(--m2);display:flex;flex-wrap:wrap;gap:6px;margin-bottom:22px}
.crumbs i{font-style:normal}
.crumbs a:hover{color:var(--c)}
.cols{display:grid;grid-template-columns:265px 1fr;gap:32px;align-items:start}
.side{position:sticky;top:120px;display:flex;flex-direction:column;gap:20px}
.smenu{border:1px solid var(--b);border-radius:3px;background:#fff}
.sm{display:block;padding:12px 20px;border-bottom:1px solid var(--b);font-size:14px}
.sm:last-child{border-bottom:0}
.sm.on{color:var(--c);font-weight:500}
.sm-sub{padding:6px 0 10px;border-bottom:1px solid var(--b);background:var(--g)}
.sm-sub a{display:block;padding:6px 20px 6px 32px;font-size:13px;color:var(--m)}
.sm-sub a.on{color:var(--c)}
.side-help{background:var(--g);border:1px solid var(--b);border-radius:3px;padding:24px 20px;font-size:13px}
.side-help b{font-weight:600;font-size:15px}
.side-help p{color:var(--m)}
.subs-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));margin-bottom:28px;border-left:1px solid var(--b);border-top:1px solid var(--b)}
.sub{display:flex;align-items:center;gap:16px;padding:16px 20px;border-right:1px solid var(--b);border-bottom:1px solid var(--b)}
.sub img{width:60px;height:60px;object-fit:contain;flex:none}
.sub b{display:block;font-weight:500;font-size:14px;line-height:1.4}
.sub small{color:var(--m2);font-size:12px}
.sortbar{display:flex;justify-content:space-between;border-top:1px solid var(--b);border-bottom:1px solid var(--b);padding:12px 0;font-size:12px;color:var(--m);margin-bottom:0}
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--b)}
.pcard{position:relative;display:flex;flex-direction:column;gap:10px;padding:24px 24px 28px;border-right:1px solid var(--b);border-bottom:1px solid var(--b);background:#fff;transition:box-shadow .3s}
.pcard:hover{box-shadow:0 10px 30px rgba(0,0,0,.1);z-index:1}
.pimg{display:block;aspect-ratio:1;overflow:hidden;position:relative}
.pimg img{width:100%;height:100%;object-fit:contain}
.st{position:absolute;top:0;left:0;font:600 10px Montserrat;font-style:normal;text-transform:uppercase;letter-spacing:.05em;padding:4px 8px;border-radius:2px;color:#fff;background:#4fad00;z-index:1}
.st+.st{top:26px}
.st-hit{background:#ffd02e;color:var(--t)}
.st-adv{background:#893ca9}
.pname{font-weight:500;font-size:14px;line-height:1.5}
.pprice{font-weight:700;font-size:16px;margin-top:auto}
.pprice s{display:block;color:var(--m2);font-weight:400;font-size:13px}
.pprice.big{font-size:26px}
.btn-ord{align-self:flex-start;background:transparent;color:var(--c);padding:12px 18px}
.btn-ord:hover{background:var(--c);color:#fff}
.pager{display:flex;flex-wrap:wrap;gap:6px;margin:30px 0}
.pager a{min-width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--b);border-radius:3px;font-size:13px}
.pager a.on{background:var(--c);border-color:var(--c);color:#fff}
.text{color:#555;line-height:1.75}
.text h2,.text h3{color:var(--t);margin:30px 0 14px;font-size:20px}
.text a{color:var(--c)}
.text img{display:inline-block;margin:6px 6px 6px 0;border-radius:3px}
.text table{border-collapse:collapse;width:100%;margin:10px 0}
.text td,.text th{border:1px solid var(--b);padding:8px 10px;vertical-align:top}
.desc{margin-top:40px;padding-top:30px;border-top:1px solid var(--b)}
.one{max-width:1000px}
.ctiles{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--b);border-top:1px solid var(--b)}
.ctile{display:flex;gap:24px;padding:30px;border-right:1px solid var(--b);border-bottom:1px solid var(--b);transition:box-shadow .3s}
.ctile:hover{box-shadow:0 10px 30px rgba(0,0,0,.08)}
.ct-img{flex:none;width:90px}
.ct-img img{width:90px;height:90px;object-fit:contain}
.ctile>div{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--m)}
.ctile .ct-h{font-weight:500;font-size:17px;color:var(--t);margin-bottom:6px;display:inline}
.ctile sup{display:inline-block;background:var(--g);color:var(--m2);font-size:11px;border-radius:3px;padding:0 6px;margin-left:6px;vertical-align:top;width:max-content}
/* товар */
.prod{display:grid;grid-template-columns:1.25fr 1fr;gap:50px;align-items:start}
.gal{display:grid;grid-template-columns:80px 1fr;gap:20px}
.gal-main{grid-column:2;grid-row:1;position:relative;border:1px solid var(--b);border-radius:3px;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:#fff}
.gal-main img{max-height:100%;object-fit:contain}
.gal-main .st{top:16px;left:16px}
.gal-th{grid-column:1;grid-row:1;display:flex;flex-direction:column;gap:10px;max-height:600px;overflow:auto}
.th{border:1px solid var(--b);border-radius:3px;width:78px;height:78px;padding:2px;flex:none}
.th img{width:100%;height:100%;object-fit:cover}
.th.on{border-color:var(--c)}
.pbox{border:1px solid var(--b);border-radius:3px;padding:30px;display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.pbox .btn{width:100%}
.pbox p{margin:0;font-size:12px}
.chars{margin-top:28px}
.chars-h{font-weight:500;font-size:17px;margin-bottom:12px}
.ch{display:flex;align-items:baseline;gap:8px;padding:5px 0;font-size:13px}
.ch span{color:var(--m)}
.ch i{flex:1;border-bottom:1px dotted #ccc}
.ch b{font-weight:500;text-align:right;max-width:55%}
.tabs{margin-top:50px}
.tabs-nav{display:flex;flex-wrap:wrap;border-bottom:1px solid var(--b);gap:0;overflow-x:auto}
.tabs-nav button{padding:16px 22px;font:500 12px Montserrat;text-transform:uppercase;letter-spacing:.08em;color:var(--m);border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}
.tabs-nav button.on{color:var(--t);border-bottom-color:var(--c)}
.pane{display:none;padding:30px 0}
.pane.on{display:block}
.pane img{width:170px;height:170px;object-fit:cover;border:1px solid var(--b)}
.pane .cap{display:inline-block;width:170px;font-size:12px;margin:0 6px 14px 0;vertical-align:top}
/* портфолио */
.pfilter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px}
.pfilter a,.pfilter span{border:1px solid var(--b);border-radius:3px;padding:10px 18px;font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.pfilter span.on{background:var(--c);border-color:var(--c);color:#fff}
.pf .lcard{height:300px}
.pfi{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}
.pfi-gal{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pgi:first-child{grid-column:1/-1}
.pgi img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:3px}
.pgi:first-child img{aspect-ratio:3/2}
.pfi-info{position:sticky;top:120px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.pfi-info .text{font-size:16px;color:var(--t)}
.pfi-info .chars{width:100%;margin:0 0 20px}
.pfi-more{margin-top:50px;padding-top:30px;border-top:1px solid var(--b);max-width:1000px}
/* точки продаж */
.ctop{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border:1px solid var(--b);border-radius:3px;padding:30px;margin-bottom:30px}
.ctop>div{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.ctop small{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--m2)}
.ctop a span{color:var(--m2);font-size:12px}
.stores{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.store{display:grid;grid-template-columns:200px 1fr;gap:24px;border:1px solid var(--b);border-radius:3px;padding:20px;font-size:13px}
.store img,.store .noimg{width:200px;height:150px;object-fit:cover;border-radius:3px;background:var(--g)}
.store b{font-weight:500;font-size:14px;line-height:1.5;display:block;margin-bottom:8px}
.store p{margin:4px 0;color:var(--m)}
.store .cats a{color:var(--c)}
.sph{display:block;font-weight:600;margin-top:6px}
.sml{display:block;color:var(--c)}
.soon{max-width:760px;min-height:50vh;padding-top:60px}
.soon p{font-size:16px;color:#555}
.soon a{color:var(--c)}
.soon-b{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.soon-b a.btn{color:#fff}

/* планшет */
@media (max-width:1200px){
 .tlinks{gap:18px}
 .nav{margin-left:10px}
 .fgrid{grid-template-columns:repeat(3,1fr)}
 .tizers{grid-template-columns:repeat(3,1fr)}
 .pgrid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:991px){
 .topbar{display:none}
 .hdr .wrap{height:64px;padding:0 16px;justify-content:space-between;gap:0}
 .nav{display:none}
 .burger,.m-call{display:flex;width:44px;height:44px;align-items:center;justify-content:center;color:var(--t)}
 .logo img{width:140px}
 .row4{grid-template-columns:repeat(2,1fr);gap:16px}
 .cols{grid-template-columns:1fr}
 .side{display:none}
 .prod,.pfi{grid-template-columns:1fr;gap:30px}
 .pfi-info{position:static}
 .stores{grid-template-columns:1fr}
 .ctiles{grid-template-columns:repeat(2,1fr)}
}
/* телефон */
@media (max-width:767px){
 body{font-size:14px;padding-bottom:64px}
 .wrap{padding:0 16px}
 h1{font-size:26px}
 .page{padding-top:18px}
 .hero{padding-top:16px}
 .slider{height:auto;aspect-ratio:736/506}
 .slide-txt{display:none!important}
 .slide-txt{padding:40px 24px 0;max-width:none}
 .slide-h{font-size:19px;margin-bottom:12px}
 .slide-p{font-size:11px;line-height:1.7;margin-bottom:0}
 .slide-b{display:none}
 .dots{bottom:12px}
 .sbans{grid-template-columns:1fr 1fr;gap:16px}
 .sban{height:155px}
 .sban-t{left:16px;right:16px;bottom:14px}
 .sban-t b{font-size:15px;line-height:1.35}
 .sec{padding:44px 16px 0}
 .sec-h{margin-bottom:20px}
 .sec-h h2{font-size:24px;gap:16px}
 .sec-h>a,.sec-h>span>a{font-size:0}
 .sec-h>a:after,.sec-h>span>a:after{content:"›";font-size:28px;color:var(--m2);line-height:1}
 .sec-h .subs{display:none}
 .scroll-m{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;margin:0 -16px;padding:0 16px;scrollbar-width:none}
 .scroll-m::-webkit-scrollbar{display:none}
 .scroll-m .lcard{flex:0 0 72%;height:360px;scroll-snap-align:start}
 .scroll-m .lcard.sale{height:250px}
 .grey{margin-top:44px}
 .tizers{grid-template-columns:1fr;gap:26px;padding:40px 16px 40px 40px}
 .tz{flex-direction:row;align-items:flex-start;text-align:left;gap:24px}
 .comp{grid-template-columns:1fr;padding:0 0 40px;gap:30px}
 .comp-img{min-height:340px;border-radius:0}
 .comp-txt{padding:0 16px}
 .tz2{grid-template-columns:1fr;gap:20px}
 .sec-g{padding:40px 0}
 .news{display:flex;flex-direction:column;gap:20px}
 .news .ncard{flex-direction:row;border:0;background:transparent;gap:16px}
 .ni{flex:0 0 100px;height:80px;border-radius:3px}
 .nt{padding:0;gap:6px}
 .rv{padding:28px 30px}
 .rv .stars{position:static;order:3}
 .rv-l,.rv-r{display:none}
 .rv-track{scroll-snap-type:x mandatory;margin-right:-16px}
 .rv{flex:0 0 88%}
 .bban{padding:20px 16px}
 .ftr{padding:0 0 30px}
 .ftr .wrap{padding:0}
 .fgrid{grid-template-columns:1fr;gap:0}
 .fcol,.fcaps{gap:0}
 .fcaps .fh,.fcol summary .fh{margin:0;display:flex;align-items:center;min-height:50px;padding:0 16px;border-bottom:1px solid #444;font-size:13px}
 .fcol summary{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #444;padding-right:16px}
 .fcol summary .fh{border:0}
 .fcol summary:after{content:"";width:7px;height:7px;border-right:1.5px solid #aaa;border-bottom:1.5px solid #aaa;transform:rotate(45deg);margin-top:-4px}
 .fcol a:not(.fh){padding:8px 16px 8px 30px}
 .fl{gap:0;padding:6px 0}
 .fcontacts{padding:34px 32px 0;align-items:center;text-align:center}
 .fsub{width:100%}
 .fph{padding:0;flex-direction:row;align-items:center;gap:20px}
 .fsocial{margin:34px 16px;gap:16px}
 .fsocial a{width:40px;height:40px}
 .fcopy{justify-content:center;text-align:center;padding:0 16px}
 .float{display:none}
 .mbar{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;z-index:60;background:#fff;border-top:1px solid var(--b);height:64px;padding-bottom:env(safe-area-inset-bottom)}
 .mbar a,.mbar button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:11px;color:var(--t)}
 .mbar svg{color:var(--c);width:20px;height:20px}
 .cookie{bottom:64px}
 .cookie .wrap{flex-direction:column;align-items:stretch;gap:12px;padding-top:14px;padding-bottom:14px}
 .cookie p{font-size:14px}
 .cookie .btn{width:100%}
 .crumbs{font-size:11px}
 .subs-list{grid-template-columns:1fr}
 .pgrid{grid-template-columns:1fr 1fr}
 .pcard{padding:14px}
 .pname{font-size:13px}
 .pprice{font-size:14px}
 .btn-ord{padding:10px 12px;font-size:11px;width:100%}
 .ctiles{grid-template-columns:1fr}
 .ctile{padding:20px 16px}
 .gal{grid-template-columns:1fr}
 .gal-main{grid-column:1}
 .gal-th{grid-column:1;grid-row:2;flex-direction:row;overflow-x:auto;max-height:none}
 .th{width:64px;height:64px}
 .pbox{padding:20px}
 .pane img{width:calc(50% - 8px);height:auto;aspect-ratio:1}
 .pane .cap{width:calc(50% - 8px)}
 .ctop{grid-template-columns:1fr;padding:20px}
 .store{grid-template-columns:1fr}
 .store img,.store .noimg{width:100%;height:180px}
 .pf .lcard{height:220px}
 .pfi-gal{grid-template-columns:1fr 1fr}
 .mbox{padding:28px 20px}
}
@media (max-width:420px){
 .row4:not(.scroll-m){grid-template-columns:1fr}
}