:root{
  --ink:#181a16;--muted:#6c7167;--paper:#fff;--bg:#f5f4ef;--soft:#e9ece5;
  --line:#d9ddd2;--lime:#ff0000;--lime2:#ff0000;--dark:#171a15;--dark2:#22271f;
  --dark3:#2a3026;--shadow:0 18px 50px rgba(21,25,18,.11)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;background:var(--bg);color:var(--ink);line-height:1.5;-webkit-font-smoothing:antialiased}
body.modal-open{overflow:hidden}
a{text-decoration:none;color:inherit}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
svg{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.container{width:min(1220px,calc(100% - 42px));margin:auto}
.narrow{max-width:850px}
.kicker{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:900;color:#788073;margin-bottom:15px}
.kicker>span{width:7px;height:7px;background:var(--lime);border-radius:50%}
.btn{border:0;border-radius:13px;padding:14px 18px;font-weight:850;display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:transform .2s,box-shadow .2s,background .2s}
.btn:hover{transform:translateY(-2px)}
.btn svg{font-size:17px}
.btn-accent{background:var(--lime);color:#171914;box-shadow:0 8px 22px rgba(255,0,0,.18)}
.btn-accent:hover{background:var(--lime2)}
.btn-dark{background:var(--dark);color:#fff}
.btn-dark:hover{box-shadow:0 10px 25px rgba(10,12,9,.18)}
.btn-ghost{background:#fff;border:1px solid var(--line)}
.btn-glass{background:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.7)}
.btn-small{padding:11px 14px;font-size:13px}
.btn-wide{width:100%}
.plain-link{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:900}
.plain-link svg{font-size:16px;transition:transform .2s}
.plain-link:hover svg{transform:translateX(4px)}
.center{text-align:center;margin-top:30px}

.topline{background:#11140f;color:#d8ded2;font-size:11px}
.topline .container{height:33px;display:flex;align-items:center;justify-content:space-between}
.header{position:sticky;top:0;z-index:70;background:rgba(245,244,239,.95);backdrop-filter:blur(14px);border-bottom:1px solid rgba(20,25,18,.07);transition:box-shadow .2s,background .2s}
.header.scrolled{box-shadow:0 9px 26px rgba(22,25,19,.08);background:rgba(250,249,245,.97)}
.nav{height:82px;display:flex;align-items:center;gap:28px}
.brand{display:flex;align-items:center;gap:11px;min-width:max-content}
.logo{width:43px;height:43px;border-radius:12px;background:var(--dark);color:var(--lime);display:grid;place-items:center;font-weight:950;font-size:14px;letter-spacing:-.04em}
.brand strong,.brand small{display:block}
.brand strong{font-size:17px;letter-spacing:-.02em}
.brand small{font-size:10px;color:var(--muted)}
.desktop-nav{display:flex;align-items:center;gap:21px;margin-left:auto}
.desktop-nav a{position:relative;font-size:13px;color:#444a40;padding:30px 0}
.desktop-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:17px;height:2px;background:var(--lime);transition:right .22s}
.desktop-nav a:hover:after,.desktop-nav a.active:after{right:0}
.desktop-nav a.active{color:#111}
.head-actions{display:flex;align-items:center;gap:14px}
.head-phone{font-size:13px;font-weight:900}
.menu-btn{display:none;border:0;background:transparent;width:42px;height:42px;padding:10px}
.menu-btn span{display:block;height:2px;background:#222;margin:5px 0}
.mobile-nav{display:none}

.hero-pro{position:relative;padding:62px 0 78px;overflow:hidden}
.hero-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(28,31,25,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(28,31,25,.035) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,black,transparent 88%);pointer-events:none}
.hero-layout{position:relative;display:grid;grid-template-columns:.94fr 1.06fr;gap:60px;align-items:center}
.hero-copy h1{font-size:clamp(50px,6.1vw,79px);line-height:.93;letter-spacing:-.057em;margin:0 0 25px}
.hero-copy h1 em{font-style:normal;color:#2b3028}
.hero-copy>p{font-size:18px;line-height:1.65;color:#5c6258;max-width:660px}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:29px}
.hero-trust{display:flex;gap:33px;margin-top:43px;padding-top:21px;border-top:1px solid var(--line);max-width:640px}
.hero-trust div{min-width:110px}
.hero-trust strong,.hero-trust span{display:block}
.hero-trust strong{font-size:16px;letter-spacing:-.02em}
.hero-trust span{font-size:10px;color:var(--muted);margin-top:2px}
.hero-slider{position:relative}
.slider-frame{height:510px;border-radius:32px;overflow:hidden;background:#daddd4;box-shadow:var(--shadow);position:relative}
.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .8s ease,transform 1.1s ease;transform:scale(1.025)}
.hero-slide.active{opacity:1;visibility:visible;transform:scale(1)}
.hero-slide img{width:100%;height:100%;object-fit:cover;display:block}
.slide-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(11,14,10,.63),transparent 52%)}
.slide-meta{position:absolute;left:25px;bottom:25px;color:#fff;z-index:2}
.slide-meta span,.slide-meta small{display:block}
.slide-meta span{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#d2d9ce}
.slide-meta strong{display:block;font-size:32px;letter-spacing:-.04em;margin:4px 0}
.slide-meta small{font-size:12px}
.slider-counter{position:absolute;right:22px;top:22px;background:rgba(18,21,16,.70);backdrop-filter:blur(8px);color:#fff;border-radius:999px;padding:8px 11px;display:flex;gap:6px;align-items:center;font-size:10px}
.slider-counter i{width:20px;height:1px;background:#7c8477}
.slider-controls{display:flex;align-items:flex-end;justify-content:space-between;margin-top:-36px;position:relative;z-index:4;padding:0 22px}
.slider-dots{display:flex;gap:7px;padding:11px 13px;background:rgba(255,255,255,.95);border-radius:999px;box-shadow:0 9px 24px #0002}
.slider-dots button{width:8px;height:8px;border-radius:50%;border:0;background:#c1c5bd;padding:0}
.slider-dots button.active{background:var(--dark);transform:scale(1.25)}
.mini-card{width:255px;background:rgba(255,255,255,.97);border:1px solid #ffffffc9;border-radius:18px;padding:17px;box-shadow:0 12px 32px #0002}
.mini-card span,.mini-card strong{display:block}
.mini-card span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}
.mini-card strong{font-size:16px;margin:3px 0}
.mini-card p{font-size:10px;color:var(--muted);margin:0}

.quick-benefits{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#faf9f5}
.benefit-row{display:grid;grid-template-columns:repeat(4,1fr)}
.benefit-row>div{display:flex;gap:12px;align-items:center;padding:20px 18px;border-right:1px solid var(--line)}
.benefit-row>div:first-child{padding-left:0}.benefit-row>div:last-child{border-right:0}
.benefit-icon{width:37px;height:37px;border-radius:11px;background:#ebf9c5;display:grid;place-items:center;color:#4a5c1a;flex:0 0 auto}
.benefit-icon svg{font-size:18px}
.benefit-row strong,.benefit-row small{display:block}
.benefit-row strong{font-size:13px}.benefit-row small{font-size:9px;color:var(--muted);margin-top:2px}

.section{padding:86px 0}
.section-muted{background:var(--soft)}
.section-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:45px;align-items:end;margin-bottom:34px}
.section-heading h2,.bundle-copy h2,.warranty-copy h2,.cta-pro h2,.detail-main h2,.about-layout h2,.contact-cta h2,.narrow h2{font-size:clamp(34px,4vw,53px);line-height:1.01;letter-spacing:-.045em;margin:0}
.section-heading>p{color:var(--muted);max-width:520px;margin:0;font-size:14px}

.pro-categories{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}
.category-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:19px 20px 21px;min-height:178px;display:flex;flex-direction:column;transition:transform .24s,box-shadow .24s,border-color .24s}
.category-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#c7cbc1}
.category-top{display:flex;justify-content:space-between;align-items:flex-start}
.category-icon{width:43px;height:43px;border-radius:13px;background:#f0f2ec;display:grid;place-items:center}
.category-icon svg{font-size:22px}
.category-count{font-size:11px;font-weight:900;background:#f1f2ed;border-radius:999px;padding:6px 8px}
.category-card h3{font-size:19px;line-height:1.18;letter-spacing:-.02em;margin:27px 0 auto}
.category-link{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:900;margin-top:15px}
.category-link svg{font-size:14px}

.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
.product-card{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;min-width:0;transition:transform .24s,box-shadow .24s,border-color .24s}
.product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#c8ccc2}
.product-media{height:235px;position:relative;background:#f0f1ec;display:block;overflow:hidden}
.product-media img{width:100%;height:100%;display:block;object-fit:contain;padding:8px;transition:transform .35s ease}
.product-card:hover .product-media img{transform:scale(1.035)}
.badge{position:absolute;z-index:2;left:13px;top:13px;padding:7px 9px;background:rgba(255,255,255,.94);backdrop-filter:blur(7px);border-radius:999px;font-size:9px;font-weight:900;box-shadow:0 5px 15px #0001}
.image-empty{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:linear-gradient(145deg,#eef0eb,#dfe2da);color:#858c80}
.image-empty span{font-size:10px}.image-empty b{font-size:28px;color:#586055;margin-top:8px}
.product-info{padding:19px}
.model{font-size:10px;color:#7b8278;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
.product-info h3{font-size:19px;margin:5px 0 15px;line-height:1.14;letter-spacing:-.02em}
.product-info dl{margin:0}
.product-info dl div{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #eceee9;padding:8px 0}
.product-info dt,.product-info dd{font-size:10px}
.product-info dt{color:var(--muted)}.product-info dd{margin:0;font-weight:800;text-align:right}
.product-bottom{border-top:1px solid #eceee9;margin-top:5px;padding-top:14px;display:flex;justify-content:space-between;gap:10px;align-items:center}
.product-bottom strong{font-size:12px}.product-bottom a{font-size:11px;font-weight:900}

.bundle-section{background:#f6f5f0}
.bundle-pro{display:grid;grid-template-columns:.86fr 1.14fr;gap:75px}
.bundle-copy>p{font-size:17px;color:var(--muted);max-width:520px}
.bundle-list-pro>a{display:grid;grid-template-columns:42px 1fr 28px;gap:13px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}
.bundle-list-pro>a>span{font-size:11px;font-weight:900;color:#939a8e}
.bundle-list-pro h3{margin:0 0 4px;font-size:17px}
.bundle-list-pro p{margin:0;color:var(--muted);font-size:11px}
.bundle-list-pro>a>svg{font-size:18px;transition:transform .2s}
.bundle-list-pro>a:hover>svg{transform:translateX(4px)}

.process-section{background:var(--dark);color:#fff}
.light-heading .kicker{color:#9fa99a}.light-heading>p{color:#aeb5aa}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.process-card{background:var(--dark2);border:1px solid #353c32;border-radius:20px;padding:22px;min-height:242px;position:relative;overflow:hidden}
.process-card:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:3px;background:var(--lime);transition:right .3s}
.process-card:hover:after{right:0}
.process-card>b{font-size:10px;color:var(--lime)}
.process-icon{position:absolute;right:19px;top:18px;width:36px;height:36px;border-radius:11px;background:#30372d;display:grid;place-items:center;color:#cfd8c9}
.process-icon svg{font-size:18px}
.process-card h3{margin:70px 0 8px;font-size:18px}.process-card p{font-size:11px;color:#aeb5aa}
.light-process .process-card{background:#fff;border-color:var(--line);color:var(--ink)}
.light-process .process-card p{color:var(--muted)}

.warranty-layout{display:grid;grid-template-columns:.84fr 1.16fr;gap:60px;align-items:center}
.warranty-visual{height:390px;border-radius:29px;background:#e1e3dc;overflow:hidden;position:relative}
.warranty-visual img{width:100%;height:100%;object-fit:cover}
.warranty-stamp{position:absolute;right:18px;bottom:18px;background:var(--dark);color:#fff;border-radius:17px;padding:16px;display:flex;align-items:center;gap:10px}
.warranty-stamp svg{font-size:28px;color:var(--lime)}.warranty-stamp span{font-size:10px;line-height:1.3}
.warranty-copy>p{font-size:17px;color:var(--muted);max-width:650px}
.check-list{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}
.check-list span{display:flex;align-items:center;gap:6px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 11px;font-size:10px;font-weight:800}
.check-list svg{color:#799d0b}

.cta-pro{padding:64px 0;background:var(--lime)}
.cta-pro-layout{display:flex;justify-content:space-between;gap:50px;align-items:end}
.cta-pro p{max-width:650px}
.cta-pro-actions{display:flex;flex-direction:column;align-items:flex-end;gap:11px;font-weight:900}

.inner-hero{padding:65px 0 58px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#f8f7f2,#f3f2ed)}
.inner-hero h1,.legal-hero h1{font-size:clamp(44px,5.6vw,70px);line-height:.96;letter-spacing:-.052em;margin:0 0 20px;max-width:900px}
.inner-hero>.container>p,.inner-hero-row p{font-size:17px;color:var(--muted);max-width:760px}
.breadcrumb{font-size:10px;color:#888f84;margin-bottom:22px}
.inner-hero-row{display:flex;justify-content:space-between;align-items:flex-end;gap:35px}
.catalog-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}
.catalog-pills span{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 11px;font-size:10px}
.catalog-pills strong{font-size:12px}

.catalog-section{padding-top:40px}
.catalog-layout{display:grid;grid-template-columns:250px 1fr;gap:29px;align-items:start}
.filters{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;position:sticky;top:105px}
.filters-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.filters-title button{border:0;background:transparent;color:var(--muted);font-size:10px}
.filters>label{display:block;font-size:10px;font-weight:900;margin:16px 0}
.filters input,.filters select,.catalog-toolbar select{width:100%;border:1px solid var(--line);background:#fafaf7;border-radius:10px;padding:10px;font-size:11px;outline:0}
.input-with-icon{position:relative;margin-top:6px}
.input-with-icon svg{position:absolute;left:10px;top:12px;font-size:13px;color:#888}
.input-with-icon input{padding-left:30px}
.filters fieldset{border:0;border-top:1px solid #eceee9;padding:14px 0 0;margin:14px 0}
.filters legend{font-size:10px;font-weight:900;padding:0}
.filters .radio{display:flex;align-items:center;gap:7px;font-size:11px;margin:8px 0;font-weight:500}
.filters .radio input{width:auto}
.price-disabled{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:6px}
.filters small{font-size:9px;color:#999f95;font-weight:400}
.catalog-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}
.catalog-toolbar strong,.catalog-toolbar small{display:block}
.catalog-toolbar strong{font-size:12px}.catalog-toolbar small{font-size:9px;color:var(--muted);margin-top:2px}
.catalog-toolbar select{width:auto}
.nothing{display:none;text-align:center;padding:50px;color:var(--muted)}

.product-page-top{padding:42px 0 55px}
.product-layout{display:grid;grid-template-columns:1.03fr .97fr;gap:52px;align-items:center}
.product-gallery-pro{height:520px;background:#eef0eb;border-radius:30px;position:relative;overflow:hidden}
.product-gallery-pro>img{width:100%;height:100%;object-fit:contain;padding:13px}
.category-tag{display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:900;color:#60665c;margin-bottom:13px}
.category-tag svg{font-size:16px}
.product-intro h1{font-size:clamp(41px,5vw,63px);line-height:.98;letter-spacing:-.05em;margin:0 0 15px}
.intro-text{font-size:15px;color:var(--muted)}
.key-specs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:20px 0}
.key-specs div{background:#fff;border:1px solid var(--line);border-radius:13px;padding:12px}
.key-specs small,.key-specs strong{display:block}
.key-specs small{font-size:9px;color:var(--muted)}.key-specs strong{font-size:12px;margin-top:3px}
.price-box-pro{display:flex;justify-content:space-between;gap:20px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:17px;padding:15px}
.price-box-pro small,.price-box-pro strong,.price-box-pro span{display:block}
.price-box-pro small{font-size:9px;color:var(--muted)}.price-box-pro strong{font-size:22px;margin:2px 0}.price-box-pro>div>span{font-size:9px;color:var(--muted)}
.status-pill{border-radius:999px;background:#eef0ea;padding:8px 10px;font-size:9px!important;font-weight:900}
.product-detail{display:grid;grid-template-columns:1fr 305px;gap:55px;align-items:start}
.spec-table{border-top:1px solid var(--line);margin-top:25px}
.spec-table div{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:12px 0;border-bottom:1px solid var(--line)}
.spec-table span{font-size:12px;color:var(--muted)}.spec-table strong{font-size:12px;text-align:right}
.order-card-pro{position:sticky;top:110px;background:#fff;border:1px solid var(--line);border-radius:21px;padding:21px}
.order-icon{width:42px;height:42px;border-radius:13px;background:#eff4e3;display:grid;place-items:center;margin-bottom:18px}
.order-icon svg{font-size:20px}
.order-card-pro small{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}
.order-card-pro h3{font-size:20px;margin:7px 0}.order-card-pro p{font-size:11px;color:var(--muted)}

.support-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}
.support-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;min-height:190px}
.support-card>span{width:40px;height:40px;border-radius:12px;background:#eef3e4;display:grid;place-items:center}
.support-card span svg{font-size:19px}
.support-card h3{font-size:17px;margin:28px 0 7px}.support-card p{font-size:11px;color:var(--muted)}
.page-lead{font-size:17px;color:var(--muted)}
.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:start}
.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.metric-grid div{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;min-height:137px}
.metric-grid strong{display:block;font-size:28px}.metric-grid span{font-size:10px;color:var(--muted)}
.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.contact-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.contact-card,.contact-cta{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px}
.contact-card{min-height:158px;display:flex;flex-direction:column}
.contact-card>span{width:37px;height:37px;background:#eff3e7;border-radius:11px;display:grid;place-items:center}
.contact-card>span svg{font-size:17px}
.contact-card small{font-size:9px;color:var(--muted);margin-top:18px}
.contact-card strong{font-size:16px;margin-top:3px}
.contact-card em{font-size:9px;color:var(--muted);font-style:normal;margin-top:auto}
.contact-cta p,.contact-cta li{color:var(--muted);font-size:11px}

.legal-hero{padding:63px 0 46px;border-bottom:1px solid var(--line)}
.legal-hero>.container>p{font-size:16px;color:var(--muted)}
.revision{display:block;width:max-content;margin-top:17px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 9px;font-size:9px}
.legal-layout{display:grid;grid-template-columns:220px 1fr;gap:55px;max-width:1000px}
.legal-nav{position:sticky;top:110px;height:max-content;display:grid;gap:7px}
.legal-nav a{padding:10px 11px;border-radius:10px;font-size:11px;color:var(--muted)}
.legal-nav a.active{background:#fff;border:1px solid var(--line);color:var(--ink);font-weight:900}
.legal-content{max-width:720px}
.legal-content h2{font-size:34px;letter-spacing:-.035em}
.legal-content p{font-size:13px;color:#5c6359;line-height:1.75}
.cookie-choice-card{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#fff;border:1px solid var(--line);padding:15px;border-radius:16px;margin-bottom:24px}
.cookie-choice-card span{font-size:10px;color:var(--muted)}.cookie-choice-card strong{font-size:12px}.cookie-choice-card .btn{margin-left:auto;font-size:10px;padding:9px 11px}

footer{background:#121510;color:#e6eae1;padding:58px 0 22px}
.footer-grid{display:grid;grid-template-columns:1.25fr .7fr .85fr 1.2fr;gap:42px}
.footer-brand .logo{background:var(--lime);color:#151813}
.footer-grid p,.footer-grid a,.footer-grid span{display:block;color:#9ca499;font-size:11px;margin:7px 0}
.footer-grid h4{margin-top:0;font-size:12px}
.footer-bottom{border-top:1px solid #2b3128;margin-top:38px;padding-top:17px;display:flex;justify-content:space-between;color:#777f74;font-size:9px}
.legal-links{display:flex;gap:18px;margin-top:13px;color:#787f74;font-size:9px}

.floating-actions{position:fixed;right:16px;bottom:16px;z-index:80;display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.floating-btn{height:48px;border:0;border-radius:14px;box-shadow:0 10px 28px #0003;display:flex;align-items:center;justify-content:center;font-weight:950;font-size:11px}
.floating-btn.whatsapp,.floating-btn.telegram{width:48px;color:#fff}
.whatsapp{background:#25d366}.telegram{background:#229ed9}
.assistant-btn{background:#171a15;color:#fff;padding:0 14px;gap:8px}.assistant-btn>span{color:var(--lime)}.assistant-btn em{font-size:10px;font-style:normal}

.cookie-banner{position:fixed;left:18px;right:18px;bottom:18px;z-index:120;background:#fff;border:1px solid var(--line);box-shadow:0 22px 60px #0003;border-radius:20px;padding:17px 19px;display:none;align-items:center;justify-content:space-between;gap:30px;max-width:1160px;margin:auto}
.cookie-banner.show{display:flex;animation:cookieIn .3s ease}
@keyframes cookieIn{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}
.cookie-banner strong{font-size:13px}.cookie-banner p{font-size:10px;color:var(--muted);margin:4px 0 2px;max-width:650px}.cookie-banner a{font-size:9px;text-decoration:underline}
.cookie-actions{display:flex;gap:8px;min-width:max-content}.cookie-actions .btn{font-size:10px;padding:11px 13px}

.request-modal{position:fixed;inset:0;z-index:150;display:none}
.request-modal.open{display:block}
.modal-backdrop{position:absolute;inset:0;background:rgba(12,14,11,.68);backdrop-filter:blur(7px)}
.request-dialog{position:relative;width:min(560px,calc(100% - 28px));max-height:90vh;overflow:auto;margin:5vh auto;background:#fff;border-radius:25px;padding:28px;z-index:2;box-shadow:0 25px 80px #0005}
.request-dialog h2{font-size:34px;line-height:1.03;letter-spacing:-.04em;margin:0 0 8px}
.request-dialog>p{font-size:12px;color:var(--muted)}
.modal-close{position:absolute;right:15px;top:14px;width:36px;height:36px;border:0;background:#eff0eb;border-radius:50%;font-size:22px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.request-dialog label{display:block;font-size:10px;font-weight:900;margin:12px 0}
.request-dialog input,.request-dialog textarea{display:block;width:100%;border:1px solid var(--line);background:#fafaf7;border-radius:11px;padding:11px;margin-top:5px;outline:0}
.request-dialog input:focus,.request-dialog textarea:focus{border-color:#9da68f;box-shadow:0 0 0 3px #e9efdf}
.consent-line{display:flex!important;align-items:flex-start;gap:8px;font-weight:500!important;line-height:1.5}
.consent-line input{width:auto!important;margin:3px 0 0!important}
.consent-line a{text-decoration:underline}
.form-status{font-size:10px;margin-top:10px;color:var(--muted)}
.form-status.success{color:#42660e}.form-status.error{color:#a52d27}
.hp{position:absolute!important;left:-9999px!important;opacity:0!important}

.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}
.reveal.visible{opacity:1;transform:none}

@media(max-width:1050px){
  .desktop-nav,.head-actions{display:none}.menu-btn{display:block;margin-left:auto}
  .mobile-nav.open{display:grid;gap:12px;padding:0 21px 17px;border-top:1px solid var(--line);background:#f8f7f3}.mobile-nav a{font-size:13px}
  .hero-layout,.bundle-pro,.warranty-layout,.product-layout,.product-detail,.about-layout,.contact-layout{grid-template-columns:1fr}
  .hero-slider{max-width:760px}
  .benefit-row{grid-template-columns:1fr 1fr}.benefit-row>div:nth-child(2){border-right:0}.benefit-row>div:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .pro-categories{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:repeat(2,1fr)}
  .process-grid,.support-grid{grid-template-columns:repeat(2,1fr)}
  .catalog-layout{grid-template-columns:1fr}.filters{position:static}.order-card-pro{position:static}
  .footer-grid{grid-template-columns:1fr 1fr}.legal-layout{grid-template-columns:1fr}.legal-nav{position:static;display:flex;flex-wrap:wrap}
}
@media(max-width:650px){
  .container{width:calc(100% - 28px)}
  .topline .container{display:block;height:auto;padding:6px 0}.topline span{display:block;font-size:9px}
  .nav{height:68px}.brand small{display:none}
  .hero-pro{padding:40px 0 55px}.hero-copy h1,.inner-hero h1,.legal-hero h1{font-size:43px}.hero-copy>p{font-size:15px}
  .hero-actions{flex-direction:column}.hero-actions .btn{width:100%}
  .hero-trust{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  .slider-frame{height:365px}.slider-controls{padding:0 10px}.mini-card{display:none}
  .benefit-row{grid-template-columns:1fr}.benefit-row>div{border-right:0;border-bottom:1px solid var(--line)!important;padding-left:0}.benefit-row>div:last-child{border-bottom:0!important}
  .section{padding:58px 0}.section-heading{grid-template-columns:1fr;gap:10px}
  .section-heading h2,.bundle-copy h2,.warranty-copy h2,.cta-pro h2,.detail-main h2,.about-layout h2,.contact-cta h2,.narrow h2{font-size:35px}
  .pro-categories,.product-grid,.process-grid,.support-grid,.footer-grid,.metric-grid,.contact-cards{grid-template-columns:1fr}
  .category-card{min-height:155px}.product-media{height:230px}
  .cta-pro-layout,.inner-hero-row{align-items:flex-start;flex-direction:column}.cta-pro-actions{align-items:flex-start}
  .product-gallery-pro{height:320px}.key-specs{grid-template-columns:1fr}.spec-table div{grid-template-columns:1fr;gap:4px}.spec-table strong{text-align:left}
  .catalog-toolbar{flex-direction:column;align-items:flex-start;gap:9px}
  .footer-bottom,.legal-links{flex-direction:column;gap:6px}
  .cookie-banner{align-items:flex-start;flex-direction:column;gap:12px}.cookie-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}
  .assistant-btn em{display:none}.assistant-btn{width:48px;padding:0}.form-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
  .reveal{opacity:1!important;transform:none!important}
}

.product-gallery-wrap{min-width:0}
.product-thumbs{display:flex;gap:8px;overflow:auto;padding-top:10px}
.product-thumbs button{width:74px;height:58px;flex:0 0 auto;border:1px solid var(--line);background:#fff;border-radius:10px;padding:4px;opacity:.7}
.product-thumbs button.active{opacity:1;border-color:#70786d;box-shadow:0 0 0 2px #eef2e8}
.product-thumbs img{width:100%;height:100%;object-fit:contain}
.detail-description{font-size:15px;color:var(--muted);line-height:1.7;max-width:780px}
.equipment-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:32px}
.equipment-grid h3{font-size:20px;margin:0 0 10px}
.equipment-grid ul{margin:0;padding-left:18px}
.equipment-grid li{font-size:12px;color:#596055;margin:7px 0}
.assistant-greeting{position:fixed;right:78px;bottom:22px;z-index:79;width:min(300px,calc(100% - 110px));background:#fff;border:1px solid var(--line);border-radius:16px;padding:13px 36px 13px 14px;box-shadow:0 16px 40px #0002;font-size:10px;color:#555c52;opacity:0;transform:translateY(10px);pointer-events:none;transition:.3s}
.assistant-greeting.show{opacity:1;transform:none;pointer-events:auto}
.assistant-greeting button{position:absolute;right:8px;top:7px;width:24px;height:24px;border:0;background:#eff1eb;border-radius:50%}
@media(max-width:650px){.equipment-grid{grid-template-columns:1fr}.assistant-greeting{right:68px;bottom:18px}}
.product-video-section{padding-top:20px}
.product-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.video-card{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden}
.video-frame{position:relative;aspect-ratio:16/9;background:#111}
.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video-meta{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 16px}
.video-meta strong{font-size:12px}.video-meta a{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:900;color:#4b5348}.video-meta a svg{font-size:14px}
.video-link-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;display:grid;grid-template-columns:1fr auto;gap:5px 12px;align-items:center}.video-link-card span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.video-link-card strong{font-size:14px}.video-link-card svg{grid-column:2;grid-row:1/3;font-size:18px}
@media(max-width:760px){.product-video-grid{grid-template-columns:1fr}}


/* V6.3 PRODUCT MEDIA SLIDER */

.product-media-slider{
    width:100%;
    min-width:0;
}

.product-media-stage{
    position:relative;
    height:520px;
    border-radius:30px;
    overflow:hidden;
    background:#eef0eb;
}

.product-media-slide{
    position:absolute;
    inset:0;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:
        opacity .28s ease,
        visibility .28s ease;
}

.product-media-slide.active{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    z-index:2;
}

.product-media-slide > img{
    width:100%;
    height:100%;
    object-fit:contain;
    padding:14px;
    display:block;
}

.product-inline-video{
    width:100%;
    height:100%;
    background:#0d0f0d;
    display:flex;
    align-items:center;
    justify-content:center;
}

.product-inline-video iframe{
    width:100%;
    height:100%;
    border:0;
    display:block;
}

.product-media-stage > .badge{
    position:absolute;
    left:16px;
    top:16px;
    z-index:10;
}

.product-media-arrow{
    position:absolute;
    z-index:20;
    top:50%;
    transform:translateY(-50%);
    width:46px;
    height:46px;
    border:0;
    border-radius:50%;
    background:rgba(18,21,16,.82);
    color:#fff;
    display:grid;
    place-items:center;
    box-shadow:0 10px 30px rgba(0,0,0,.18);

    opacity:0;
    pointer-events:none;

    transition:
        opacity .2s ease,
        background .2s ease,
        transform .2s ease;
}

.product-media-stage:hover .product-media-arrow{
    opacity:1;
    pointer-events:auto;
}

.product-media-arrow:hover{
    background:#151913;
}

.product-media-arrow.prev{
    left:16px;
}

.product-media-arrow.next{
    right:16px;
}

.product-media-arrow.prev svg{
    transform:rotate(180deg);
}

.product-media-arrow svg{
    width:20px;
    height:20px;
}

.product-media-counter{
    position:absolute;
    z-index:20;
    right:16px;
    bottom:16px;
    padding:7px 10px;
    border-radius:999px;
    background:rgba(18,21,16,.82);
    color:#fff;
    font-size:10px;
    font-weight:800;
    backdrop-filter:blur(8px);
}

.product-media-thumbs{
    display:flex;
    gap:8px;
    overflow-x:auto;
    padding:10px 2px 2px;
    scrollbar-width:thin;
}

.product-media-thumbs button{
    position:relative;
    width:78px;
    height:60px;
    flex:0 0 auto;
    border:1px solid var(--line);
    border-radius:11px;
    background:#fff;
    overflow:hidden;
    padding:4px;
    opacity:.65;
    cursor:pointer;
    transition:
        opacity .2s ease,
        border-color .2s ease,
        box-shadow .2s ease;
}

.product-media-thumbs button.active{
    opacity:1;
    border-color:#626a5f;
    box-shadow:0 0 0 2px #eef2e8;
}

.product-media-thumbs img{
    width:100%;
    height:100%;
    object-fit:contain;
}

.product-media-thumbs button:has(.video-thumb-play){
    background:#171a16;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:3px;
}

.video-thumb-play{
    width:26px;
    height:26px;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:var(--lime);
    color:#151813;
    font-size:10px;
    padding-left:2px;
}

.product-media-thumbs small{
    font-size:8px;
}

@media(max-width:650px){

    .product-media-stage{
        height:320px;
        border-radius:20px;
    }

    .product-media-arrow{
        width:40px;
        height:40px;
        opacity:1;
        pointer-events:auto;
    }

    .product-media-arrow.prev{
        left:8px;
    }

    .product-media-arrow.next{
        right:8px;
    }

    .product-media-counter{
        right:10px;
        bottom:10px;
    }

    .product-media-thumbs button{
        width:68px;
        height:53px;
    }
}

@media(prefers-reduced-motion:reduce){

    .product-media-slide,
    .product-media-arrow,
    .product-media-thumbs button{
        transition:none!important;
    }

}


/* V6.4 PRODUCT LIGHTBOX */

.product-image-zoomable{
    cursor:zoom-in;
}

body.lightbox-open{
    overflow:hidden;
}

.product-lightbox{
    position:fixed;
    inset:0;
    z-index:99999;
    display:flex;
    align-items:center;
    justify-content:center;

    opacity:0;
    visibility:hidden;
    pointer-events:none;

    transition:
        opacity .2s ease,
        visibility .2s ease;
}

.product-lightbox.open{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
}

.product-lightbox-backdrop{
    position:absolute;
    inset:0;
    background:rgba(8,10,8,.94);
    backdrop-filter:blur(5px);
}

.product-lightbox-dialog{
    position:relative;
    z-index:2;

    width:100vw;
    height:100vh;

    display:flex;
    align-items:center;
    justify-content:center;

    padding:42px 86px;
}

.product-lightbox-image-wrap{
    width:100%;
    height:100%;

    display:flex;
    align-items:center;
    justify-content:center;
}

.product-lightbox-image-wrap img{
    display:block;

    max-width:100%;
    max-height:100%;

    width:auto;
    height:auto;

    object-fit:contain;

    user-select:none;

    filter:
        drop-shadow(
            0 20px 50px rgba(0,0,0,.35)
        );
}

.product-lightbox-close{
    position:absolute;
    z-index:5;

    right:24px;
    top:20px;

    width:48px;
    height:48px;

    border:1px solid rgba(255,255,255,.22);
    border-radius:50%;

    background:rgba(255,255,255,.08);

    color:#fff;

    font-size:30px;
    font-weight:300;
    line-height:1;

    display:grid;
    place-items:center;

    transition:
        background .2s ease,
        transform .2s ease;
}

.product-lightbox-close:hover{
    background:rgba(255,255,255,.16);
    transform:rotate(4deg);
}

.product-lightbox-arrow{
    position:absolute;
    z-index:5;

    top:50%;

    width:52px;
    height:52px;

    border:1px solid rgba(255,255,255,.2);
    border-radius:50%;

    background:rgba(255,255,255,.08);

    color:#fff;

    display:grid;
    place-items:center;

    transform:translateY(-50%);

    transition:
        background .2s ease,
        transform .2s ease;
}

.product-lightbox-arrow:hover{
    background:rgba(255,255,255,.16);
}

.product-lightbox-arrow.prev{
    left:24px;
}

.product-lightbox-arrow.next{
    right:24px;
}

.product-lightbox-arrow.prev svg{
    transform:rotate(180deg);
}

.product-lightbox-arrow svg{
    width:22px;
    height:22px;
}

.product-lightbox-counter{
    position:absolute;
    z-index:5;

    left:47%;
    bottom:22px;

    transform:translateX(-50%);

    padding:7px 12px;

    border:1px solid rgba(255,255,255,.18);
    border-radius:999px;

    background:rgba(255,255,255,.08);

    color:#fff;

    font-size:11px;
    font-weight:800;

    backdrop-filter:blur(8px);
}

@media(max-width:650px){

    .product-lightbox-dialog{
        padding:64px 14px 70px;
    }

    .product-lightbox-close{
        width:42px;
        height:42px;

        right:12px;
        top:12px;

        font-size:26px;
    }

    .product-lightbox-arrow{
        width:42px;
        height:42px;

        top:auto;
        bottom:14px;

        transform:none;
    }

    .product-lightbox-arrow.prev{
        left:14px;
    }

    .product-lightbox-arrow.next{
        right:14px;
    }

    .product-lightbox-counter{
        bottom:24px;
    }

}

@media(prefers-reduced-motion:reduce){

    .product-lightbox,
    .product-lightbox-close,
    .product-lightbox-arrow{
        transition:none!important;
    }

}


/* V6.5 FULLSCREEN MEDIA */

.product-lightbox-media{
    width:100%;
    height:100%;
    min-width:0;
    min-height:0;

    display:flex;
    align-items:center;
    justify-content:center;
}

.product-lightbox-video{
    width:min(1500px,100%);
    height:min(82vh,900px);

    display:none;
    align-items:center;
    justify-content:center;

    background:#000;
    border-radius:16px;
    overflow:hidden;

    box-shadow:
        0 30px 80px rgba(0,0,0,.45);
}

.product-lightbox-video iframe{
    width:100%;
    height:100%;
    border:0;
    display:block;
}

.product-lightbox-type{
    position:absolute;
    z-index:6;

    left:24px;
    top:22px;

    padding:7px 11px;

    border:1px solid rgba(255,255,255,.18);
    border-radius:999px;

    background:rgba(255,255,255,.08);

    color:#fff;

    font-size:10px;
    font-weight:800;

    backdrop-filter:blur(8px);
}

@media(max-width:650px){

    .product-lightbox-video{
        width:100%;
        height:auto;
        aspect-ratio:16 / 9;
        border-radius:10px;
    }

    .product-lightbox-type{
        left:12px;
        top:16px;
    }

}


/* V6.5.1 LIGHTBOX IMAGE SIZE FIX */

.product-lightbox-media > img{
    display:block;

    width:auto !important;
    height:auto !important;

    max-width:min(92vw, 1600px) !important;
    max-height:86vh !important;

    object-fit:contain !important;

    margin:auto;

    user-select:none;

    filter:
        drop-shadow(
            0 20px 50px rgba(0,0,0,.35)
        );
}

@media(max-width:650px){

    .product-lightbox-media > img{
        max-width:calc(100vw - 28px) !important;
        max-height:calc(100vh - 135px) !important;
    }

}

/* SHOP HEADER ICONS V67 */
.header-shop-actions{display:flex;align-items:center;gap:5px}.header-shop-actions>a{position:relative;width:39px;height:39px;border-radius:10px;display:grid;place-items:center;color:#30362d;transition:.18s}.header-shop-actions>a:hover{background:#e9ece5;color:#111}.shop-head-icon{display:grid;place-items:center}.shop-head-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.header-shop-actions b{position:absolute;right:-2px;top:-4px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:var(--lime);color:#121610;border:2px solid #f5f4ef;display:grid;place-items:center;font-size:8px;font-weight:900;line-height:1}


/* SHOP ACTIONS V68 */
.product-shop-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  margin-top:14px;
  padding-top:12px;
  border-top:1px solid #e8ebe4
}
.product-shop-actions button{
  position:relative;
  width:38px;
  height:38px;
  flex:0 0 38px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid #dfe3da;
  border-radius:11px;
  background:#fff;
  color:#30372d;
  box-shadow:none;
  cursor:pointer;
  transition:background .18s ease,border-color .18s ease,transform .18s ease,color .18s ease
}
.product-shop-actions button:hover{
  background:#f2f4ee;
  border-color:#c9cec3;
  transform:translateY(-1px)
}
.product-shop-actions svg,
.product-page-shop-actions svg{
  width:19px;
  height:19px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round
}
.shop-plus{
  position:absolute;
  right:-4px;
  top:-5px;
  width:17px;
  height:17px;
  display:grid;
  place-items:center;
  border:2px solid #fff;
  border-radius:50%;
  background:var(--lime);
  color:#151a12;
  font-style:normal;
  font-size:11px;
  font-weight:950;
  line-height:1
}
.product-shop-actions button.active{
  background:#1f251d;
  border-color:#1f251d;
  color:#fff
}
.product-shop-actions button.active .shop-plus,
.product-page-shop-actions button.active .shop-plus{
  background:var(--lime);
  color:#151a12
}
.product-page-shop-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:14px
}
.product-page-shop-actions button{
  position:relative;
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:10px 14px;
  border:1px solid #dfe3da;
  border-radius:11px;
  background:#fff;
  color:#30372d;
  font-size:9px;
  font-weight:850;
  cursor:pointer;
  transition:background .18s ease,border-color .18s ease,transform .18s ease,color .18s ease
}
.product-page-shop-actions button:hover{
  background:#f2f4ee;
  border-color:#c9cec3;
  transform:translateY(-1px)
}
.product-page-shop-actions button.active{
  background:#1f251d;
  border-color:#1f251d;
  color:#fff
}
.product-page-shop-actions .shop-plus{
  right:-5px;
  top:-6px
}
@media(max-width:650px){
  .product-shop-actions{justify-content:flex-start}
  .product-page-shop-actions{display:grid;grid-template-columns:1fr}
  .product-page-shop-actions button{justify-content:flex-start}
}

/* SHOP PAGES REDESIGN V70 */
.shop-page{background:#f4f5f1;min-height:70vh}
.shop-inner-hero{background:#111510!important;color:#fff;padding:52px 0 42px!important;border:0!important}
.shop-inner-hero .breadcrumb{font-size:12px;color:#aeb5aa;margin-bottom:18px}
.shop-inner-hero .breadcrumb a{color:#d7ddd3;text-decoration:none}
.shop-inner-hero .kicker{color:var(--lime,#ff0000);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px}
.shop-inner-hero h1{font-size:clamp(34px,4vw,58px);line-height:1.02;margin:0 0 14px;letter-spacing:-.04em}
.shop-inner-hero p{max-width:680px;margin:0;color:#bbc2b7;font-size:16px;line-height:1.55}

.shop-page .section{padding:42px 0 70px}
.shop-page-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px;padding:0 2px}
.shop-page-toolbar>div{display:flex;flex-direction:column;gap:3px}
.shop-page-toolbar strong{font-size:18px;color:#111}
.shop-page-toolbar small{font-size:13px;color:#788074}
.shop-page-toolbar .btn{border-radius:12px}

.shop-empty{background:#fff;border:1px solid #e2e5dd;border-radius:22px;padding:54px 28px;text-align:center;box-shadow:0 12px 34px rgba(27,32,24,.05)}
.shop-empty h2{font-size:26px;margin:0 0 8px}
.shop-empty p{color:#747c70;margin:0 0 22px}

/* FAVORITES */
.shop-page #favoritesGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.shop-page #favoritesGrid .product-card{background:#fff;border:1px solid #dde1d8;border-radius:22px;overflow:hidden;box-shadow:0 10px 30px rgba(24,30,21,.05);transition:.22s ease}
.shop-page #favoritesGrid .product-card:hover{transform:translateY(-4px);box-shadow:0 18px 46px rgba(24,30,21,.1);border-color:#cdd3c8}
.shop-page #favoritesGrid .product-media{height:250px;background:#eef0eb;display:block;position:relative;overflow:hidden}
.shop-page #favoritesGrid .product-media img{width:100%;height:100%;object-fit:contain;padding:10px}
.shop-page #favoritesGrid .badge{position:absolute;left:14px;top:14px;z-index:2;background:#fff;color:#151a13;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:800;box-shadow:0 4px 16px rgba(0,0,0,.08)}
.shop-page #favoritesGrid .product-info{padding:20px}
.shop-page #favoritesGrid .model{font-size:12px;font-weight:900;color:#7b8376;letter-spacing:.05em}
.shop-page #favoritesGrid h3{font-size:21px;line-height:1.2;margin:6px 0 16px}
.shop-page #favoritesGrid h3 a{text-decoration:none;color:#111}
.shop-page #favoritesGrid dl{margin:0 0 16px}
.shop-page #favoritesGrid dl>div{display:flex;justify-content:space-between;gap:18px;padding:8px 0;border-bottom:1px solid #edf0e9}
.shop-page #favoritesGrid dt{font-size:12px;color:#7a8275}
.shop-page #favoritesGrid dd{font-size:12px;font-weight:800;text-align:right;margin:0}
.shop-page #favoritesGrid .product-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:15px}
.shop-page #favoritesGrid .product-bottom strong{font-size:16px}
.shop-page #favoritesGrid .product-bottom>a{font-size:13px;font-weight:800;color:#171c15;text-decoration:none}

/* COMPARE */
.compare-shell{background:#fff;border:1px solid #dde1d8;border-radius:22px;overflow:hidden;box-shadow:0 12px 34px rgba(24,30,21,.06)}
.compare-table{overflow-x:auto;scrollbar-width:thin}
.compare-row{display:flex;min-width:max-content;border-bottom:1px solid #e8ebe5}
.compare-row:last-child{border-bottom:0}
.compare-row>*{flex:0 0 280px;padding:15px 18px;border-left:1px solid #edf0ea}
.compare-row>.compare-label{flex:0 0 220px;border-left:0;background:#f7f8f5;color:#697164;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.compare-head{background:#fff;align-items:stretch}
.compare-head>.compare-label{background:#111510}
.compare-product{padding:18px!important;background:#fff;position:relative}
.compare-product img{width:100%;height:180px;object-fit:contain;background:#f2f4ef;border-radius:14px;margin-bottom:13px}
.compare-product .model{font-size:11px;color:#7e867a;font-weight:800}
.compare-product h3,.compare-product strong{display:block}
.compare-product h3{font-size:17px;margin:5px 0 9px;line-height:1.25}
.compare-product a{text-decoration:none;color:#111}
.compare-product .btn,.compare-product button{margin-top:10px}
.compare-row:not(.compare-head)>*:not(.compare-label){font-size:13px;color:#20261e;background:#fff}
.compare-row:nth-child(even):not(.compare-head)>*:not(.compare-label){background:#fbfcfa}

/* CART */
.cart-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(340px,.75fr);gap:28px;align-items:start}
.cart-items{display:flex;flex-direction:column;gap:14px}
.cart-item{background:#fff;border:1px solid #dde1d8;border-radius:20px;padding:14px;display:grid;grid-template-columns:116px minmax(0,1fr) auto;gap:18px;align-items:center;box-shadow:0 8px 24px rgba(24,30,21,.045)}
.cart-thumb{width:116px;height:100px;background:#f0f2ed;border-radius:14px;overflow:hidden;display:grid;place-items:center}
.cart-thumb img{width:100%;height:100%;object-fit:contain;padding:5px}
.cart-item-main{min-width:0}
.cart-title{font-size:18px;font-weight:900;line-height:1.25;color:#111;margin-bottom:6px}
.cart-item-main .model{font-size:11px;font-weight:800;color:#7e8679}
.cart-item-main strong{display:block;font-size:15px;margin-top:7px}
.cart-qty{display:flex;align-items:center;gap:0;background:#f3f5f0;border-radius:12px;padding:4px}
.cart-qty button{width:34px;height:34px;border:0;background:transparent;border-radius:9px;font-size:18px;cursor:pointer}
.cart-qty button:hover{background:#fff}
.cart-qty input,.cart-qty span{min-width:38px;text-align:center;font-weight:900}
.cart-remove{border:0;background:transparent;color:#8b9387;font-size:12px;font-weight:800;cursor:pointer;padding:8px}
.cart-remove:hover{color:#111}

.checkout-card{position:sticky;top:92px;background:#111510;color:#fff;border-radius:24px;padding:28px;box-shadow:0 18px 48px rgba(17,21,16,.16)}
.checkout-card .kicker{color:var(--lime,#ff0000);font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.checkout-card h2{font-size:28px;margin:7px 0 8px}
.checkout-card>p{font-size:13px;line-height:1.5;color:#aeb6aa;margin:0 0 22px}
.checkout-card label{display:block;font-size:12px;font-weight:800;color:#d6dcd2;margin-bottom:13px}
.checkout-card input:not([type=checkbox]),.checkout-card textarea{width:100%;margin-top:7px;border:1px solid #353b32;background:#1b2119;color:#fff;border-radius:12px;padding:12px 13px;outline:none}
.checkout-card input:focus,.checkout-card textarea:focus{border-color:var(--lime,#ff0000)}
.checkout-card textarea{resize:vertical}
.checkout-summary{margin:20px 0;padding:16px;border-radius:14px;background:#1b2119;display:flex;flex-direction:column;gap:5px}
.checkout-summary span{font-size:11px;color:#9ea69a}
.checkout-summary strong{font-size:16px}
.consent-line{display:flex!important;gap:10px;align-items:flex-start;font-weight:400!important;line-height:1.45!important}
.consent-line input{margin-top:3px;accent-color:var(--lime,#ff0000)}
.consent-line a{color:#fff;text-decoration:underline}
.checkout-card .btn-wide{width:100%;min-height:48px;border-radius:13px;font-weight:900}
.form-status{margin-top:12px;font-size:13px}

/* LOAD ERROR */
.shop-load-error{background:#fff3f1;border:1px solid #ffd6cf;color:#8c2c1f;border-radius:16px;padding:18px}

/* MOBILE */
@media(max-width:1050px){
  .shop-page #favoritesGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cart-layout{grid-template-columns:1fr}
  .checkout-card{position:static}
}
@media(max-width:680px){
  .shop-inner-hero{padding:36px 0 30px!important}
  .shop-page .section{padding:28px 0 50px}
  .shop-page-toolbar{align-items:flex-start;flex-direction:column}
  .shop-page #favoritesGrid{grid-template-columns:1fr;gap:16px}
  .shop-page #favoritesGrid .product-media{height:220px}
  .cart-item{grid-template-columns:88px 1fr;gap:12px}
  .cart-thumb{width:88px;height:78px}
  .cart-qty{grid-column:1/-1;justify-content:center}
  .checkout-card{padding:21px;border-radius:20px}
  .compare-row>*{flex-basis:230px}
  .compare-row>.compare-label{flex-basis:150px}
  .compare-product img{height:145px}
}

}

/* COMPARE PREMIUM V71 */
.compare-shell{border:0;background:transparent;box-shadow:none;overflow:visible}
.compare-table{overflow:auto;border:1px solid #dfe4da;border-radius:24px;background:#fff;box-shadow:0 20px 55px rgba(18,25,17,.08)}
.compare-row{display:flex;min-width:max-content;border-bottom:1px solid #e8ece5}
.compare-row:last-child{border-bottom:0}
.compare-row>*{flex:0 0 310px;border-left:1px solid #edf0ea;padding:18px 20px}
.compare-row>.compare-label{position:sticky;left:0;z-index:5;flex:0 0 220px;border-left:0;background:#f5f7f2;color:#667061;font-size:11px;font-weight:900;letter-spacing:.055em;text-transform:uppercase}
.compare-head{align-items:stretch}
.compare-head>.compare-label{background:#111610;color:#aeb8a8;display:flex;align-items:flex-end;padding-bottom:24px}
.compare-head>*{padding:0}
.compare-product{position:relative;background:#fff!important;padding:18px!important;min-height:390px;display:flex;flex-direction:column}
.compare-remove{position:absolute;z-index:3;right:28px;top:28px;width:36px;height:36px;border:1px solid #e2e6df;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-radius:50%;display:grid;place-items:center;cursor:pointer;transition:.2s}
.compare-remove:hover{transform:rotate(90deg);background:#111610;color:#fff;border-color:#111610}
.compare-remove svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.compare-product-media{height:190px;border-radius:18px;background:linear-gradient(145deg,#f4f6f1,#ecefe8);display:grid;place-items:center;overflow:hidden;text-decoration:none}
.compare-product-media img{width:100%;height:100%;object-fit:contain;padding:10px;margin:0}
.compare-product-body{padding:15px 2px 0;display:flex;flex:1;flex-direction:column}
.compare-product-meta{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:9px}
.compare-product-meta span{font-size:10px;font-weight:900;background:#eff3ea;border-radius:999px;padding:6px 9px;color:#546050}
.compare-product-meta b{font-size:11px;letter-spacing:.06em;color:#8a9286}
.compare-product-title{font-size:18px;font-weight:900;line-height:1.22;letter-spacing:-.02em;color:#111610;text-decoration:none}
.compare-product-title:hover{text-decoration:underline;text-underline-offset:3px}
.compare-product-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:18px}
.compare-product-foot>strong{font-size:15px;color:#111610}
.compare-cart-btn{height:40px;border:0;border-radius:12px;background:#111610;color:#fff;padding:0 13px;display:flex;align-items:center;gap:8px;font:inherit;font-size:12px;font-weight:900;cursor:pointer;transition:.2s}
.compare-cart-btn:hover{background:var(--lime,#ff0000);color:#111610;transform:translateY(-1px)}
.compare-cart-btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.compare-row:not(.compare-head)>*:not(.compare-label){font-size:13px;line-height:1.45;color:#1d241b;background:#fff}
.compare-row:not(.compare-head):hover>*{background:#fafcf8}
.compare-row:not(.compare-head):hover>.compare-label{background:#eef2ea}
@media(max-width:680px){.compare-row>*{flex-basis:260px}.compare-row>.compare-label{flex-basis:145px}.compare-product{min-height:350px}.compare-product-media{height:155px}.compare-product-title{font-size:16px}.compare-cart-btn span{display:none}.compare-cart-btn{width:40px;padding:0;justify-content:center}}

/* COMPARE LABEL FIX V72 */
.compare-head>.compare-label{display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;font-size:16px!important;font-weight:900!important;letter-spacing:.08em!important;color:#fff!important;padding:24px 18px!important}

/* CART PREMIUM V73 */
.cart-item{
display:grid!important;
grid-template-columns:160px minmax(0,1fr) 190px!important;
gap:24px!important;
align-items:center!important;
padding:20px!important;
margin-bottom:16px!important;
background:#fff!important;
border:1px solid rgba(15,23,42,.08)!important;
border-radius:24px!important;
box-shadow:0 10px 35px rgba(15,23,42,.06)!important;
transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important
}
.cart-item:hover{
transform:translateY(-2px)!important;
box-shadow:0 18px 48px rgba(15,23,42,.09)!important;
border-color:rgba(15,23,42,.13)!important
}
.cart-thumb{
width:160px!important;
height:130px!important;
border-radius:18px!important;
overflow:hidden!important;
background:#f4f6f8!important;
display:flex!important;
align-items:center!important;
justify-content:center!important
}
.cart-thumb img{
width:100%!important;
height:100%!important;
object-fit:cover!important
}
.cart-item-main{
min-width:0!important;
display:flex!important;
flex-direction:column!important;
gap:9px!important
}
.cart-item-main .model{
font-size:12px!important;
font-weight:800!important;
letter-spacing:.12em!important;
text-transform:uppercase!important;
color:#7b8491!important
}
.cart-title{
font-size:20px!important;
font-weight:800!important;
line-height:1.22!important;
color:#111827!important;
text-decoration:none!important
}
.cart-title:hover{opacity:.72!important}
.cart-unit-price{
display:flex!important;
align-items:center!important;
gap:10px!important;
margin-top:4px!important
}
.cart-unit-price span{
font-size:13px!important;
color:#8b93a1!important
}
.cart-unit-price strong{
font-size:19px!important;
font-weight:850!important;
color:#111827!important
}
.cart-item-side{
display:flex!important;
flex-direction:column!important;
align-items:flex-end!important;
gap:14px!important
}
.cart-qty{
display:grid!important;
grid-template-columns:38px 44px 38px!important;
height:40px!important;
align-items:center!important;
background:#f3f5f7!important;
border-radius:14px!important;
overflow:hidden!important
}
.cart-qty button{
width:38px!important;
height:40px!important;
border:0!important;
background:transparent!important;
font-size:20px!important;
cursor:pointer!important;
transition:background .18s ease!important
}
.cart-qty button:hover{background:#e7eaee!important}
.cart-qty span{
text-align:center!important;
font-size:15px!important;
font-weight:800!important
}
.cart-line-total{
display:flex!important;
flex-direction:column!important;
align-items:flex-end!important;
gap:2px!important
}
.cart-line-total span{
font-size:12px!important;
color:#8b93a1!important
}
.cart-line-total strong{
font-size:21px!important;
font-weight:900!important;
color:#111827!important
}
.cart-remove{
border:0!important;
background:transparent!important;
padding:0!important;
font-size:13px!important;
font-weight:700!important;
color:#9aa1aa!important;
cursor:pointer!important
}
.cart-remove:hover{color:#d82323!important}
@media(max-width:760px){
.cart-item{grid-template-columns:92px 1fr!important;gap:14px!important;padding:14px!important;border-radius:18px!important}
.cart-thumb{width:92px!important;height:92px!important;border-radius:14px!important}
.cart-title{font-size:16px!important}
.cart-item-side{grid-column:1/-1!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important}
.cart-line-total{align-items:flex-start!important}
}

/* CART MARKETPLACE V74 */
.cart-item{position:relative!important;display:grid!important;grid-template-columns:140px minmax(0,1fr) 205px!important;grid-template-areas:"media main side"!important;gap:22px!important;align-items:center!important;padding:18px!important;margin-bottom:14px!important;background:#fff!important;border:1px solid #e7eaee!important;border-radius:22px!important;box-shadow:0 8px 28px rgba(17,24,39,.055)!important}
.cart-item:hover{transform:translateY(-2px)!important;box-shadow:0 16px 40px rgba(17,24,39,.09)!important}
.cart-item::before{grid-area:media;content:attr(data-cart-row);display:flex;align-items:center;justify-content:center;width:140px;height:112px;border-radius:16px;background:linear-gradient(145deg,#f6f7f9,#eceff3);color:#8b94a3;font-size:14px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.cart-item:has(.cart-thumb)::before{display:none}
.cart-thumb{grid-area:media!important;width:140px!important;height:112px!important;border-radius:16px!important;overflow:hidden!important;background:#f4f6f8!important}.cart-thumb img{width:100%!important;height:100%!important;object-fit:contain!important}
.cart-item-main{grid-area:main!important;min-width:0!important;align-items:flex-start!important;gap:8px!important}.cart-item-main .model{display:inline-flex!important;padding:5px 9px!important;border-radius:999px!important;background:#111827!important;color:#fff!important;font-size:11px!important;font-weight:900!important}
.cart-title{color:#111827!important;font-size:20px!important;font-weight:850!important;line-height:1.2!important}.cart-unit-price{align-items:baseline!important;gap:8px!important;margin-top:4px!important}.cart-unit-price strong{font-size:22px!important;font-weight:900!important}.cart-unit-price span{font-size:12px!important;color:#9299a5!important}
.cart-item-side{grid-area:side!important;align-items:flex-end!important;gap:12px!important}.cart-qty{grid-template-columns:38px 42px 38px!important;height:40px!important;background:#f2f4f7!important;border-radius:12px!important}.cart-qty button{border:0!important;background:transparent!important;font-size:19px!important}.cart-qty button:hover{background:#e5e9ee!important}.cart-qty span{display:grid!important;place-items:center!important;font-weight:900!important}
.cart-line-total{align-items:flex-end!important}.cart-line-total span{font-size:12px!important;color:#9299a5!important}.cart-line-total strong{font-size:24px!important;font-weight:950!important;color:#111827!important}
.cart-remove{padding:7px 10px!important;border:0!important;border-radius:9px!important;background:#f7f8fa!important;color:#7d8591!important;font-size:12px!important;font-weight:750!important}.cart-remove:hover{background:#fff0f0!important;color:#d92d20!important}

/* TYPOGRAPHY V75 */
html,body,button,input,textarea,select{
font-family:"Montserrat",Arial,Helvetica,sans-serif!important
}
body{
font-weight:400!important;
letter-spacing:-.01em!important
}
h1,h2,h3,h4,h5,h6{
font-weight:700!important;
letter-spacing:-.035em!important;
line-height:1.12!important
}
p,li,small,label,dt,dd{
font-weight:400
}
button,.button,.btn,.nav a{
font-weight:600!important
}
.product-card h3,
.cart-title,
.compare-product-title{
font-weight:600!important;
letter-spacing:-.025em!important
}
.product-bottom strong,
.cart-unit-price strong,
.cart-line-total strong,
.price-box-pro strong,
.compare-product-foot strong{
font-weight:700!important;
letter-spacing:-.025em!important
}
.model,.eyebrow,.badge,.status-pill{
font-weight:600!important
}

/* HEADER TYPO FIX V76 */
@media(min-width:1100px){
.site-header nav,.site-header .nav,.main-nav{gap:26px!important;flex-wrap:nowrap!important}
.site-header nav a,.site-header .nav a,.main-nav a{white-space:nowrap!important;font-size:14px!important;font-weight:600!important;letter-spacing:-.015em!important}
.head-actions{display:flex!important;align-items:center!important;gap:18px!important;flex-wrap:nowrap!important}
.head-actions>a,.head-phone,.header-phone,.phone-link{white-space:nowrap!important;font-size:14px!important;line-height:1.2!important}
.head-actions .button,.head-actions .btn,.header-cta{white-space:nowrap!important;padding-left:22px!important;padding-right:22px!important;font-size:14px!important}
.site-header .container,.site-header .header-inner{max-width:1500px!important;width:calc(100% - 48px)!important}
}

/* ORDER SUCCESS PREMIUM V77 */
.order-success-pop{
position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:24px;
background:rgba(5,8,14,.62);backdrop-filter:blur(12px);
opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease
}
.order-success-pop.show{opacity:1;visibility:visible}
.order-success-card{
position:relative;width:min(460px,100%);overflow:hidden;
background:#fff;border:1px solid rgba(255,255,255,.5);border-radius:30px;
padding:38px 36px 32px;text-align:center;
box-shadow:0 32px 90px rgba(0,0,0,.3);
transform:translateY(22px) scale(.95);opacity:0;
transition:transform .42s cubic-bezier(.2,.8,.2,1),opacity .3s ease
}
.order-success-pop.show .order-success-card{transform:none;opacity:1}
.order-success-card:before{
content:"";position:absolute;left:50%;top:-140px;transform:translateX(-50%);
width:330px;height:240px;border-radius:50%;
background:radial-gradient(circle,rgba(201,255,54,.22),transparent 68%);
pointer-events:none
}
.order-success-check{
position:relative;width:76px;height:76px;margin:0 auto 22px;border-radius:24px;
display:grid;place-items:center;background:#ff0000;color:#101510;
box-shadow:0 14px 32px rgba(142,190,0,.2);
transform:scale(.4) rotate(-8deg);
animation:orderCheckPop .55s .12s cubic-bezier(.2,1.5,.4,1) forwards
}
.order-success-check svg{width:36px;height:36px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.order-success-check path{stroke-dasharray:30;stroke-dashoffset:30;animation:orderCheckDraw .45s .45s ease forwards}
.order-success-kicker{display:block;margin-bottom:10px;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#7c8592}
.order-success-card h3{margin:0 auto 10px;max-width:360px;font-size:28px;font-weight:700;line-height:1.16;letter-spacing:-.035em;color:#10141b}
.order-success-card p{margin:0 0 24px;font-size:14px;line-height:1.6;color:#717986}
.order-success-id{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 18px;padding:16px 18px;border-radius:17px;background:#111820;color:#fff;text-align:left}
.order-success-id span{font-size:12px;color:#9da5af}
.order-success-id strong{font-size:14px;font-weight:600;letter-spacing:.03em;text-align:right;overflow-wrap:anywhere}
.order-success-close{width:100%;height:50px;border:0;border-radius:15px;background:#ff0000;color:#111;font-size:14px;font-weight:700;cursor:pointer;transition:transform .18s ease,filter .18s ease}
.order-success-close:hover{transform:translateY(-1px);filter:brightness(.96)}
@keyframes orderCheckPop{to{transform:scale(1) rotate(0)}}
@keyframes orderCheckDraw{to{stroke-dashoffset:0}}
@media(max-width:520px){
.order-success-card{padding:32px 22px 24px;border-radius:25px}
.order-success-card h3{font-size:24px}
.order-success-id{align-items:flex-start;flex-direction:column;gap:5px}
.order-success-id strong{text-align:left}
}

/* ORDER SUCCESS V79 */
.order-success-pop{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:20px;background:rgba(5,9,15,.68);backdrop-filter:blur(14px);opacity:0;visibility:hidden;transition:.25s}
.order-success-pop.show{opacity:1;visibility:visible}
.order-success-card{width:min(440px,100%);padding:38px 34px 30px;text-align:center;background:#fff;border-radius:28px;box-shadow:0 35px 100px rgba(0,0,0,.35);transform:translateY(25px) scale(.94);transition:.4s cubic-bezier(.2,.9,.25,1.2)}
.order-success-pop.show .order-success-card{transform:none}
.order-success-check{width:72px;height:72px;margin:0 auto 22px;display:grid;place-items:center;border-radius:23px;background:#ff0000;color:#111;font-size:36px;font-weight:600;box-shadow:0 14px 35px rgba(255,0,0,.22);animation:successPop .55s ease}
.order-success-card>span{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#8b929c}
.order-success-card h2{margin:10px auto 9px;font-size:27px;font-weight:700;line-height:1.2;color:#111820}
.order-success-card p{margin:0 0 24px;font-size:14px;color:#777f8a}
.order-success-number{padding:16px 18px;margin-bottom:18px;text-align:left;background:#111820;color:#fff;border-radius:16px}
.order-success-number small{display:block;margin-bottom:4px;color:#929aa5;font-size:11px}
.order-success-number strong{font-size:15px;font-weight:600}
.order-success-card button{width:100%;height:50px;border:0;border-radius:14px;background:#ff0000;color:#111;font:600 14px Montserrat,Arial;cursor:pointer}
@keyframes successPop{0%{transform:scale(.4) rotate(-8deg)}70%{transform:scale(1.08)}100%{transform:scale(1)}}
/* COMPARE CART STATE V80 */
.compare-cart-btn{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
gap:8px!important;
min-height:42px!important;
padding:0 16px!important;
border:1px solid #dfe3e8!important;
border-radius:13px!important;
background:#111820!important;
color:#fff!important;
font-size:13px!important;
font-weight:600!important;
cursor:pointer!important;
transition:transform .18s ease,background .18s ease,color .18s ease,border-color .18s ease!important
}
.compare-cart-btn svg{
width:17px!important;
height:17px!important;
fill:none!important;
stroke:currentColor!important;
stroke-width:1.8!important;
stroke-linecap:round!important;
stroke-linejoin:round!important
}
.compare-cart-btn:hover{transform:translateY(-1px)!important}
.compare-cart-btn.active{
background:#ff0000!important;
border-color:#ff0000!important;
color:#111820!important;
box-shadow:0 8px 24px rgba(155,205,0,.18)!important
}
.compare-cart-btn.active svg{stroke-width:2.3!important}

/* COMPARE TITLE ALIGN V81 */
.compare-product-body{
display:flex!important;
flex-direction:column!important;
height:100%!important;
}
.compare-product-title{
display:-webkit-box!important;
-webkit-box-orient:vertical!important;
-webkit-line-clamp:2!important;
overflow:hidden!important;
min-height:48px!important;
line-height:1.2!important;
}
.compare-product-foot{
margin-top:auto!important;
padding-top:18px!important;
}

/* COMPARE CARD ALIGN V82 */
@media(min-width:760px){
.compare-product-title{
display:block!important;
min-height:0!important;
font-size:17px!important;
line-height:1.25!important;
font-weight:600!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
.compare-product-foot{
display:grid!important;
grid-template-columns:minmax(0,1fr) auto!important;
align-items:center!important;
gap:16px!important;
margin-top:auto!important;
padding-top:22px!important;
}
.compare-product-foot>strong{
font-size:18px!important;
line-height:1.2!important;
white-space:nowrap!important;
}
.compare-cart-btn{
white-space:nowrap!important;
min-width:140px!important;
}
}

/* COMPARE PRICE FIX V83 */
@media(min-width:760px){
.compare-product-foot{
grid-template-columns:minmax(0,1fr) 140px!important;
}
.compare-product-foot>strong{
min-width:0!important;
white-space:normal!important;
overflow:visible!important;
text-overflow:clip!important;
line-height:1.18!important;
}
.compare-cart-btn{
width:140px!important;
min-width:140px!important;
}
}

/* PRODUCT STATUS COLORS V84 */
.status-order{
background:#eef0f3!important;
color:#626b77!important;
border-color:#dfe3e8!important;
}

.status-way{
background:#fff3c4!important;
color:#8a6500!important;
border-color:#f3d45c!important;
}

.status-stock{
background:#ff0000!important;
color:#172000!important;
border-color:#ff0000!important;
}

.badge.status-order,
.badge.status-way,
.badge.status-stock,
.status-pill.status-order,
.status-pill.status-way,
.status-pill.status-stock,
.compare-product-meta span.status-order,
.compare-product-meta span.status-way,
.compare-product-meta span.status-stock{
font-weight:600!important;
}

/* CART STATUS V85 */
.cart-topline{
display:flex!important;
align-items:center!important;
gap:10px!important;
flex-wrap:wrap!important;
}

.cart-status{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
min-height:26px!important;
padding:4px 10px!important;
border-radius:999px!important;
font-size:11px!important;
font-weight:600!important;
line-height:1!important;
border:1px solid transparent!important;
white-space:nowrap!important;
}

.cart-status.status-order{
background:#eef0f3!important;
color:#626b77!important;
border-color:#dfe3e8!important;
}

.cart-status.status-way{
background:#fff3c4!important;
color:#8a6500!important;
border-color:#f3d45c!important;
}

.cart-status.status-stock{
background:#ff0000!important;
color:#172000!important;
border-color:#ff0000!important;
}

/* CART STATUS NOTICE V86 */
.cart-status-notice{
display:flex;
align-items:flex-start;
gap:14px;
max-height:0;
margin:0;
padding:0 18px;
overflow:hidden;
opacity:0;
transform:translateY(-8px);
border:1px solid transparent;
border-radius:18px;
transition:max-height .35s ease,opacity .28s ease,transform .35s ease,padding .35s ease,margin .35s ease;
}

.cart-status-notice.show{
max-height:180px;
margin:0 0 16px;
padding:15px 17px;
opacity:1;
transform:translateY(0);
}

.cart-status-notice-icon{
flex:0 0 34px;
width:34px;
height:34px;
display:grid;
place-items:center;
border-radius:11px;
font-size:16px;
font-weight:700;
}

.cart-status-notice div{
min-width:0;
}

.cart-status-notice strong{
display:block;
margin:1px 0 4px;
font-size:14px;
font-weight:600;
line-height:1.3;
}

.cart-status-notice p{
margin:0;
font-size:13px;
line-height:1.5;
color:#69717d;
}

.cart-status-notice.has-way{
background:#fff9e9;
border-color:#f4df96;
}

.cart-status-notice.has-way .cart-status-notice-icon{
background:#ffe89a;
color:#7d5d00;
}

.cart-status-notice.has-order{
background:#f5f6f8;
border-color:#e3e6ea;
}

.cart-status-notice.has-order .cart-status-notice-icon{
background:#e9ecf0;
color:#56606c;
}

.cart-status-notice.has-way.has-order{
background:linear-gradient(135deg,#fff9e9 0%,#f5f6f8 100%);
border-color:#eadfae;
}

@media(max-width:680px){
.cart-status-notice{
border-radius:15px;
}
.cart-status-notice.show{
padding:14px;
}
.cart-status-notice p{
font-size:12px;
}
}

/* HEADER BRAND LOGO V87 */
.brand{
display:flex!important;
flex-direction:column!important;
align-items:flex-start!important;
justify-content:center!important;
gap:0!important;
min-width:188px!important;
line-height:1!important;
}

.brand-logo-line{
position:relative;
display:flex;
align-items:center;
width:188px;
height:41px;
overflow:hidden;
}

.brand-logo-image{
position:absolute;
left:0;
top:50%;
display:block;
width:188px;
max-width:none;
height:auto;
transform:translateY(-50%);
}

.brand-fallback-name{
margin-left:10px;
font-size:17px;
font-weight:700;
}

.brand-subtitle{
display:block!important;
width:188px;
margin-top:1px;
text-align:center;
font-size:8px!important;
font-weight:500;
line-height:1.25;
letter-spacing:.01em;
color:#747b71!important;
white-space:nowrap;
}

@media(max-width:650px){
.brand{
min-width:164px!important;
}

.brand-logo-line{
width:164px;
height:35px;
}

.brand-logo-image{
width:164px;
}

.brand .brand-subtitle{
display:block!important;
width:164px;
font-size:7px!important;
}

.brand-fallback-name{
font-size:15px;
}
}

/* BRAND SOFT RED + STOCK GREEN V89 */
.status-stock,
.badge.status-stock,
.status-pill.status-stock,
.cart-status.status-stock{
background:#dff5d8!important;
color:#2f6b2f!important;
border-color:#bfe3b6!important;
}

.status-stock svg,
.badge.status-stock svg,
.status-pill.status-stock svg,
.cart-status.status-stock svg{
color:#2f6b2f!important;
stroke:#2f6b2f!important;
}

/* MVIDEO RED SYSTEM V93 */
.btn-accent{
background:#ff0000!important;
color:#fff!important;
}

.btn-accent:hover{
background:#ff0000!important;
color:#fff!important;
}

.header-shop-actions b{
background:#ff0000!important;
color:#fff!important;
}

.cta-pro{
background:#ff0000!important;
color:#fff!important;
}

.cta-pro h1,
.cta-pro h2,
.cta-pro h3,
.cta-pro p,
.cta-pro span,
.cta-pro strong{
color:#fff!important;
}

.compare-cart-btn:hover{
background:#ff0000!important;
color:#fff!important;
}

.order-success-check,
.order-success-close,
.order-success-card button{
background:#ff0000!important;
color:#fff!important;
}

/* Semantic stock status stays green */
.status-stock,
.badge.status-stock,
.status-pill.status-stock,
.cart-status.status-stock{
background:#dff5d8!important;
color:#2f6b2f!important;
border-color:#bfe3b6!important;
}

/* MVIDEO RED DETAILS V94 */
.cta-pro .kicker{
color:#111!important;
}

.product-shop-actions .shop-plus,
.product-page-shop-actions .shop-plus{
color:#fff!important;
}

/* FOOTER VERTICAL LOGO V95 */
.footer-brand{
display:inline-flex!important;
align-items:center!important;
justify-content:flex-start!important;
margin:0 0 18px!important;
text-decoration:none!important;
}

.footer-logo-image{
display:block!important;
width:170px!important;
max-width:100%!important;
height:auto!important;
object-fit:contain!important;
border-radius:14px!important;
}

.footer-grid>div:first-child>p{
margin-top:0!important;
max-width:310px!important;
}

@media(max-width:650px){
.footer-logo-image{
width:150px!important;
}
}

/* FOOTER LOGO WHITE OUTLINE V96 */
.footer-logo-image{
filter:
drop-shadow(0 0 0.8px rgba(255,255,255,.98))
drop-shadow(1px 0 0 rgba(255,255,255,.92))
drop-shadow(-1px 0 0 rgba(255,255,255,.92))
drop-shadow(0 1px 0 rgba(255,255,255,.92))
drop-shadow(0 -1px 0 rgba(255,255,255,.92))
drop-shadow(1px 1px 0 rgba(255,255,255,.88))
drop-shadow(-1px 1px 0 rgba(255,255,255,.88))
drop-shadow(1px -1px 0 rgba(255,255,255,.88))
drop-shadow(-1px -1px 0 rgba(255,255,255,.88));
}

/* FOOTER LOGO ULTRA THIN OUTLINE V97 */
.footer-logo-image{
filter:drop-shadow(0 0 .45px rgba(255,255,255,.75))!important;
}

/* FOOTER LOGO DOUBLE HAIRLINE V98 */
.footer-logo-image{
filter:
drop-shadow(0 0 .75px rgba(255,255,255,.82))
drop-shadow(0 0 1.15px rgba(255,255,255,.38))!important;
}

/* HEADER NAV ALIGNMENT V99 */
.nav{
display:flex!important;
align-items:center!important;
gap:24px!important;
}

.desktop-nav{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
flex:1 1 auto!important;
margin-left:18px!important;
gap:0!important;
min-width:0!important;
}

.desktop-nav a{
display:flex!important;
align-items:center!important;
justify-content:center!important;
height:82px!important;
padding:0 14px!important;
margin:0!important;
white-space:nowrap!important;
font-size:13px!important;
font-weight:600!important;
line-height:1!important;
text-align:center!important;
}

.desktop-nav a:after{
bottom:17px!important;
}

.head-actions{
display:flex!important;
align-items:center!important;
flex:0 0 auto!important;
gap:18px!important;
white-space:nowrap!important;
}

.head-phone{
white-space:nowrap!important;
}

.head-actions .btn{
white-space:nowrap!important;
}

@media(max-width:1180px){
.desktop-nav{
margin-left:4px!important;
}

.desktop-nav a{
padding-left:8px!important;
padding-right:8px!important;
font-size:12px!important;
}

.nav{
gap:14px!important;
}
}

/* HEADER NAV FIT FIX V100 */
.nav{
gap:18px!important;
}

.desktop-nav{
flex:1 1 0!important;
min-width:0!important;
margin-left:12px!important;
margin-right:12px!important;
justify-content:center!important;
gap:24px!important;
}

.desktop-nav a{
flex:0 0 auto!important;
height:82px!important;
padding:0!important;
white-space:nowrap!important;
font-size:12px!important;
font-weight:600!important;
}

.head-actions{
flex:0 0 auto!important;
gap:12px!important;
margin-left:0!important;
}

.head-phone{
font-size:12px!important;
white-space:nowrap!important;
}

.head-actions .btn{
padding-left:18px!important;
padding-right:18px!important;
white-space:nowrap!important;
}

.header-shop-actions{
flex:0 0 auto!important;
}

@media(max-width:1250px){
.desktop-nav{
gap:16px!important;
margin-left:4px!important;
margin-right:4px!important;
}

.desktop-nav a{
font-size:11px!important;
}

.head-actions{
gap:9px!important;
}

.head-actions .btn{
padding-left:14px!important;
padding-right:14px!important;
}
}

/* MOBILE SHOP HEADER V101 */
.mobile-shop-actions{
display:none;
align-items:center;
gap:4px;
margin-left:auto;
}

.mobile-shop-actions a{
position:relative;
width:38px;
height:38px;
display:grid;
place-items:center;
border-radius:11px;
color:#222;
background:transparent;
transition:background .18s ease,transform .18s ease;
}

.mobile-shop-actions a:active{
transform:scale(.94);
background:#ecece8;
}

.mobile-shop-actions svg{
width:19px;
height:19px;
fill:none;
stroke:currentColor;
stroke-width:1.7;
stroke-linecap:round;
stroke-linejoin:round;
}

.mobile-shop-actions b{
position:absolute;
right:-1px;
top:-3px;
min-width:17px;
height:17px;
padding:0 4px;
display:grid;
place-items:center;
border-radius:999px;
background:#ff0000;
color:#fff;
border:2px solid #f5f4ef;
font-size:8px;
font-weight:700;
line-height:1;
}

@media(max-width:1050px){
.mobile-shop-actions{
display:flex!important;
}

.menu-btn{
margin-left:2px!important;
flex:0 0 42px;
}

.nav{
gap:7px!important;
}
}

@media(max-width:650px){
.mobile-shop-actions{
gap:1px;
}

.mobile-shop-actions a{
width:34px;
height:34px;
border-radius:9px;
}

.mobile-shop-actions svg{
width:18px;
height:18px;
}

.mobile-shop-actions b{
min-width:16px;
height:16px;
font-size:7px;
}

.menu-btn{
width:38px!important;
height:38px!important;
flex-basis:38px!important;
padding:8px!important;
}
}

@media(max-width:430px){
.brand{
min-width:145px!important;
}

.brand-logo-line{
width:145px!important;
}

.brand-logo-image{
width:145px!important;
}

.brand .brand-subtitle{
width:145px!important;
font-size:6px!important;
}

.mobile-shop-actions a{
width:31px;
height:34px;
}
}

/* MOBILE HEADER HARD FIX V102 */
@media(max-width:1050px){

.header .nav{
height:72px!important;
display:flex!important;
align-items:center!important;
flex-wrap:nowrap!important;
gap:4px!important;
}

.header .desktop-nav{
display:none!important;
}

.header .head-actions{
display:none!important;
}

.header .mobile-shop-actions{
display:flex!important;
align-items:center!important;
flex:0 0 auto!important;
margin-left:auto!important;
gap:2px!important;
}

.header .menu-btn{
display:block!important;
flex:0 0 38px!important;
width:38px!important;
height:38px!important;
margin-left:1px!important;
padding:8px!important;
}

.header .brand{
flex:0 1 170px!important;
min-width:0!important;
max-width:170px!important;
margin:0!important;
}

.header .brand-logo-line{
width:170px!important;
height:38px!important;
}

.header .brand-logo-image{
width:170px!important;
}

.header .brand-subtitle{
width:170px!important;
font-size:6.5px!important;
}

}

@media(max-width:500px){

.header .nav{
height:66px!important;
}

.header .brand{
flex-basis:135px!important;
max-width:135px!important;
}

.header .brand-logo-line{
width:135px!important;
height:31px!important;
}

.header .brand-logo-image{
width:135px!important;
}

.header .brand-subtitle{
width:135px!important;
font-size:5.5px!important;
margin-top:1px!important;
}

.header .mobile-shop-actions a{
width:31px!important;
height:34px!important;
}

.header .mobile-shop-actions svg{
width:17px!important;
height:17px!important;
}

.header .menu-btn{
flex-basis:34px!important;
width:34px!important;
height:34px!important;
}

}

@media(max-width:370px){

.header .brand{
flex-basis:118px!important;
max-width:118px!important;
}

.header .brand-logo-line,
.header .brand-logo-image{
width:118px!important;
}

.header .brand-subtitle{
display:none!important;
}

.header .mobile-shop-actions a{
width:29px!important;
}

}

/* MOBILE SHOPPING REBUILD V103 */
@media(max-width:650px){

/* Компактная плавающая связь вместо вертикальной колонны */
.floating-actions{
right:10px!important;
bottom:10px!important;
left:auto!important;
flex-direction:row!important;
align-items:center!important;
gap:5px!important;
padding:5px!important;
border-radius:16px!important;
background:rgba(17,20,15,.92)!important;
backdrop-filter:blur(12px)!important;
box-shadow:0 8px 30px rgba(0,0,0,.18)!important;
}

.floating-btn,
.floating-btn.whatsapp,
.floating-btn.telegram,
.assistant-btn{
width:39px!important;
min-width:39px!important;
height:39px!important;
padding:0!important;
border-radius:11px!important;
font-size:9px!important;
box-shadow:none!important;
}

.assistant-btn em{
display:none!important;
}

/* Компактнее заголовки Избранное / Сравнение / Корзина */
.shop-inner-hero{
padding-top:36px!important;
padding-bottom:38px!important;
}

.shop-inner-hero h1{
font-size:38px!important;
line-height:1.02!important;
margin-bottom:12px!important;
}

.shop-inner-hero p{
font-size:14px!important;
line-height:1.55!important;
}

/* Карточки в избранном */
.shop-page #favoritesGrid{
gap:14px!important;
}

.shop-page #favoritesGrid .product-card{
border-radius:18px!important;
}

.shop-page #favoritesGrid .product-media{
height:220px!important;
}

.shop-page #favoritesGrid .product-info{
padding:16px!important;
}

.shop-page #favoritesGrid h3{
font-size:19px!important;
margin-bottom:12px!important;
}

.shop-page #favoritesGrid dl>div{
gap:10px!important;
padding:7px 0!important;
}

.shop-page #favoritesGrid dt,
.shop-page #favoritesGrid dd{
font-size:11px!important;
}

/* Сравнение: нормальная мобильная горизонтальная таблица */
.compare-table{
overflow-x:auto!important;
-webkit-overflow-scrolling:touch!important;
scrollbar-width:thin!important;
border-radius:18px!important;
}

.compare-row>*{
flex:0 0 218px!important;
padding:12px 13px!important;
}

.compare-row>.compare-label{
position:sticky!important;
left:0!important;
z-index:7!important;
flex:0 0 108px!important;
width:108px!important;
padding:12px 9px!important;
font-size:9px!important;
line-height:1.3!important;
letter-spacing:.03em!important;
white-space:normal!important;
word-break:normal!important;
}

.compare-head>.compare-label{
font-size:11px!important;
padding:14px 8px!important;
}

.compare-product{
min-height:290px!important;
padding:11px!important;
}

.compare-product-media{
height:125px!important;
border-radius:14px!important;
}

.compare-product-media img{
padding:6px!important;
}

.compare-product-body{
padding-top:9px!important;
}

.compare-product-meta{
margin-bottom:6px!important;
}

.compare-product-meta span{
font-size:8px!important;
padding:5px 7px!important;
}

.compare-product-meta b{
font-size:9px!important;
}

.compare-product-title{
font-size:15px!important;
line-height:1.25!important;
}

.compare-product-foot{
display:grid!important;
grid-template-columns:minmax(0,1fr) 38px!important;
gap:7px!important;
align-items:center!important;
padding-top:12px!important;
}

.compare-product-foot>strong{
font-size:13px!important;
line-height:1.25!important;
min-width:0!important;
}

.compare-cart-btn{
width:38px!important;
min-width:38px!important;
height:38px!important;
padding:0!important;
justify-content:center!important;
border-radius:10px!important;
}

.compare-cart-btn span{
display:none!important;
}

.compare-remove{
right:18px!important;
top:18px!important;
width:32px!important;
height:32px!important;
}

/* КОРЗИНА: полностью перестраиваем карточку под телефон */
.cart-items{
gap:12px!important;
}

.cart-item{
display:grid!important;
grid-template-columns:86px minmax(0,1fr)!important;
grid-template-areas:
"thumb main"
"side side"!important;
gap:12px!important;
padding:14px!important;
border-radius:18px!important;
align-items:start!important;
overflow:hidden!important;
}

.cart-thumb{
grid-area:thumb!important;
width:86px!important;
height:86px!important;
border-radius:13px!important;
}

.cart-item-main{
grid-area:main!important;
min-width:0!important;
width:100%!important;
padding:0!important;
}

.cart-topline{
display:flex!important;
align-items:center!important;
gap:6px!important;
margin-bottom:7px!important;
}

.cart-title{
font-size:17px!important;
line-height:1.22!important;
margin:5px 0 8px!important;
overflow-wrap:anywhere!important;
}

.cart-unit-price{
margin-top:5px!important;
}

.cart-unit-price span{
font-size:10px!important;
}

.cart-unit-price strong{
font-size:17px!important;
}

.cart-item-side{
grid-area:side!important;
width:100%!important;
min-width:0!important;
display:grid!important;
grid-template-columns:auto minmax(0,1fr) auto!important;
align-items:center!important;
gap:10px!important;
padding-top:12px!important;
margin-top:2px!important;
border-top:1px solid #e8ebe6!important;
}

.cart-qty{
grid-column:auto!important;
margin:0!important;
justify-self:start!important;
}

.cart-qty button{
width:32px!important;
height:32px!important;
}

.cart-line-total{
margin:0!important;
padding:0!important;
text-align:right!important;
justify-self:end!important;
min-width:0!important;
}

.cart-line-total span{
font-size:9px!important;
}

.cart-line-total strong{
font-size:16px!important;
white-space:nowrap!important;
}

.cart-remove{
margin:0!important;
padding:8px!important;
justify-self:end!important;
white-space:nowrap!important;
}

/* Checkout */
.checkout-card{
border-radius:20px!important;
padding:22px 18px!important;
}

.checkout-card h2{
font-size:31px!important;
line-height:1.05!important;
}

/* Контент не должен прятаться под нижним floating dock */
.shop-page{
padding-bottom:65px!important;
}

}

@media(max-width:390px){

.compare-row>*{
flex-basis:205px!important;
}

.compare-row>.compare-label{
flex-basis:100px!important;
width:100px!important;
}

.cart-item{
grid-template-columns:74px minmax(0,1fr)!important;
padding:12px!important;
gap:10px!important;
}

.cart-thumb{
width:74px!important;
height:74px!important;
}

.cart-title{
font-size:16px!important;
}

.cart-item-side{
grid-template-columns:auto 1fr!important;
}

.cart-remove{
grid-column:1/-1!important;
justify-self:end!important;
padding-top:2px!important;
}

}

/* MOBILE COMPARE + CART STRUCTURE V104 */
@media(max-width:650px){

/* СРАВНЕНИЕ */
.compare-table{
position:relative!important;
overflow-x:auto!important;
overflow-y:visible!important;
-webkit-overflow-scrolling:touch!important;
isolation:isolate!important;
}

.compare-row{
display:flex!important;
position:relative!important;
width:max-content!important;
min-width:max-content!important;
align-items:stretch!important;
overflow:visible!important;
}

.compare-row>.compare-label{
position:sticky!important;
left:0!important;
z-index:30!important;
flex:0 0 116px!important;
width:116px!important;
min-width:116px!important;
max-width:116px!important;
box-sizing:border-box!important;

display:flex!important;
align-items:center!important;

padding:11px 9px!important;
margin:0!important;

white-space:normal!important;
overflow:hidden!important;
overflow-wrap:anywhere!important;
word-break:break-word!important;
hyphens:auto!important;

font-size:9px!important;
line-height:1.28!important;
letter-spacing:.02em!important;

background:#f3f5f1!important;
border-right:1px solid #dde2da!important;

box-shadow:
1px 0 0 #dde2da,
8px 0 14px rgba(17,22,15,.06)!important;
}

.compare-head>.compare-label{
z-index:40!important;
background:#111510!important;
color:#fff!important;
justify-content:center!important;
text-align:center!important;
font-size:11px!important;
}

.compare-row>*:not(.compare-label){
flex:0 0 220px!important;
width:220px!important;
min-width:220px!important;
max-width:220px!important;
box-sizing:border-box!important;
overflow-wrap:anywhere!important;
}

.compare-row:not(.compare-head)>.compare-label{
background:#f3f5f1!important;
color:#626b60!important;
}

/* КОРЗИНА */
.cart-item[data-cart-row]::before,
.cart-item[data-cart-row]::after{
content:none!important;
display:none!important;
}

.cart-item{
display:grid!important;
grid-template-columns:92px minmax(0,1fr)!important;
grid-template-areas:
"thumb main"
"side side"!important;
gap:13px!important;
padding:14px!important;
min-height:0!important;
height:auto!important;
align-items:start!important;
overflow:hidden!important;
}

.cart-thumb{
grid-area:thumb!important;
width:92px!important;
height:92px!important;
min-width:92px!important;
min-height:92px!important;
margin:0!important;
align-self:start!important;
}

.cart-thumb-empty{
display:grid!important;
place-items:center!important;
background:linear-gradient(145deg,#f4f5f6,#eceff2)!important;
border:1px solid #e5e8eb!important;
text-decoration:none!important;
}

.cart-thumb-empty span{
font-size:13px!important;
font-weight:700!important;
letter-spacing:.08em!important;
color:#7d8793!important;
}

.cart-item-main{
grid-area:main!important;
min-width:0!important;
width:auto!important;
margin:0!important;
padding:0!important;
}

.cart-topline{
margin:0 0 7px!important;
}

.cart-title{
display:block!important;
margin:0 0 10px!important;
font-size:16px!important;
line-height:1.25!important;
overflow-wrap:anywhere!important;
}

.cart-unit-price{
display:flex!important;
align-items:baseline!important;
gap:8px!important;
flex-wrap:wrap!important;
margin:0!important;
}

.cart-unit-price strong{
font-size:18px!important;
line-height:1.15!important;
}

.cart-unit-price span{
font-size:10px!important;
}

.cart-item-side{
grid-area:side!important;
width:100%!important;
display:grid!important;
grid-template-columns:auto 1fr auto!important;
align-items:center!important;
gap:10px!important;
margin:0!important;
padding:12px 0 0!important;
border-top:1px solid #e7e9eb!important;
}

.cart-qty{
grid-column:auto!important;
justify-self:start!important;
margin:0!important;
}

.cart-line-total{
justify-self:end!important;
text-align:right!important;
margin:0!important;
padding:0!important;
}

.cart-remove{
justify-self:end!important;
margin:0!important;
}

}

@media(max-width:390px){

.compare-row>.compare-label{
flex-basis:104px!important;
width:104px!important;
min-width:104px!important;
max-width:104px!important;
font-size:8px!important;
}

.compare-row>*:not(.compare-label){
flex-basis:205px!important;
width:205px!important;
min-width:205px!important;
max-width:205px!important;
}

.cart-item{
grid-template-columns:82px minmax(0,1fr)!important;
}

.cart-thumb{
width:82px!important;
height:82px!important;
min-width:82px!important;
min-height:82px!important;
}

.cart-item-side{
grid-template-columns:auto 1fr!important;
}

.cart-remove{
grid-column:1/-1!important;
justify-self:end!important;
padding-top:0!important;
}

}

/* COMPARE CATEGORY TABS V105 */
.compare-category-tabs{
display:flex;
align-items:center;
gap:8px;
margin:0 0 16px;
padding:4px;
overflow-x:auto;
-webkit-overflow-scrolling:touch;
scrollbar-width:none;
}

.compare-category-tabs::-webkit-scrollbar{
display:none;
}

.compare-category-tabs button{
flex:0 0 auto;
display:inline-flex;
align-items:center;
gap:8px;
min-height:42px;
padding:0 14px;
border:1px solid #dde1dc;
border-radius:12px;
background:#fff;
color:#343a33;
font:600 12px Montserrat,Arial,sans-serif;
cursor:pointer;
white-space:nowrap;
transition:
background .18s ease,
color .18s ease,
border-color .18s ease,
transform .18s ease;
}

.compare-category-tabs button:hover{
border-color:#bfc5bd;
background:#f5f6f3;
}

.compare-category-tabs button:active{
transform:scale(.98);
}

.compare-category-tabs button b{
display:grid;
place-items:center;
min-width:22px;
height:22px;
padding:0 6px;
border-radius:999px;
background:#eef0ed;
color:#646c62;
font-size:10px;
font-weight:700;
}

.compare-category-tabs button.active{
background:#ff0000;
border-color:#ff0000;
color:#fff;
}

.compare-category-tabs button.active b{
background:#fff;
color:#111;
}

@media(max-width:650px){

.compare-category-tabs{
gap:7px;
margin:0 -14px 14px;
padding:2px 14px 6px;
}

.compare-category-tabs button{
min-height:38px;
padding:0 12px;
border-radius:11px;
font-size:11px;
}

.compare-category-tabs button b{
min-width:20px;
height:20px;
font-size:9px;
}

}

/* FOOTER LOGO CRISP WHITE OUTLINE V106 */
.footer-logo-image{
filter:
drop-shadow(1px 0 0 #fff)
drop-shadow(-1px 0 0 #fff)
drop-shadow(0 1px 0 #fff)
drop-shadow(0 -1px 0 #fff)!important;
}

/* FOOTER LOGO THIN GRAY OUTLINE V107 */
.footer-logo-image{
filter:
drop-shadow(.45px 0 0 #d6d6d6)
drop-shadow(-.45px 0 0 #d6d6d6)
drop-shadow(0 .45px 0 #d6d6d6)
drop-shadow(0 -.45px 0 #d6d6d6)!important;
}

/* FOOTER LOGO OUTLINE MOBILE V108 */
@media(max-width:650px){
.footer-logo-image{
filter:
drop-shadow(.45px 0 0 #d6d6d6)
drop-shadow(-.45px 0 0 #d6d6d6)
drop-shadow(0 .45px 0 #d6d6d6)
drop-shadow(0 -.45px 0 #d6d6d6)!important;
}
}

/* FOOTER LOGO MOBILE CRISP OUTLINE V109 */
@media(max-width:650px){
.footer-logo-image{
-webkit-filter:
drop-shadow(1px 0 0 rgba(214,214,214,.58))
drop-shadow(-1px 0 0 rgba(214,214,214,.58))
drop-shadow(0 1px 0 rgba(214,214,214,.58))
drop-shadow(0 -1px 0 rgba(214,214,214,.58))!important;

filter:
drop-shadow(1px 0 0 rgba(214,214,214,.58))
drop-shadow(-1px 0 0 rgba(214,214,214,.58))
drop-shadow(0 1px 0 rgba(214,214,214,.58))
drop-shadow(0 -1px 0 rgba(214,214,214,.58))!important;
}
}

/* MOBILE MENU PROFESSIONAL V110 */
@media(max-width:1050px){

.header{
position:sticky!important;
}

.header .mobile-nav{
display:block!important;
position:absolute!important;
left:0!important;
right:0!important;
top:100%!important;
padding:0!important;
margin:0!important;
border:0!important;
background:transparent!important;

opacity:0!important;
visibility:hidden!important;
pointer-events:none!important;
transform:translateY(-8px)!important;

transition:
opacity .22s ease,
transform .26s ease,
visibility .22s ease!important;
}

.header .mobile-nav.open{
display:block!important;
opacity:1!important;
visibility:visible!important;
pointer-events:auto!important;
transform:translateY(0)!important;
}

.mobile-nav-panel{
width:100%!important;
max-height:calc(100vh - 105px)!important;
overflow-y:auto!important;
-webkit-overflow-scrolling:touch!important;

padding:16px 16px 20px!important;

background:#f5f4f0!important;
border-top:1px solid #e4e2dc!important;
border-bottom:1px solid #deddd8!important;

box-shadow:0 20px 40px rgba(16,18,15,.12)!important;
}

.mobile-menu-list{
display:block!important;
overflow:hidden!important;

background:#fff!important;
border:1px solid #e5e4df!important;
border-radius:18px!important;

box-shadow:0 5px 18px rgba(20,22,18,.035)!important;
}

.mobile-menu-list a{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;

width:100%!important;
min-height:57px!important;

padding:0 17px!important;
margin:0!important;

border-bottom:1px solid #ecebe7!important;

font-size:14px!important;
font-weight:600!important;
line-height:1.2!important;
color:#1b1d19!important;

background:#fff!important;
}

.mobile-menu-list a:last-child{
border-bottom:0!important;
}

.mobile-menu-list a:active{
background:#f3f3f0!important;
}

.mobile-menu-list a i{
display:grid!important;
place-items:center!important;

width:28px!important;
height:28px!important;

border-radius:50%!important;
background:#f1f1ee!important;

font-size:23px!important;
font-weight:400!important;
font-style:normal!important;
line-height:1!important;
color:#747970!important;
}

.mobile-menu-contact{
margin-top:12px!important;
padding:16px!important;

background:#171a15!important;
border-radius:18px!important;

display:grid!important;
gap:10px!important;
}

.mobile-menu-contact small{
display:block!important;
font-size:10px!important;
font-weight:600!important;
letter-spacing:.05em!important;
text-transform:uppercase!important;
color:#989f95!important;
}

.mobile-menu-phone{
display:block!important;
padding:0!important;

font-size:20px!important;
font-weight:700!important;
line-height:1.2!important;
color:#fff!important;
}

.mobile-menu-cta{
width:100%!important;
height:48px!important;
margin-top:4px!important;

border:0!important;
border-radius:13px!important;

background:#ff0000!important;
color:#fff!important;

font:600 13px Montserrat,Arial,sans-serif!important;
cursor:pointer!important;
}

.mobile-menu-cta:active{
transform:scale(.985)!important;
}

}

@media(max-width:650px){

.mobile-nav-panel{
padding:14px 14px 18px!important;
}

.mobile-menu-list{
border-radius:16px!important;
}

.mobile-menu-list a{
min-height:55px!important;
padding:0 15px!important;
font-size:13px!important;
}

.mobile-menu-contact{
border-radius:16px!important;
padding:15px!important;
}

.mobile-menu-phone{
font-size:19px!important;
}

}

@media(max-width:390px){

.mobile-menu-list a{
min-height:52px!important;
}

.mobile-menu-phone{
font-size:18px!important;
}

}

/* MOBILE MENU PROFESSIONAL V110 */
@media(max-width:1050px){

.header{
position:sticky!important;
}

.header .mobile-nav{
display:block!important;
position:absolute!important;
left:0!important;
right:0!important;
top:100%!important;
padding:0!important;
margin:0!important;
border:0!important;
background:transparent!important;

opacity:0!important;
visibility:hidden!important;
pointer-events:none!important;
transform:translateY(-8px)!important;

transition:
opacity .22s ease,
transform .26s ease,
visibility .22s ease!important;
}

.header .mobile-nav.open{
display:block!important;
opacity:1!important;
visibility:visible!important;
pointer-events:auto!important;
transform:translateY(0)!important;
}

.mobile-nav-panel{
width:100%!important;
max-height:calc(100vh - 105px)!important;
overflow-y:auto!important;
-webkit-overflow-scrolling:touch!important;

padding:16px 16px 20px!important;

background:#f5f4f0!important;
border-top:1px solid #e4e2dc!important;
border-bottom:1px solid #deddd8!important;

box-shadow:0 20px 40px rgba(16,18,15,.12)!important;
}

.mobile-menu-list{
display:block!important;
overflow:hidden!important;

background:#fff!important;
border:1px solid #e5e4df!important;
border-radius:18px!important;

box-shadow:0 5px 18px rgba(20,22,18,.035)!important;
}

.mobile-menu-list a{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;

width:100%!important;
min-height:57px!important;

padding:0 17px!important;
margin:0!important;

border-bottom:1px solid #ecebe7!important;

font-size:14px!important;
font-weight:600!important;
line-height:1.2!important;
color:#1b1d19!important;

background:#fff!important;
}

.mobile-menu-list a:last-child{
border-bottom:0!important;
}

.mobile-menu-list a:active{
background:#f3f3f0!important;
}

.mobile-menu-list a i{
display:grid!important;
place-items:center!important;

width:28px!important;
height:28px!important;

border-radius:50%!important;
background:#f1f1ee!important;

font-size:23px!important;
font-weight:400!important;
font-style:normal!important;
line-height:1!important;
color:#747970!important;
}

.mobile-menu-contact{
margin-top:12px!important;
padding:16px!important;

background:#171a15!important;
border-radius:18px!important;

display:grid!important;
gap:10px!important;
}

.mobile-menu-contact small{
display:block!important;
font-size:10px!important;
font-weight:600!important;
letter-spacing:.05em!important;
text-transform:uppercase!important;
color:#989f95!important;
}

.mobile-menu-phone{
display:block!important;
padding:0!important;

font-size:20px!important;
font-weight:700!important;
line-height:1.2!important;
color:#fff!important;
}

.mobile-menu-cta{
width:100%!important;
height:48px!important;
margin-top:4px!important;

border:0!important;
border-radius:13px!important;

background:#ff0000!important;
color:#fff!important;

font:600 13px Montserrat,Arial,sans-serif!important;
cursor:pointer!important;
}

.mobile-menu-cta:active{
transform:scale(.985)!important;
}

}

@media(max-width:650px){

.mobile-nav-panel{
padding:14px 14px 18px!important;
}

.mobile-menu-list{
border-radius:16px!important;
}

.mobile-menu-list a{
min-height:55px!important;
padding:0 15px!important;
font-size:13px!important;
}

.mobile-menu-contact{
border-radius:16px!important;
padding:15px!important;
}

.mobile-menu-phone{
font-size:19px!important;
}

}

@media(max-width:390px){

.mobile-menu-list a{
min-height:52px!important;
}

.mobile-menu-phone{
font-size:18px!important;
}

}

/* HERO PREMIUM PRODUCT CARD V112 */

.slider-frame{
position:relative!important;
overflow:hidden!important;
background:#daddd4!important;
}

.hero-slide{
position:absolute!important;
inset:0!important;
overflow:hidden!important;
border-radius:32px!important;
}

.hero-slide-visual{
position:absolute!important;
inset:0!important;
overflow:hidden!important;
}

.hero-slide-visual img{
width:100%!important;
height:100%!important;
object-fit:cover!important;
display:block!important;
transform:scale(1.035)!important;
transition:transform 6s cubic-bezier(.2,.7,.2,1)!important;
}

.hero-slide.active .hero-slide-visual img{
transform:scale(1)!important;
}

.slide-overlay{
position:absolute!important;
inset:0!important;
background:
linear-gradient(180deg,rgba(10,12,9,.04) 25%,rgba(10,12,9,.14) 58%,rgba(10,12,9,.72) 100%)!important;
z-index:1!important;
}

/* Лидер продаж */
.hero-bestseller{
position:absolute!important;
top:22px!important;
left:22px!important;
z-index:4!important;

width:94px!important;
height:94px!important;

display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;

border-radius:50%!important;

background:rgba(255,0,0,.94)!important;
color:#fff!important;

border:1px solid rgba(255,255,255,.5)!important;
box-shadow:
0 12px 30px rgba(0,0,0,.20),
inset 0 0 0 5px rgba(255,255,255,.07)!important;

backdrop-filter:blur(8px)!important;

transform:rotate(-7deg)!important;
animation:heroBadgeFloat 4.4s ease-in-out infinite!important;
}

.hero-bestseller span{
display:block!important;
font-size:10px!important;
font-weight:500!important;
line-height:1!important;
letter-spacing:.07em!important;
text-transform:uppercase!important;
}

.hero-bestseller strong{
display:block!important;
margin-top:4px!important;
font-size:14px!important;
font-weight:700!important;
line-height:1!important;
letter-spacing:-.02em!important;
}

@keyframes heroBadgeFloat{
0%,100%{transform:rotate(-7deg) translateY(0)}
50%{transform:rotate(-5deg) translateY(-4px)}
}

/* Информационная карточка */
.slide-product-card{
position:absolute!important;
left:22px!important;
bottom:22px!important;
z-index:4!important;

width:min(365px,calc(100% - 44px))!important;

padding:17px 19px 18px!important;

border:1px solid rgba(255,255,255,.22)!important;
border-radius:20px!important;

background:rgba(18,20,17,.56)!important;
backdrop-filter:blur(16px) saturate(130%)!important;

box-shadow:
0 15px 36px rgba(0,0,0,.22),
inset 0 1px 0 rgba(255,255,255,.08)!important;

color:#fff!important;
}

.slide-product-type{
display:block!important;

font-size:10px!important;
font-weight:500!important;
line-height:1.2!important;

letter-spacing:.09em!important;
text-transform:uppercase!important;

color:rgba(255,255,255,.68)!important;
}

.slide-product-model{
display:block!important;

margin-top:5px!important;

font-size:31px!important;
font-weight:700!important;
line-height:1!important;

letter-spacing:-.04em!important;

color:#fff!important;
}

.slide-product-price{
display:flex!important;
align-items:flex-end!important;
justify-content:space-between!important;
gap:14px!important;

margin-top:14px!important;
padding-top:13px!important;

border-top:1px solid rgba(255,255,255,.14)!important;
}

.slide-product-price small{
display:block!important;
padding-bottom:4px!important;

font-size:9px!important;
font-weight:500!important;
line-height:1!important;

letter-spacing:.08em!important;
text-transform:uppercase!important;

color:rgba(255,255,255,.58)!important;
}

.slide-product-price b{
position:relative!important;
display:block!important;

font-size:27px!important;
font-weight:700!important;
line-height:1!important;

letter-spacing:-.035em!important;
white-space:nowrap!important;

color:#fff!important;
text-shadow:0 0 18px rgba(255,58,58,.28)!important;
}

.slide-product-price b:after{
content:""!important;
position:absolute!important;
left:0!important;
right:0!important;
bottom:-5px!important;

height:2px!important;
border-radius:999px!important;

background:linear-gradient(90deg,#ff0000,rgba(255,0,0,.18))!important;
box-shadow:0 0 12px rgba(255,0,0,.35)!important;
}

/* Плавное появление элементов */
.hero-slide .hero-bestseller,
.hero-slide .slide-product-card{
opacity:0!important;
transform:translateY(14px) scale(.98)!important;
transition:
opacity .55s ease,
transform .65s cubic-bezier(.2,.75,.2,1)!important;
}

.hero-slide .hero-bestseller{
transform:rotate(-7deg) translateY(-8px) scale(.92)!important;
}

.hero-slide.active .hero-bestseller{
opacity:1!important;
transform:rotate(-7deg) translateY(0) scale(1)!important;
}

.hero-slide.active .slide-product-card{
opacity:1!important;
transform:translateY(0) scale(1)!important;
}

/* MOBILE */
@media(max-width:650px){

.slider-frame{
height:390px!important;
border-radius:22px!important;
}

.hero-slide{
border-radius:22px!important;
}

.hero-bestseller{
top:14px!important;
left:14px!important;

width:76px!important;
height:76px!important;

box-shadow:
0 9px 24px rgba(0,0,0,.18),
inset 0 0 0 4px rgba(255,255,255,.07)!important;
}

.hero-bestseller span{
font-size:8px!important;
}

.hero-bestseller strong{
font-size:11px!important;
margin-top:3px!important;
}

.slide-product-card{
left:12px!important;
right:12px!important;
bottom:12px!important;

width:auto!important;

padding:14px 15px 15px!important;

border-radius:17px!important;
}

.slide-product-type{
font-size:8px!important;
}

.slide-product-model{
margin-top:4px!important;
font-size:26px!important;
}

.slide-product-price{
margin-top:11px!important;
padding-top:10px!important;
}

.slide-product-price small{
font-size:8px!important;
}

.slide-product-price b{
font-size:23px!important;
}

}

@media(max-width:390px){

.slider-frame{
height:355px!important;
}

.hero-bestseller{
width:68px!important;
height:68px!important;
}

.hero-bestseller strong{
font-size:10px!important;
}

.slide-product-model{
font-size:23px!important;
}

.slide-product-price b{
font-size:20px!important;
}

}

/* HERO SLIDER REWORK V113 */

/* slider badge lives outside slides */
.hero-slider{
position:relative!important;
overflow:visible!important;
}

.hero-bestseller-fixed{
position:absolute!important;
z-index:15!important;
top:24px!important;
right:-42px!important;

width:104px!important;
height:104px!important;

display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;

border-radius:50%!important;

background:
radial-gradient(circle at 31% 24%,rgba(255,255,255,.55) 0 4%,rgba(255,255,255,.15) 5% 14%,transparent 15%),
linear-gradient(145deg,#ff3434 0%,#f40000 45%,#d90000 100%)!important;

border:2px solid rgba(255,255,255,.88)!important;

box-shadow:
0 12px 24px rgba(0,0,0,.20),
inset 0 2px 2px rgba(255,255,255,.42),
inset 0 -5px 10px rgba(115,0,0,.20)!important;

color:#fff!important;

pointer-events:none!important;
overflow:hidden!important;
}

.hero-bestseller-fixed:before{
content:""!important;
position:absolute!important;
inset:5px!important;
border-radius:50%!important;
border:1px solid rgba(255,255,255,.25)!important;
}

.hero-bestseller-fixed:after{
content:""!important;
position:absolute!important;
left:-18%!important;
top:-32%!important;
width:58%!important;
height:140%!important;
background:linear-gradient(
90deg,
transparent,
rgba(255,255,255,.30),
transparent
)!important;
transform:rotate(28deg)!important;
}

.hero-bestseller-shine{
position:absolute!important;
top:11px!important;
right:17px!important;
width:20px!important;
height:9px!important;
border-radius:50%!important;
background:rgba(255,255,255,.48)!important;
filter:blur(2px)!important;
}

.hero-bestseller-fixed small{
position:relative!important;
z-index:2!important;
font-size:9px!important;
font-weight:600!important;
line-height:1!important;
letter-spacing:.09em!important;
text-transform:uppercase!important;
color:rgba(255,255,255,.88)!important;
}

.hero-bestseller-fixed strong{
position:relative!important;
z-index:2!important;
margin-top:4px!important;
font-size:14px!important;
font-weight:700!important;
line-height:1!important;
letter-spacing:-.02em!important;
}

/* old slide badges must never appear */
.hero-slide .hero-bestseller{
display:none!important;
}

/* more compact product info */
.slide-product-card{
width:270px!important;
max-width:calc(100% - 44px)!important;
padding:13px 15px 14px!important;
border-radius:17px!important;
}

.slide-product-type{
font-size:9px!important;
letter-spacing:.08em!important;
}

.slide-product-model{
margin-top:4px!important;
font-size:16px!important;
line-height:1.15!important;
letter-spacing:-.015em!important;
}

.slide-product-price{
margin-top:10px!important;
padding-top:9px!important;
}

.slide-product-price small{
font-size:8px!important;
padding-bottom:3px!important;
}

.slide-product-price b{
font-size:25px!important;
line-height:1!important;
}

/* modern directional transition */
.hero-slide{
opacity:0!important;
visibility:hidden!important;
pointer-events:none!important;
transform:translateX(0) scale(1.035)!important;
transition:
opacity .58s ease,
transform .68s cubic-bezier(.22,.75,.2,1),
visibility .58s ease!important;
}

.hero-slide.active{
opacity:1!important;
visibility:visible!important;
pointer-events:auto!important;
transform:translateX(0) scale(1)!important;
z-index:3!important;
}

.hero-slide.slide-enter-next{
opacity:0!important;
visibility:visible!important;
transform:translateX(7%) scale(1.045)!important;
z-index:4!important;
}

.hero-slide.slide-enter-prev{
opacity:0!important;
visibility:visible!important;
transform:translateX(-7%) scale(1.045)!important;
z-index:4!important;
}

.hero-slide.slide-leave-next{
opacity:0!important;
visibility:visible!important;
transform:translateX(-5%) scale(.985)!important;
z-index:2!important;
}

.hero-slide.slide-leave-prev{
opacity:0!important;
visibility:visible!important;
transform:translateX(5%) scale(.985)!important;
z-index:2!important;
}

.slider-frame.is-touching{
cursor:grabbing!important;
}

/* MOBILE */
@media(max-width:650px){

.hero-bestseller-fixed{
top:18px!important;
right:-16px!important;
width:82px!important;
height:82px!important;
border-width:1.5px!important;
}

.hero-bestseller-fixed small{
font-size:7px!important;
}

.hero-bestseller-fixed strong{
font-size:11px!important;
margin-top:3px!important;
}

.slide-product-card{
left:12px!important;
right:auto!important;
bottom:12px!important;

width:225px!important;
max-width:calc(100% - 24px)!important;

padding:11px 12px 12px!important;
border-radius:15px!important;
}

.slide-product-type{
font-size:7px!important;
}

.slide-product-model{
font-size:14px!important;
}

.slide-product-price{
margin-top:8px!important;
padding-top:8px!important;
}

.slide-product-price b{
font-size:21px!important;
}

.slider-frame{
touch-action:pan-y!important;
}

}

@media(max-width:390px){

.hero-bestseller-fixed{
right:-10px!important;
width:74px!important;
height:74px!important;
}

.slide-product-card{
width:205px!important;
}

.slide-product-model{
font-size:13px!important;
}

.slide-product-price b{
font-size:19px!important;
}

}

/* HERO POSITION + PRICE FIX V114 */

/* Лидер продаж: слева, приклеен к углу */
.hero-bestseller-fixed{
left:-42px!important;
right:auto!important;
top:-20px!important;
}

/* Цена */
.slide-product-price{
min-width:0!important;
}

.slide-product-price b{
min-width:0!important;
max-width:100%!important;
text-align:right!important;
}

/* Уменьшается только текст "Цена по запросу" */
.slide-product-price b.price-request{
font-size:15px!important;
line-height:1.15!important;
letter-spacing:-.015em!important;
white-space:nowrap!important;
}

/* MOBILE */
@media(max-width:650px){

.hero-bestseller-fixed{
left:-14px!important;
right:auto!important;
top:-10px!important;
}

/* точки на телефоне полностью убираем */
.hero-slider .slider-controls{
display:none!important;
}

.slide-product-price b.price-request{
font-size:12px!important;
line-height:1.15!important;
}

}

@media(max-width:390px){

.hero-bestseller-fixed{
left:-10px!important;
top:-8px!important;
}

.slide-product-price b.price-request{
font-size:11px!important;
}

}

/* HERO ADMIN CONTROL BINDINGS V115 */
.hero-bestseller-fixed{
width:var(--hero-badge-desktop,104px)!important;
height:var(--hero-badge-desktop,104px)!important;
}

.hero-bestseller-text{
position:relative!important;
z-index:2!important;
display:block!important;
max-width:76%!important;
text-align:center!important;
font-size:12px!important;
font-weight:700!important;
line-height:1.08!important;
letter-spacing:.01em!important;
color:#fff!important;
}

.slide-product-card{
width:var(--hero-card-desktop,270px)!important;
}

.slide-product-model{
font-size:var(--hero-model-desktop,16px)!important;
}

.slide-product-price b:not(.price-request){
font-size:var(--hero-price-desktop,25px)!important;
}

@media(max-width:650px){

.hero-bestseller-fixed{
width:var(--hero-badge-mobile,82px)!important;
height:var(--hero-badge-mobile,82px)!important;
}

.hero-bestseller-text{
font-size:10px!important;
}

.slide-product-card{
width:var(--hero-card-mobile,225px)!important;
}

.slide-product-model{
font-size:var(--hero-model-mobile,14px)!important;
}

.slide-product-price b:not(.price-request){
font-size:var(--hero-price-mobile,21px)!important;
}

}

/* HERO VERTICAL POSITION V116 */
.hero-slider{
top:var(--hero-offset-desktop,-18px)!important;
}

@media(max-width:650px){
.hero-slider{
top:var(--hero-offset-mobile,-8px)!important;
}
}

/* HERO PRICE INLINE V117 */
.slide-product-price{
justify-content:flex-start!important;
align-items:baseline!important;
gap:7px!important;
}

.slide-product-price small{
flex:0 0 auto!important;
padding-bottom:0!important;
}

.slide-product-price b{
flex:0 1 auto!important;
text-align:left!important;
margin:0!important;
}

@media(max-width:650px){
.slide-product-price{
gap:6px!important;
}
}

/* HERO CARD WIDTH + DOTS V118 */

/* точки на ПК в правом нижнем углу */
@media(min-width:651px){

.hero-slider .slider-controls{
position:absolute!important;
right:18px!important;
bottom:18px!important;
left:auto!important;
z-index:12!important;

display:block!important;

margin:0!important;
padding:0!important;
}

.hero-slider .slider-dots{
display:flex!important;
align-items:center!important;
gap:6px!important;

margin:0!important;
padding:9px 11px!important;

background:rgba(20,22,18,.56)!important;
border:1px solid rgba(255,255,255,.18)!important;
border-radius:999px!important;

backdrop-filter:blur(12px)!important;
box-shadow:0 8px 22px rgba(0,0,0,.16)!important;
}

.hero-slider .slider-dots button{
width:7px!important;
height:7px!important;
margin:0!important;
background:rgba(255,255,255,.48)!important;
}

.hero-slider .slider-dots button.active{
background:#fff!important;
transform:scale(1.3)!important;
}

}

/* на телефоне только свайп */
@media(max-width:650px){

.hero-slider .slider-controls{
display:none!important;
}

}

/* HEADER PERSONAL MESSENGERS V119 */

.header-contact-stack{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:3px;
min-width:max-content;
transform:translateY(3px);
}

.header-socials,
.mobile-menu-socials{
display:flex;
align-items:center;
justify-content:center;
gap:7px;
}

.header-social-link{
width:31px;
height:27px;
display:grid;
place-items:center;
flex:0 0 auto;
border-radius:9px;
background:#fff;
border:1px solid rgba(18,20,18,.10);
box-shadow:0 4px 12px rgba(0,0,0,.06);
transition:
transform .18s ease,
box-shadow .18s ease,
border-color .18s ease,
background .18s ease;
}

.header-social-link svg{
width:16px;
height:16px;
display:block;
fill:currentColor;
}

.header-social-link.header-wa{
color:#20b95a;
}

.header-social-link.header-tg{
color:#229ed9;
}

.header-social-link:hover{
transform:translateY(-2px);
border-color:rgba(18,20,18,.18);
box-shadow:0 7px 18px rgba(0,0,0,.10);
background:#fafafa;
}

.header-contact-stack .head-phone{
margin:0!important;
white-space:nowrap;
line-height:1.05!important;
}

/* На телефоне desktop-контакты всё равно скрыты вместе с head-actions */
@media(max-width:1050px){

.mobile-menu-socials{
margin:2px 0 5px;
}

.mobile-menu-socials .header-social-link{
width:40px;
height:36px;
border-radius:11px;
background:rgba(255,255,255,.96);
border-color:rgba(255,255,255,.15);
box-shadow:none;
}

.mobile-menu-socials .header-social-link svg{
width:19px;
height:19px;
}

.mobile-menu-phone{
margin-top:0!important;
}

}

@media(max-width:390px){

.mobile-menu-socials .header-social-link{
width:38px;
height:34px;
}

}

/* HEADER SOCIAL ICONS V120 */

.header-social-link{
width:32px!important;
height:32px!important;
border-radius:50%!important;
border:0!important;
padding:0!important;
display:grid!important;
place-items:center!important;
overflow:hidden!important;
box-shadow:0 3px 10px rgba(0,0,0,.12)!important;
}

.header-social-link.header-wa{
background:#25d366!important;
color:#fff!important;
box-shadow:
0 0 0 2px #fff,
0 3px 10px rgba(0,0,0,.13)!important;
}

.header-social-link.header-tg{
background:#229ed9!important;
color:#fff!important;
}

.header-social-link svg{
width:19px!important;
height:19px!important;
fill:#fff!important;
}

.header-social-link.header-tg svg{
width:18px!important;
height:18px!important;
transform:translate(-1px,1px);
}

.header-social-link:hover{
transform:translateY(-2px) scale(1.05)!important;
box-shadow:0 6px 15px rgba(0,0,0,.16)!important;
}

.header-socials{
gap:9px!important;
margin-bottom:2px!important;
}

/* Мобильное меню */
@media(max-width:1050px){

.mobile-menu-socials{
gap:10px!important;
margin-bottom:7px!important;
}

.mobile-menu-socials .header-social-link{
width:42px!important;
height:42px!important;
border-radius:50%!important;
}

.mobile-menu-socials .header-social-link svg{
width:24px!important;
height:24px!important;
}

.mobile-menu-socials .header-social-link.header-tg svg{
width:23px!important;
height:23px!important;
}

}


/* HEADER CONTACT SIZING V121 */

.header-social-link{
width:28px!important;
height:28px!important;
}

.header-social-link svg{
width:17px!important;
height:17px!important;
}

.header-social-link.header-tg svg{
width:16px!important;
height:16px!important;
}

.header-contact-stack .head-phone{
font-size:15px!important;
font-weight:800!important;
letter-spacing:.01em!important;
}

/* MOBILE */
@media(max-width:1050px){

.mobile-menu-socials .header-social-link{
width:38px!important;
height:38px!important;
}

.mobile-menu-socials .header-social-link svg{
width:21px!important;
height:21px!important;
}

.mobile-menu-socials .header-social-link.header-tg svg{
width:20px!important;
height:20px!important;
}

.mobile-menu-phone{
font-size:20px!important;
font-weight:800!important;
}

}


/* WHATSAPP TRUE BUBBLE ICON V124 */
.header-social-link.header-wa{
background:transparent!important;
border:0!important;
box-shadow:none!important;
overflow:visible!important;
}

.header-social-link.header-wa .wa-logo-svg{
width:28px!important;
height:28px!important;
display:block!important;
overflow:visible!important;
}

.header-social-link.header-wa .wa-bubble{
fill:#25d366!important;
}

.header-social-link.header-wa .wa-phone{
fill:#fff!important;
}

/* телефон */
@media(max-width:1050px){
.mobile-menu-socials .header-social-link.header-wa .wa-logo-svg{
width:38px!important;
height:38px!important;
}
}

/* WHATSAPP INNER GLYPH SIZE V126 */
.header-social-link.header-wa svg{
width:14px!important;
height:14px!important;
}

@media(max-width:1050px){
.mobile-menu-socials .header-social-link.header-wa svg{
width:18px!important;
height:18px!important;
}
}

/* WHATSAPP PHONE ONLY V128 */
.header-social-link.header-wa .wa-phone{
transform-box:fill-box!important;
transform-origin:center!important;
transform:scale(.80)!important;
}

/* На телефоне такая же пропорция */
@media(max-width:1050px){
.mobile-menu-socials .header-social-link.header-wa .wa-phone{
transform:scale(.80)!important;
}
}

/* WHATSAPP VISUAL SIZE V129 */

/* Уравниваем видимый размер зелёной иконки с Telegram */
.header-social-link.header-wa svg.wa-logo-svg{
width:33px!important;
height:33px!important;
}

/* Мобильная версия */
@media(max-width:1050px){
.mobile-menu-socials .header-social-link.header-wa svg.wa-logo-svg{
width:45px!important;
height:45px!important;
}
}

/* HEADER SOCIAL OPTICAL ALIGN V130 */

.header-contact-stack{
align-items:center!important;
}

.header-socials{
display:flex!important;
align-items:center!important;
justify-content:center!important;
gap:8px!important;
}

.header-social-link{
display:grid!important;
place-items:center!important;
}

/* WhatsApp визуально центрируем с Telegram */
.header-social-link.header-wa svg.wa-logo-svg{
width:30px!important;
height:30px!important;
transform:translateY(-1px)!important;
}

/* Telegram оставляем ровно по центру */
.header-social-link.header-tg svg{
transform:none!important;
}

/* MOBILE */
@media(max-width:1050px){

.mobile-menu-socials{
align-items:center!important;
justify-content:center!important;
}

.mobile-menu-socials .header-social-link.header-wa svg.wa-logo-svg{
width:40px!important;
height:40px!important;
transform:translateY(-1px)!important;
}

}

/* MOBILE CONTACT CENTER ALIGN V133 */
@media(max-width:1050px){

.mobile-menu-contact{
display:flex!important;
flex-direction:column!important;
align-items:center!important;
text-align:center!important;
}

.mobile-menu-socials{
width:max-content!important;
margin-left:auto!important;
margin-right:auto!important;
justify-content:center!important;
}

.mobile-menu-phone{
display:block!important;
width:max-content!important;
margin-left:auto!important;
margin-right:auto!important;
text-align:center!important;
}

}

/* =========================================================
   HERO FACTS + BUSINESS BENEFITS V136
   ========================================================= */

/* --- 3 FACTS INSIDE HERO --- */

.hero-copy{
min-width:0;
}

.hero-copy-main{
min-width:0;
}

.hero-trust-pro{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:0;
margin-top:34px;
border-top:1px solid #d7d8d4;
}

.hero-trust-item{
position:relative;
padding:20px 18px 0 0;
min-width:0;
}

.hero-trust-item:not(:last-child){
margin-right:18px;
border-right:1px solid #e0e1de;
}

.hero-trust-line{
position:absolute;
left:0;
top:-2px;
width:34px;
height:3px;
border-radius:99px;
background:#ff0000;
}

.hero-trust-item strong{
display:block;
margin-bottom:7px;
font-size:21px;
font-weight:850;
line-height:1;
letter-spacing:-.035em;
color:#171817;
}

.hero-trust-item small{
display:block;
font-size:10px;
font-weight:550;
line-height:1.4;
color:#81847e;
}


/* --- NEW BENEFITS SECTION --- */

.home-business-benefits{
position:relative;
padding:66px 0 72px;
background:#f5f5f2;
border-top:1px solid #e0e1dd;
border-bottom:1px solid #e0e1dd;
}

.business-benefits-head{
display:grid;
grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);
gap:70px;
align-items:end;
margin-bottom:34px;
}

.business-benefits-head h2{
max-width:720px;
margin:9px 0 0;
font-size:34px;
font-weight:850;
line-height:1.08;
letter-spacing:-.035em;
color:#171817;
}

.business-benefits-head>p{
max-width:430px;
margin:0 0 3px;
font-size:12px;
font-weight:500;
line-height:1.65;
color:#747872;
}

.business-benefits-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
border:1px solid #dcddd9;
border-radius:22px;
overflow:hidden;
background:#fff;
}

.business-benefit-card{
position:relative;
min-height:246px;
padding:26px 25px 25px;
display:flex;
flex-direction:column;
border-right:1px solid #e0e1de;
background:#fff;
transition:
transform .22s ease,
background .22s ease,
box-shadow .22s ease;
}

.business-benefit-card:last-child{
border-right:0;
}

.business-benefit-card:hover{
z-index:2;
background:#fafaf8;
box-shadow:0 18px 44px rgba(0,0,0,.075);
transform:translateY(-4px);
}

.business-benefit-number{
position:absolute;
right:20px;
top:18px;
font-size:10px;
font-weight:800;
letter-spacing:.12em;
color:#b6b8b3;
}

.business-benefit-icon{
position:relative;
width:58px;
height:58px;
display:grid;
place-items:center;
margin-bottom:29px;
border-radius:16px;
background:#171817;
color:#fff;
}

.business-benefit-icon:after{
content:"";
position:absolute;
right:-5px;
bottom:-5px;
width:15px;
height:15px;
border:4px solid #fff;
border-radius:5px;
background:#ff0000;
}

.business-benefit-icon svg{
width:31px;
height:31px;
fill:none;
stroke:currentColor;
stroke-width:1.7;
stroke-linecap:round;
stroke-linejoin:round;
}

.business-benefit-copy{
margin-top:auto;
}

.business-benefit-copy strong{
display:block;
margin-bottom:10px;
font-size:15px;
font-weight:820;
line-height:1.25;
letter-spacing:-.015em;
color:#171817;
}

.business-benefit-copy p{
max-width:255px;
margin:0;
font-size:11px;
font-weight:500;
line-height:1.55;
color:#777b75;
}


/* =========================================================
   MOBILE ORDER
   text -> leader slider -> facts -> benefits
   ========================================================= */

@media(max-width:750px){

.hero-layout{
display:grid!important;
grid-template-columns:1fr!important;
}

.hero-copy{
display:contents!important;
}

.hero-copy-main{
order:1;
}

.hero-slider{
order:2;
}

.hero-trust-pro{
order:3;
width:100%;
grid-template-columns:1fr;
margin-top:12px;
border:1px solid #dedfdb;
border-radius:17px;
overflow:hidden;
background:#fff;
}

.hero-trust-item{
min-height:68px;
padding:15px 17px 15px 20px;
display:grid;
grid-template-columns:105px 1fr;
align-items:center;
gap:13px;
}

.hero-trust-item:not(:last-child){
margin-right:0;
border-right:0;
border-bottom:1px solid #e5e6e2;
}

.hero-trust-line{
left:0;
top:17px;
width:3px;
height:34px;
border-radius:0 4px 4px 0;
}

.hero-trust-item strong{
margin:0;
font-size:19px;
white-space:nowrap;
}

.hero-trust-item small{
font-size:10px;
line-height:1.35;
}

.home-business-benefits{
padding:42px 0 46px;
}

.business-benefits-head{
grid-template-columns:1fr;
gap:15px;
margin-bottom:24px;
}

.business-benefits-head h2{
font-size:27px;
line-height:1.1;
}

.business-benefits-head>p{
font-size:11px;
line-height:1.55;
}

.business-benefits-grid{
grid-template-columns:1fr;
border-radius:17px;
}

.business-benefit-card{
min-height:0;
padding:20px;
display:grid;
grid-template-columns:48px 1fr;
gap:16px;
align-items:start;
border-right:0;
border-bottom:1px solid #e2e3df;
}

.business-benefit-card:last-child{
border-bottom:0;
}

.business-benefit-card:hover{
transform:none;
box-shadow:none;
}

.business-benefit-number{
right:15px;
top:13px;
font-size:8px;
}

.business-benefit-icon{
width:46px;
height:46px;
margin:0;
border-radius:13px;
}

.business-benefit-icon svg{
width:25px;
height:25px;
}

.business-benefit-icon:after{
width:11px;
height:11px;
right:-4px;
bottom:-4px;
border-width:3px;
}

.business-benefit-copy{
margin:0;
padding-right:16px;
}

.business-benefit-copy strong{
font-size:14px;
margin-bottom:6px;
}

.business-benefit-copy p{
max-width:none;
font-size:10.5px;
line-height:1.48;
}

}


/* =========================================================
   DARK BUSINESS BENEFITS V137
   ========================================================= */

.home-business-benefits{
position:relative!important;
overflow:hidden!important;
padding:76px 0 82px!important;
background:#111311!important;
border-top:0!important;
border-bottom:0!important;
color:#fff!important;
}

/* лёгкая техническая сетка */
.home-business-benefits:before{
content:"";
position:absolute;
inset:0;
pointer-events:none;
background-image:
linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
background-size:42px 42px;
mask-image:linear-gradient(to bottom,rgba(0,0,0,.65),transparent 92%);
}

/* мягкий красный акцент справа */
.home-business-benefits:after{
content:"";
position:absolute;
width:420px;
height:420px;
right:-180px;
top:-210px;
border-radius:50%;
background:radial-gradient(circle,rgba(255,0,0,.10) 0%,rgba(255,0,0,0) 70%);
pointer-events:none;
}

.home-business-benefits>.container{
position:relative;
z-index:2;
}

.home-business-benefits .kicker{
color:#ff3b30!important;
}

.business-benefits-head{
margin-bottom:40px!important;
}

.business-benefits-head h2{
color:#fff!important;
font-size:36px!important;
line-height:1.06!important;
letter-spacing:-.04em!important;
}

.business-benefits-head>p{
color:rgba(255,255,255,.56)!important;
font-size:12px!important;
line-height:1.7!important;
}

.business-benefits-grid{
background:#171917!important;
border:1px solid rgba(255,255,255,.11)!important;
border-radius:24px!important;
box-shadow:
0 24px 60px rgba(0,0,0,.22),
inset 0 1px 0 rgba(255,255,255,.025)!important;
}

.business-benefit-card{
min-height:260px!important;
background:#171917!important;
border-right:1px solid rgba(255,255,255,.09)!important;
}

.business-benefit-card:hover{
background:#1d1f1d!important;
box-shadow:0 20px 50px rgba(0,0,0,.24)!important;
}

.business-benefit-number{
color:rgba(255,255,255,.25)!important;
}

.business-benefit-icon{
background:#f3f3ef!important;
color:#141614!important;
border:1px solid rgba(255,255,255,.05)!important;
box-shadow:none!important;
}

.business-benefit-icon:after{
border-color:#171917!important;
background:#ff0000!important;
}

.business-benefit-card:hover .business-benefit-icon:after{
border-color:#1d1f1d!important;
}

.business-benefit-copy strong{
color:#fff!important;
font-size:16px!important;
}

.business-benefit-copy p{
color:rgba(255,255,255,.54)!important;
font-size:11px!important;
line-height:1.6!important;
}

/* тонкая красная линия сверху блока */
.home-business-benefits .container:before{
content:"";
position:absolute;
top:-76px;
left:0;
width:84px;
height:4px;
background:#ff0000;
}

/* =========================================================
   MOBILE DARK VERSION
   ========================================================= */

@media(max-width:750px){

.home-business-benefits{
padding:48px 0 52px!important;
}

.home-business-benefits .container:before{
top:-48px;
width:62px;
height:3px;
}

.business-benefits-head{
margin-bottom:26px!important;
}

.business-benefits-head h2{
font-size:27px!important;
line-height:1.09!important;
}

.business-benefits-head>p{
font-size:11px!important;
line-height:1.55!important;
}

.business-benefits-grid{
border-radius:18px!important;
}

.business-benefit-card{
min-height:0!important;
padding:20px!important;
border-right:0!important;
border-bottom:1px solid rgba(255,255,255,.09)!important;
}

.business-benefit-card:last-child{
border-bottom:0!important;
}

.business-benefit-card:hover{
background:#171917!important;
}

.business-benefit-icon{
background:#f3f3ef!important;
}

.business-benefit-icon:after{
border-color:#171917!important;
}

.business-benefit-copy strong{
font-size:14px!important;
}

.business-benefit-copy p{
font-size:10.5px!important;
}

}


/* =========================================================
   BENEFIT ICONS UPGRADE V138
   ========================================================= */

.home-business-benefits .business-benefit-icon{
position:relative!important;
width:82px!important;
height:82px!important;
border-radius:24px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
background:
linear-gradient(145deg,#252925 0%,#141714 100%)!important;
border:1px solid rgba(255,255,255,.10)!important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.08),
0 16px 34px rgba(0,0,0,.28),
0 4px 10px rgba(0,0,0,.18)!important;
overflow:visible!important;
isolation:isolate!important;
}

.home-business-benefits .business-benefit-icon:before{
content:"";
position:absolute;
inset:9px;
border-radius:18px;
background:
linear-gradient(180deg,#ffffff 0%,#f2f4ef 100%);
box-shadow:
inset 0 1px 0 rgba(255,255,255,.95),
inset 0 -5px 10px rgba(0,0,0,.05),
0 4px 10px rgba(0,0,0,.08);
z-index:0;
}

.home-business-benefits .business-benefit-icon:after{
content:"";
position:absolute;
right:-7px;
bottom:-7px;
width:22px;
height:22px;
border-radius:50%;
background:
radial-gradient(circle at 35% 35%,#ff9d98 0%,#ff4f46 28%,#d81e14 68%,#b7160f 100%);
border:3px solid #171917;
box-shadow:
0 8px 16px rgba(216,30,20,.38),
inset 0 1px 0 rgba(255,255,255,.35);
z-index:3;
}

.home-business-benefits .business-benefit-icon svg{
position:relative;
z-index:2;
width:34px!important;
height:34px!important;
display:block;
color:#161816!important;
filter:
drop-shadow(0 1px 0 rgba(255,255,255,.35))
drop-shadow(0 3px 7px rgba(0,0,0,.08));
}

.home-business-benefits .business-benefit-icon svg *{
vector-effect:non-scaling-stroke;
stroke-linecap:round!important;
stroke-linejoin:round!important;
}

.home-business-benefits .business-benefit-card:hover .business-benefit-icon{
transform:translateY(-3px)!important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.10),
0 20px 38px rgba(0,0,0,.30),
0 6px 14px rgba(0,0,0,.18)!important;
}

.home-business-benefits .business-benefit-card:hover .business-benefit-icon:before{
background:
linear-gradient(180deg,#ffffff 0%,#ecefe8 100%);
}

.home-business-benefits .business-benefit-card:hover .business-benefit-icon:after{
box-shadow:
0 10px 18px rgba(216,30,20,.46),
inset 0 1px 0 rgba(255,255,255,.42);
}

.home-business-benefits .business-benefit-icon::selection{
background:transparent;
}

/* если иконки рисуются через img */
.home-business-benefits .business-benefit-icon img{
position:relative;
z-index:2;
width:34px!important;
height:34px!important;
object-fit:contain;
filter:
drop-shadow(0 1px 0 rgba(255,255,255,.35))
drop-shadow(0 3px 7px rgba(0,0,0,.08));
}

/* mobile */
@media(max-width:750px){
.home-business-benefits .business-benefit-icon{
width:72px!important;
height:72px!important;
border-radius:21px!important;
}
.home-business-benefits .business-benefit-icon:before{
inset:8px;
border-radius:16px;
}
.home-business-benefits .business-benefit-icon:after{
width:19px;
height:19px;
right:-5px;
bottom:-5px;
border-width:2px;
}
.home-business-benefits .business-benefit-icon svg,
.home-business-benefits .business-benefit-icon img{
width:30px!important;
height:30px!important;
}
}


/* MOBILE BENEFIT ICON LAYOUT FIX V139 */
@media(max-width:750px){

.home-business-benefits .business-benefit-card{
grid-template-columns:74px minmax(0,1fr)!important;
gap:16px!important;
align-items:start!important;
}

.home-business-benefits .business-benefit-icon{
width:64px!important;
height:64px!important;
flex:0 0 64px!important;
}

.home-business-benefits .business-benefit-icon:before{
inset:7px!important;
}

.home-business-benefits .business-benefit-icon svg,
.home-business-benefits .business-benefit-icon img{
width:28px!important;
height:28px!important;
}

.home-business-benefits .business-benefit-copy{
min-width:0!important;
padding-right:8px!important;
}

}

/* =========================================================
   HOME THEME SWAP V140
   DARK HERO -> LIGHT BENEFITS
   ========================================================= */

/* =========================
   DARK FIRST SCREEN
   ========================= */

.hero-pro{
background:#111311!important;
color:#fff!important;
border-bottom:0!important;
}

.hero-pro .hero-grid-bg{
opacity:.38!important;
background-image:
linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px)!important;
background-size:42px 42px!important;
}

.hero-pro .hero-copy-main .kicker{
color:#ff3b30!important;
}

.hero-pro .hero-copy-main h1{
color:#fff!important;
}

.hero-pro .hero-copy-main>p{
color:rgba(255,255,255,.62)!important;
}

.hero-pro .btn-glass{
color:#fff!important;
background:rgba(255,255,255,.055)!important;
border-color:rgba(255,255,255,.18)!important;
}

.hero-pro .btn-glass:hover{
background:rgba(255,255,255,.11)!important;
border-color:rgba(255,255,255,.30)!important;
}

/* 3 сильных факта на тёмном фоне */
.hero-pro .hero-trust-pro{
border-top-color:rgba(255,255,255,.14)!important;
}

.hero-pro .hero-trust-item:not(:last-child){
border-right-color:rgba(255,255,255,.11)!important;
}

.hero-pro .hero-trust-item strong{
color:#fff!important;
}

.hero-pro .hero-trust-item small{
color:rgba(255,255,255,.52)!important;
}

.hero-pro .hero-trust-line{
background:#ff0000!important;
}


/* =========================
   LIGHT BENEFITS BLOCK
   ========================= */

.home-business-benefits{
background:#f5f5f2!important;
color:#171817!important;
border-top:1px solid #e0e1dd!important;
border-bottom:1px solid #dedfdb!important;
}

/* лёгкая техническая сетка вместо тёмной */
.home-business-benefits:before{
background-image:
linear-gradient(rgba(20,22,20,.022) 1px,transparent 1px),
linear-gradient(90deg,rgba(20,22,20,.022) 1px,transparent 1px)!important;
background-size:42px 42px!important;
mask-image:linear-gradient(to bottom,rgba(0,0,0,.45),transparent 90%)!important;
}

/* очень лёгкий красный технический акцент */
.home-business-benefits:after{
background:radial-gradient(circle,rgba(255,0,0,.055) 0%,rgba(255,0,0,0) 70%)!important;
}

.home-business-benefits .kicker{
color:#ff0000!important;
}

.business-benefits-head h2{
color:#171817!important;
}

.business-benefits-head>p{
color:#727770!important;
}

/* сами карточки */
.business-benefits-grid{
background:#fff!important;
border-color:#dcded9!important;
box-shadow:
0 22px 55px rgba(0,0,0,.055),
inset 0 1px 0 rgba(255,255,255,.85)!important;
}

.business-benefit-card{
background:#fff!important;
border-right-color:#e1e2de!important;
}

.business-benefit-card:hover{
background:#fafaf8!important;
box-shadow:0 18px 42px rgba(0,0,0,.075)!important;
}

.business-benefit-number{
color:#afb3ac!important;
}

.business-benefit-copy strong{
color:#171817!important;
}

.business-benefit-copy p{
color:#727770!important;
}

/* сохраняем новые технологичные объёмные иконки */
.home-business-benefits .business-benefit-icon{
background:
linear-gradient(145deg,#252925 0%,#141714 100%)!important;
border-color:rgba(0,0,0,.12)!important;
}

.home-business-benefits .business-benefit-icon:before{
background:
linear-gradient(180deg,#fff 0%,#f0f2ed 100%)!important;
}

.home-business-benefits .business-benefit-icon:after{
border-color:#fff!important;
}

.home-business-benefits .business-benefit-card:hover .business-benefit-icon:after{
border-color:#fafaf8!important;
}


/* =========================
   MOBILE
   ========================= */

@media(max-width:750px){

.hero-pro{
background:#111311!important;
}

/* факты не белой карточкой, а частью первого тёмного экрана */
.hero-pro .hero-trust-pro{
background:#171917!important;
border-color:rgba(255,255,255,.11)!important;
}

.hero-pro .hero-trust-item:not(:last-child){
border-bottom-color:rgba(255,255,255,.10)!important;
}

.hero-pro .hero-trust-item strong{
color:#fff!important;
}

.hero-pro .hero-trust-item small{
color:rgba(255,255,255,.54)!important;
}

.home-business-benefits{
background:#f5f5f2!important;
}

.business-benefits-grid{
background:#fff!important;
}

.business-benefit-card{
background:#fff!important;
border-bottom-color:#e1e2de!important;
}

.business-benefit-card:hover{
background:#fff!important;
}

.home-business-benefits .business-benefit-icon:after{
border-color:#fff!important;
}

}

/* =========================================================
   DARK HERO RED GLOW V141
   ========================================================= */

.hero-pro{
position:relative!important;
overflow:hidden!important;
isolation:isolate;
}

/* мягкое красное свечение справа сверху */
.hero-pro:after{
content:"";
position:absolute;
z-index:0;
width:520px;
height:520px;
right:-185px;
top:-255px;
border-radius:50%;
pointer-events:none;
background:
radial-gradient(
circle,
rgba(255,25,18,.18) 0%,
rgba(255,0,0,.10) 28%,
rgba(255,0,0,.045) 48%,
rgba(255,0,0,0) 72%
);
filter:blur(2px);
}

/* содержимое всегда выше свечения */
.hero-pro .hero-grid-bg{
z-index:0!important;
}

.hero-pro>.container{
position:relative;
z-index:2;
}


/* MOBILE */
@media(max-width:750px){

.hero-pro:after{
width:340px;
height:340px;
right:-155px;
top:-145px;
background:
radial-gradient(
circle,
rgba(255,25,18,.14) 0%,
rgba(255,0,0,.07) 34%,
rgba(255,0,0,0) 72%
);
}

}

/* =========================================================
   HOME ALTERNATING SECTIONS V142
   DARK / LIGHT / DARK / LIGHT
   ========================================================= */


/* =========================================================
   1. CATALOG - DARK
   glow: bottom left
   ========================================================= */

.catalog-home{
position:relative!important;
overflow:hidden!important;
isolation:isolate!important;
padding-top:76px!important;
padding-bottom:78px!important;
background:#111311!important;
border-top:0!important;
color:#fff!important;
}

.catalog-home:before{
content:"";
position:absolute;
z-index:0;
width:500px;
height:500px;
left:-230px;
bottom:-270px;
border-radius:50%;
pointer-events:none;
background:
radial-gradient(
circle,
rgba(255,20,14,.17) 0%,
rgba(255,0,0,.09) 30%,
rgba(255,0,0,.035) 52%,
rgba(255,0,0,0) 73%
);
}

.catalog-home:after{
content:"";
position:absolute;
inset:0;
z-index:0;
pointer-events:none;
background-image:
linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);
background-size:44px 44px;
mask-image:linear-gradient(to bottom,rgba(0,0,0,.68),transparent 94%);
}

.catalog-home>.container{
position:relative;
z-index:2;
}

.catalog-home .section-heading h2{
color:#fff!important;
}

.catalog-home .section-heading p{
color:rgba(255,255,255,.55)!important;
}

.catalog-home .kicker{
color:#ff3b30!important;
}

.catalog-home .category-grid.pro-categories{
gap:13px!important;
}

.catalog-home .category-card{
background:#181a18!important;
border:1px solid rgba(255,255,255,.09)!important;
box-shadow:none!important;
transition:
transform .22s ease,
background .22s ease,
border-color .22s ease,
box-shadow .22s ease!important;
}

.catalog-home .category-card:hover{
transform:translateY(-4px)!important;
background:#1e211e!important;
border-color:rgba(255,255,255,.15)!important;
box-shadow:0 20px 44px rgba(0,0,0,.24)!important;
}

.catalog-home .category-card h3{
color:#fff!important;
}

.catalog-home .category-count{
color:rgba(255,255,255,.42)!important;
}

.catalog-home .category-link{
color:rgba(255,255,255,.72)!important;
}

.catalog-home .category-icon{
background:#f1f2ee!important;
color:#171817!important;
border-color:rgba(255,255,255,.08)!important;
}

.catalog-home .plain-link{
color:#fff!important;
}


/* =========================================================
   2. POPULAR - LIGHT
   ========================================================= */

.popular-section{
position:relative!important;
background:#f5f5f2!important;
border-top:1px solid #dedfdb!important;
border-bottom:1px solid #dedfdb!important;
}

.popular-section .section-heading h2{
color:#171817!important;
}

.popular-section .section-heading p{
color:#747872!important;
}


/* =========================================================
   3. BUNDLE - DARK
   glow: upper left, elongated
   ========================================================= */

.bundle-section{
position:relative!important;
overflow:hidden!important;
isolation:isolate!important;
padding-top:78px!important;
padding-bottom:82px!important;
background:#111311!important;
color:#fff!important;
border-top:0!important;
}

.bundle-section:before{
content:"";
position:absolute;
z-index:0;
width:620px;
height:360px;
left:-210px;
top:-190px;
border-radius:50%;
pointer-events:none;
background:
radial-gradient(
ellipse,
rgba(255,25,18,.16) 0%,
rgba(255,0,0,.085) 30%,
rgba(255,0,0,.03) 53%,
rgba(255,0,0,0) 74%
);
transform:rotate(-10deg);
}

.bundle-section:after{
content:"";
position:absolute;
inset:0;
z-index:0;
pointer-events:none;
background-image:
linear-gradient(rgba(255,255,255,.021) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.021) 1px,transparent 1px);
background-size:46px 46px;
mask-image:linear-gradient(to bottom,rgba(0,0,0,.60),transparent 96%);
}

.bundle-section>.container{
position:relative;
z-index:2;
}

.bundle-section .kicker{
color:#ff3b30!important;
}

.bundle-copy h2{
color:#fff!important;
}

.bundle-copy p{
color:rgba(255,255,255,.55)!important;
}

.bundle-section .plain-link{
color:#fff!important;
}

.bundle-list-pro{
border-color:rgba(255,255,255,.10)!important;
}

.bundle-list-pro>a{
background:#171917!important;
border-color:rgba(255,255,255,.09)!important;
}

.bundle-list-pro>a:hover{
background:#1e201e!important;
}

.bundle-list-pro>a>span:first-child{
color:#ff3b30!important;
}

.bundle-list-pro h3{
color:#fff!important;
}

.bundle-list-pro p{
color:rgba(255,255,255,.52)!important;
}

.bundle-list-pro svg{
color:#fff!important;
}


/* =========================================================
   4. WARRANTY - LIGHT
   ========================================================= */

.warranty-pro{
position:relative!important;
background:#f5f5f2!important;
border-top:1px solid #dedfdb!important;
border-bottom:1px solid #dedfdb!important;
}

.warranty-copy h2{
color:#171817!important;
}

.warranty-copy p{
color:#737870!important;
}


/* =========================================================
   5. FINAL CTA - DARK
   glow: lower right
   ========================================================= */

.cta-pro{
position:relative!important;
overflow:hidden!important;
isolation:isolate!important;
background:#101210!important;
color:#fff!important;
border-top:0!important;
}

.cta-pro:before{
content:"";
position:absolute;
z-index:0;
width:520px;
height:520px;
right:-210px;
bottom:-315px;
border-radius:50%;
pointer-events:none;
background:
radial-gradient(
circle,
rgba(255,18,12,.19) 0%,
rgba(255,0,0,.095) 30%,
rgba(255,0,0,.035) 52%,
rgba(255,0,0,0) 72%
);
}

.cta-pro:after{
content:"";
position:absolute;
inset:0;
z-index:0;
pointer-events:none;
background-image:
linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);
background-size:46px 46px;
}

.cta-pro>.container{
position:relative;
z-index:2;
}

.cta-pro .kicker{
color:#ff3b30!important;
}

.cta-pro h2{
color:#fff!important;
}

.cta-pro p{
color:rgba(255,255,255,.57)!important;
}

.cta-pro-actions>a{
color:#fff!important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:750px){

.catalog-home{
padding-top:50px!important;
padding-bottom:52px!important;
}

.catalog-home:before{
width:310px;
height:310px;
left:-155px;
bottom:-175px;
}

.catalog-home .category-grid.pro-categories{
gap:10px!important;
}

.bundle-section{
padding-top:50px!important;
padding-bottom:54px!important;
}

.bundle-section:before{
width:360px;
height:250px;
left:-165px;
top:-145px;
}

.cta-pro:before{
width:320px;
height:320px;
right:-165px;
bottom:-195px;
}

}


/* =========================================================
   SHORT LIGHT-SIDE TRANSITIONS V144
   Переход находится только на светлых секциях
   ========================================================= */

/*
   Тёмные блоки остаются полностью тёмными.
   Никаких серых длинных градиентов внутри них.
*/
.hero-pro,
.catalog-home,
.bundle-section,
.cta-pro{
background-color:#111311!important;
}


/* =========================================================
   LIGHT BLOCK 1
   между HERO и CATALOG
   ========================================================= */

.home-business-benefits{
border-top:0!important;
border-bottom:0!important;
background:
linear-gradient(
to bottom,
rgba(17,19,17,.26) 0,
rgba(17,19,17,.10) 12px,
rgba(17,19,17,0) 38px
),
linear-gradient(
to top,
rgba(17,19,17,.26) 0,
rgba(17,19,17,.10) 12px,
rgba(17,19,17,0) 38px
),
#f5f5f2!important;
}


/* =========================================================
   LIGHT BLOCK 2
   POPULAR MODELS
   ========================================================= */

.popular-section{
border-top:0!important;
border-bottom:0!important;
background:
linear-gradient(
to bottom,
rgba(17,19,17,.26) 0,
rgba(17,19,17,.10) 12px,
rgba(17,19,17,0) 38px
),
linear-gradient(
to top,
rgba(17,19,17,.26) 0,
rgba(17,19,17,.10) 12px,
rgba(17,19,17,0) 38px
),
#f5f5f2!important;
}


/* =========================================================
   LIGHT BLOCK 3
   WARRANTY
   ========================================================= */

.warranty-pro{
border-top:0!important;
border-bottom:0!important;
background:
linear-gradient(
to bottom,
rgba(17,19,17,.26) 0,
rgba(17,19,17,.10) 12px,
rgba(17,19,17,0) 38px
),
linear-gradient(
to top,
rgba(17,19,17,.26) 0,
rgba(17,19,17,.10) 12px,
rgba(17,19,17,0) 38px
),
#f5f5f2!important;
}


/* =========================================================
   MOBILE
   ещё короче и мягче
   ========================================================= */

@media(max-width:750px){

.home-business-benefits,
.popular-section,
.warranty-pro{
background:
linear-gradient(
to bottom,
rgba(17,19,17,.23) 0,
rgba(17,19,17,.08) 8px,
rgba(17,19,17,0) 26px
),
linear-gradient(
to top,
rgba(17,19,17,.23) 0,
rgba(17,19,17,.08) 8px,
rgba(17,19,17,0) 26px
),
#f5f5f2!important;
}

}

/* HERO TYPOGRAPHY V145 */

.hero-pro .hero-copy-main h1{
max-width:590px!important;
margin-top:14px!important;
margin-bottom:20px!important;
font-size:clamp(45px,4.25vw,62px)!important;
font-weight:850!important;
line-height:1.01!important;
letter-spacing:-.045em!important;
text-wrap:balance;
}

.hero-pro .hero-copy-main>p{
max-width:610px!important;
font-size:14px!important;
line-height:1.62!important;
letter-spacing:-.005em!important;
}

/* MOBILE */
@media(max-width:750px){

.hero-pro .hero-copy-main h1{
max-width:100%!important;
margin-top:11px!important;
margin-bottom:16px!important;
font-size:36px!important;
line-height:1.04!important;
letter-spacing:-.038em!important;
text-wrap:balance;
}

.hero-pro .hero-copy-main>p{
max-width:100%!important;
font-size:12px!important;
line-height:1.55!important;
}

}

@media(max-width:390px){

.hero-pro .hero-copy-main h1{
font-size:33px!important;
}

}

/* HERO FAST SLIDE TRANSITION V147 */
.hero-slider .hero-slide,
.hero-slider .hero-slide-visual,
.hero-slider .hero-slide-visual img{
transition-duration:220ms!important;
animation-duration:220ms!important;
}

.hero-slider .hero-slide.slide-enter-next,
.hero-slider .hero-slide.slide-enter-prev,
.hero-slider .hero-slide.slide-leave-next,
.hero-slider .hero-slide.slide-leave-prev{
transition-duration:220ms!important;
animation-duration:220ms!important;
}

/* =========================================================
   CATEGORY 3D TEST 01 - MINI EXCAVATORS V151
   ========================================================= */

.category-card-3d{
position:relative!important;
overflow:visible!important;
isolation:isolate!important;
min-height:230px!important;
padding:24px 22px!important;

display:flex!important;
flex-direction:column!important;
justify-content:flex-end!important;

z-index:2;
}

/* техника */
.category-card-3d .category-machine-visual{
position:absolute!important;
z-index:1!important;

width:118%!important;
max-width:none!important;
height:auto!important;

right:-32px!important;
bottom:-7px!important;

pointer-events:none!important;
user-select:none!important;

transform-origin:72% 78%!important;

filter:
drop-shadow(0 18px 24px rgba(0,0,0,.34))
drop-shadow(0 4px 8px rgba(0,0,0,.20))!important;

transition:
transform .32s cubic-bezier(.2,.75,.25,1),
filter .32s ease!important;
}

/* лёгкое затемнение под текстом */
.category-card-3d:after{
content:"";
position:absolute;
z-index:2;
left:0;
right:0;
bottom:0;
height:58%;
border-radius:0 0 22px 22px;
pointer-events:none;
background:
linear-gradient(
to top,
rgba(13,15,13,.96) 0%,
rgba(13,15,13,.74) 42%,
rgba(13,15,13,.18) 78%,
rgba(13,15,13,0) 100%
);
}

/* текст всегда поверх техники */
.category-card-3d h3,
.category-card-3d .category-link{
position:relative!important;
z-index:4!important;
}

.category-card-3d h3{
max-width:78%!important;
color:#fff!important;
text-shadow:0 2px 10px rgba(0,0,0,.42);
}

.category-card-3d .category-link{
color:#fff!important;
}

/* hover */
.category-card-3d:hover{
z-index:8!important;
}

.category-card-3d:hover .category-machine-visual{
transform:translate(-5px,-7px) scale(1.035)!important;

filter:
drop-shadow(0 23px 30px rgba(0,0,0,.40))
drop-shadow(0 6px 10px rgba(0,0,0,.22))!important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:750px){

.category-card-3d{
min-height:205px!important;
padding:19px 17px!important;
}

.category-card-3d .category-machine-visual{
width:112%!important;
right:-24px!important;
bottom:-3px!important;
}

.category-card-3d h3{
max-width:82%!important;
}

.category-card-3d:hover .category-machine-visual{
transform:none!important;
}

}


/* =========================================================
   MINI EXCAVATOR TRUE DEPTH V152
   BLOCK -> MACHINE -> TEXT
   ========================================================= */

/* сама карточка позволяет только нужной части выйти наружу */
.category-mini-excavators{
overflow:visible!important;
}

/* ОСНОВНАЯ машина полностью живёт ВНУТРИ карточки */
.category-mini-excavators .category-machine-clip{
position:absolute!important;
z-index:2!important;
inset:0!important;
overflow:hidden!important;
border-radius:22px!important;
pointer-events:none!important;
}

/* обе копии должны совпадать пиксель в пиксель */
.category-mini-excavators .category-machine-visual{
position:absolute!important;
width:118%!important;
max-width:none!important;
height:auto!important;
right:-32px!important;
bottom:-7px!important;
}

/* внутренняя копия обрезается границами блока */
.category-mini-excavators .category-machine-inside{
z-index:2!important;
}

/*
   ВНЕШНЯЯ копия показывает ТОЛЬКО стрелу и ковш.
   Кабина, гусеницы и корпус из этого слоя скрыты.
*/
.category-mini-excavators .category-machine-popout{
z-index:3!important;
pointer-events:none!important;

clip-path:inset(0 34% 57% 0)!important;

filter:
drop-shadow(0 14px 20px rgba(0,0,0,.34))
drop-shadow(0 3px 7px rgba(0,0,0,.20))!important;
}

/*
   Старое затемнение больше не лежит ПЕРЕД техникой.
   Теперь оно относится к самому блоку.
*/
.category-mini-excavators:after{
z-index:1!important;
}

/* текст всегда ближе всего к пользователю */
.category-mini-excavators h3,
.category-mini-excavators .category-link{
position:relative!important;
z-index:6!important;
}

/* hover двигает обе копии одинаково */
.category-mini-excavators:hover .category-machine-inside,
.category-mini-excavators:hover .category-machine-popout{
transform:translate(-5px,-7px) scale(1.035)!important;
}


/* MOBILE */
@media(max-width:750px){

.category-mini-excavators .category-machine-clip{
border-radius:17px!important;
}

.category-mini-excavators .category-machine-visual{
width:112%!important;
right:-24px!important;
bottom:-3px!important;
}

/* на телефоне наружу выходит ещё более строго только верх */
.category-mini-excavators .category-machine-popout{
clip-path:inset(0 34% 60% 0)!important;
}

.category-mini-excavators:hover .category-machine-inside,
.category-mini-excavators:hover .category-machine-popout{
transform:none!important;
}

}


/* =========================================================
   CATEGORY 3D 02 - WHEEL EXCAVATORS V153
   BLOCK -> MACHINE -> TEXT
   ========================================================= */

.category-wheel-excavators{
position:relative!important;
overflow:visible!important;
isolation:isolate!important;
z-index:2;
}

/* основная техника находится внутри блока */
.category-wheel-excavators .category-machine-clip{
position:absolute!important;
z-index:2!important;
inset:0!important;
overflow:hidden!important;
border-radius:22px!important;
pointer-events:none!important;
}

/*
   Это окно разрешает технике выйти вверх,
   но не даёт ей залезать в соседние карточки по бокам.
*/
.category-wheel-excavators .category-machine-popout-window{
position:absolute!important;
z-index:3!important;
left:0!important;
right:0!important;
top:-92px!important;
bottom:0!important;
overflow:hidden!important;
pointer-events:none!important;
}

/* обе копии совпадают друг с другом */
.category-wheel-excavators .category-machine-visual{
position:absolute!important;
width:116%!important;
max-width:none!important;
height:auto!important;
right:-18px!important;
bottom:-5px!important;
pointer-events:none!important;
user-select:none!important;
transform-origin:70% 78%!important;

filter:
drop-shadow(0 16px 23px rgba(0,0,0,.34))
drop-shadow(0 4px 8px rgba(0,0,0,.19))!important;

transition:
transform .32s cubic-bezier(.2,.75,.25,1),
filter .32s ease!important;
}

.category-wheel-excavators .category-machine-inside{
z-index:2!important;
}

.category-wheel-excavators .category-machine-popout{
z-index:3!important;
}

/* затемнение относится к фону карточки, не накрывает технику */
.category-wheel-excavators:after{
z-index:1!important;
}

/* надпись всегда самый верхний слой */
.category-wheel-excavators h3,
.category-wheel-excavators .category-link{
position:relative!important;
z-index:6!important;
color:#fff!important;
}

/* hover сохраняем */
.category-wheel-excavators:hover{
z-index:8!important;
}

.category-wheel-excavators:hover .category-machine-inside,
.category-wheel-excavators:hover .category-machine-popout{
transform:translate(-4px,-6px) scale(1.03)!important;

filter:
drop-shadow(0 22px 28px rgba(0,0,0,.40))
drop-shadow(0 6px 10px rgba(0,0,0,.22))!important;
}


/* =========================================================
   MOBILE - отдельная геометрия
   ========================================================= */

@media(max-width:750px){

.category-wheel-excavators .category-machine-clip{
border-radius:17px!important;
}

.category-wheel-excavators .category-machine-popout-window{
top:-68px!important;
}

.category-wheel-excavators .category-machine-visual{
width:108%!important;
right:-8px!important;
bottom:-2px!important;
}

.category-wheel-excavators h3{
max-width:78%!important;
}

.category-wheel-excavators:hover .category-machine-inside,
.category-wheel-excavators:hover .category-machine-popout{
transform:none!important;
}

}


/* =========================================================
   CATEGORY 3D 03 - MINI LOADERS V154
   ========================================================= */

.category-mini-loaders{
position:relative!important;
overflow:visible!important;
isolation:isolate!important;
z-index:2;
}

/* корпус внутри карточки */
.category-mini-loaders .category-machine-clip{
position:absolute!important;
z-index:2!important;
inset:0!important;
overflow:hidden!important;
border-radius:22px!important;
pointer-events:none!important;
}

/* окно выпускает технику только вверх */
.category-mini-loaders .category-machine-popout-window{
position:absolute!important;
z-index:3!important;
left:0!important;
right:0!important;
top:-88px!important;
bottom:0!important;
overflow:hidden!important;
pointer-events:none!important;
}

/* две копии совпадают */
.category-mini-loaders .category-machine-visual{
position:absolute!important;
width:114%!important;
max-width:none!important;
height:auto!important;

right:-22px!important;
bottom:-7px!important;

pointer-events:none!important;
user-select:none!important;

transform-origin:70% 80%!important;

filter:
drop-shadow(0 16px 23px rgba(0,0,0,.34))
drop-shadow(0 4px 8px rgba(0,0,0,.18))!important;

transition:
transform .32s cubic-bezier(.2,.75,.25,1),
filter .32s ease!important;
}

.category-mini-loaders .category-machine-inside{
z-index:2!important;
}

.category-mini-loaders .category-machine-popout{
z-index:3!important;
}

/* фон карточки ниже техники */
.category-mini-loaders:after{
z-index:1!important;
}

/* текст выше всего */
.category-mini-loaders h3,
.category-mini-loaders .category-link{
position:relative!important;
z-index:6!important;
color:#fff!important;
}

/* не даём длинному названию залезать слишком далеко */
.category-mini-loaders h3{
max-width:74%!important;
}

/* hover */
.category-mini-loaders:hover{
z-index:8!important;
}

.category-mini-loaders:hover .category-machine-inside,
.category-mini-loaders:hover .category-machine-popout{
transform:translate(-4px,-7px) scale(1.035)!important;

filter:
drop-shadow(0 22px 30px rgba(0,0,0,.40))
drop-shadow(0 6px 10px rgba(0,0,0,.22))!important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:750px){

.category-mini-loaders .category-machine-clip{
border-radius:17px!important;
}

.category-mini-loaders .category-machine-popout-window{
top:-66px!important;
}

.category-mini-loaders .category-machine-visual{
width:108%!important;
right:-10px!important;
bottom:-3px!important;
}

.category-mini-loaders h3{
max-width:78%!important;
}

.category-mini-loaders:hover .category-machine-inside,
.category-mini-loaders:hover .category-machine-popout{
transform:none!important;
}

}


/* MINI LOADERS POSITION V155 */
.category-mini-loaders .category-machine-visual{
right:-10px!important;
}

@media(max-width:750px){
.category-mini-loaders .category-machine-visual{
right:-2px!important;
}
}

/* =========================================================
   CATEGORY 3D 04 - FRONT LOADERS V156
   ========================================================= */

.category-front-loaders{
position:relative!important;
overflow:visible!important;
isolation:isolate!important;
z-index:2;
}

.category-front-loaders .category-machine-clip{
position:absolute!important;
z-index:2!important;
inset:0!important;
overflow:hidden!important;
border-radius:22px!important;
pointer-events:none!important;
}

/* Выход только вверх, без захода на соседние карточки */
.category-front-loaders .category-machine-popout-window{
position:absolute!important;
z-index:3!important;
left:0!important;
right:0!important;
top:-84px!important;
bottom:0!important;
overflow:hidden!important;
pointer-events:none!important;
}

.category-front-loaders .category-machine-visual{
position:absolute!important;
width:112%!important;
max-width:none!important;
height:auto!important;

right:-16px!important;
bottom:-6px!important;

pointer-events:none!important;
user-select:none!important;

transform-origin:70% 80%!important;

filter:
drop-shadow(0 16px 23px rgba(0,0,0,.34))
drop-shadow(0 4px 8px rgba(0,0,0,.18))!important;

transition:
transform .32s cubic-bezier(.2,.75,.25,1),
filter .32s ease!important;
}

.category-front-loaders .category-machine-inside{
z-index:2!important;
}

.category-front-loaders .category-machine-popout{
z-index:3!important;
}

.category-front-loaders:after{
z-index:1!important;
}

/* Белый текст выше техники */
.category-front-loaders h3,
.category-front-loaders .category-link{
position:relative!important;
z-index:6!important;
color:#fff!important;
}

.category-front-loaders h3{
max-width:74%!important;
}

.category-front-loaders:hover{
z-index:8!important;
}

.category-front-loaders:hover .category-machine-inside,
.category-front-loaders:hover .category-machine-popout{
transform:translate(-4px,-7px) scale(1.035)!important;

filter:
drop-shadow(0 22px 30px rgba(0,0,0,.40))
drop-shadow(0 6px 10px rgba(0,0,0,.22))!important;
}


/* MOBILE */
@media(max-width:750px){

.category-front-loaders .category-machine-clip{
border-radius:17px!important;
}

.category-front-loaders .category-machine-popout-window{
top:-62px!important;
}

.category-front-loaders .category-machine-visual{
width:106%!important;
right:-6px!important;
bottom:-3px!important;
}

.category-front-loaders h3{
max-width:78%!important;
}

.category-front-loaders:hover .category-machine-inside,
.category-front-loaders:hover .category-machine-popout{
transform:none!important;
}

}


/* CATEGORY 3D 05 - BACKHOE LOADERS V157 */

.category-backhoe-loaders{
position:relative!important;
overflow:visible!important;
isolation:isolate!important;
z-index:2;
}

.category-backhoe-loaders .category-machine-clip{
position:absolute!important;
z-index:2!important;
inset:0!important;
overflow:hidden!important;
border-radius:22px!important;
pointer-events:none!important;
}

.category-backhoe-loaders .category-machine-popout-window{
position:absolute!important;
z-index:3!important;
left:0!important;
right:0!important;
top:-90px!important;
bottom:0!important;
overflow:hidden!important;
pointer-events:none!important;
}

.category-backhoe-loaders .category-machine-visual{
position:absolute!important;
width:111%!important;
max-width:none!important;
height:auto!important;

right:-9px!important;
bottom:-5px!important;

pointer-events:none!important;
user-select:none!important;
transform-origin:70% 80%!important;

filter:
drop-shadow(0 16px 23px rgba(0,0,0,.34))
drop-shadow(0 4px 8px rgba(0,0,0,.18))!important;

transition:
transform .32s cubic-bezier(.2,.75,.25,1),
filter .32s ease!important;
}

.category-backhoe-loaders .category-machine-inside{
z-index:2!important;
}

.category-backhoe-loaders .category-machine-popout{
z-index:3!important;
}

.category-backhoe-loaders:after{
z-index:1!important;
}

.category-backhoe-loaders h3,
.category-backhoe-loaders .category-link{
position:relative!important;
z-index:6!important;
color:#fff!important;
}

.category-backhoe-loaders h3{
max-width:78%!important;
}

.category-backhoe-loaders:hover{
z-index:8!important;
}

.category-backhoe-loaders:hover .category-machine-inside,
.category-backhoe-loaders:hover .category-machine-popout{
transform:translate(-4px,-7px) scale(1.03)!important;

filter:
drop-shadow(0 22px 30px rgba(0,0,0,.40))
drop-shadow(0 6px 10px rgba(0,0,0,.22))!important;
}

/* MOBILE */
@media(max-width:750px){

.category-backhoe-loaders .category-machine-clip{
border-radius:17px!important;
}

.category-backhoe-loaders .category-machine-popout-window{
top:-66px!important;
}

.category-backhoe-loaders .category-machine-visual{
width:105%!important;
right:-3px!important;
bottom:-2px!important;
}

.category-backhoe-loaders h3{
max-width:80%!important;
}

.category-backhoe-loaders:hover .category-machine-inside,
.category-backhoe-loaders:hover .category-machine-popout{
transform:none!important;
}

}

/* BACKHOE ARM OUT V161 - размер и положение техники НЕ меняем */
.category-backhoe-loaders .category-machine-popout-window{
overflow:visible!important;
}

.category-backhoe-loaders .category-machine-popout{
clip-path:polygon(
0 0,
46% 0,
46% 54%,
0 54%
)!important;
}

@media(max-width:750px){
.category-backhoe-loaders .category-machine-popout{
clip-path:polygon(
0 0,
48% 0,
48% 56%,
0 56%
)!important;
}
}

/* =========================================================
   CATEGORY 3D 06 - MINI DUMPERS V162
   ========================================================= */

.category-mini-dumpers{
position:relative!important;
overflow:visible!important;
isolation:isolate!important;
z-index:2;
}

.category-mini-dumpers .category-machine-clip{
position:absolute!important;
z-index:2!important;
inset:0!important;
overflow:hidden!important;
border-radius:22px!important;
pointer-events:none!important;
}

/* выпуск только вверх, чтобы не цеплять соседние карточки */
.category-mini-dumpers .category-machine-popout-window{
position:absolute!important;
z-index:3!important;
left:0!important;
right:0!important;
top:-78px!important;
bottom:0!important;
overflow:hidden!important;
pointer-events:none!important;
}

.category-mini-dumpers .category-machine-visual{
position:absolute!important;
width:111%!important;
max-width:none!important;
height:auto!important;
right:-12px!important;
bottom:-5px!important;
pointer-events:none!important;
user-select:none!important;
transform-origin:68% 82%!important;

filter:
drop-shadow(0 16px 23px rgba(0,0,0,.34))
drop-shadow(0 4px 8px rgba(0,0,0,.18))!important;

transition:
transform .32s cubic-bezier(.2,.75,.25,1),
filter .32s ease!important;
}

.category-mini-dumpers .category-machine-inside{
z-index:2!important;
}

.category-mini-dumpers .category-machine-popout{
z-index:3!important;
}

.category-mini-dumpers:after{
z-index:1!important;
}

/* текст ближе всего к пользователю */
.category-mini-dumpers h3,
.category-mini-dumpers .category-link{
position:relative!important;
z-index:6!important;
color:#fff!important;
}

.category-mini-dumpers h3{
max-width:78%!important;
}

.category-mini-dumpers:hover{
z-index:8!important;
}

.category-mini-dumpers:hover .category-machine-inside,
.category-mini-dumpers:hover .category-machine-popout{
transform:translate(-4px,-7px) scale(1.03)!important;
}


/* MOBILE */
@media(max-width:750px){

.category-mini-dumpers .category-machine-clip{
border-radius:17px!important;
}

.category-mini-dumpers .category-machine-popout-window{
top:-58px!important;
}

.category-mini-dumpers .category-machine-visual{
width:105%!important;
right:-3px!important;
bottom:-2px!important;
}

.category-mini-dumpers h3{
max-width:80%!important;
}

.category-mini-dumpers:hover .category-machine-inside,
.category-mini-dumpers:hover .category-machine-popout{
transform:none!important;
}

}


/* =========================================================
   CATEGORY 3D 07 - MIXERS V163
   ========================================================= */

.category-mixers{
position:relative!important;
overflow:visible!important;
isolation:isolate!important;
z-index:2;
}

.category-mixers .category-machine-clip{
position:absolute!important;
z-index:2!important;
inset:0!important;
overflow:hidden!important;
border-radius:22px!important;
pointer-events:none!important;
}

/* техника может выйти вверх, но не залезает в соседние карточки */
.category-mixers .category-machine-popout-window{
position:absolute!important;
z-index:3!important;
left:0!important;
right:0!important;
top:-76px!important;
bottom:0!important;
overflow:hidden!important;
pointer-events:none!important;
}

.category-mixers .category-machine-visual{
position:absolute!important;
width:109%!important;
max-width:none!important;
height:auto!important;

right:-8px!important;
bottom:-4px!important;

pointer-events:none!important;
user-select:none!important;
transform-origin:68% 82%!important;

filter:
drop-shadow(0 16px 23px rgba(0,0,0,.34))
drop-shadow(0 4px 8px rgba(0,0,0,.18))!important;

transition:
transform .32s cubic-bezier(.2,.75,.25,1),
filter .32s ease!important;
}

.category-mixers .category-machine-inside{
z-index:2!important;
}

.category-mixers .category-machine-popout{
z-index:3!important;
}

.category-mixers:after{
z-index:1!important;
}

/* надпись всегда перед техникой */
.category-mixers h3,
.category-mixers .category-link{
position:relative!important;
z-index:6!important;
color:#fff!important;
}

.category-mixers h3{
max-width:76%!important;
}

.category-mixers:hover{
z-index:8!important;
}

.category-mixers:hover .category-machine-inside,
.category-mixers:hover .category-machine-popout{
transform:translate(-4px,-6px) scale(1.03)!important;
}


/* MOBILE */
@media(max-width:750px){

.category-mixers .category-machine-clip{
border-radius:17px!important;
}

.category-mixers .category-machine-popout-window{
top:-56px!important;
}

.category-mixers .category-machine-visual{
width:103%!important;
right:-1px!important;
bottom:-2px!important;
}

.category-mixers h3{
max-width:80%!important;
}

.category-mixers:hover .category-machine-inside,
.category-mixers:hover .category-machine-popout{
transform:none!important;
}

}


/* =========================================================
   CATEGORY 3D 08 - AGRO V164
   ========================================================= */

.category-agro{
position:relative!important;
overflow:visible!important;
isolation:isolate!important;
z-index:2;
}

.category-agro .category-machine-clip{
position:absolute!important;
z-index:2!important;
inset:0!important;
overflow:hidden!important;
border-radius:22px!important;
pointer-events:none!important;
}

.category-agro .category-machine-popout-window{
position:absolute!important;
z-index:3!important;
left:0!important;
right:0!important;
top:-80px!important;
bottom:0!important;
overflow:hidden!important;
pointer-events:none!important;
}

.category-agro .category-machine-visual{
position:absolute!important;
width:110%!important;
max-width:none!important;
height:auto!important;

right:-10px!important;
bottom:-5px!important;

pointer-events:none!important;
user-select:none!important;
transform-origin:68% 82%!important;

filter:
drop-shadow(0 16px 23px rgba(0,0,0,.34))
drop-shadow(0 4px 8px rgba(0,0,0,.18))!important;

transition:
transform .32s cubic-bezier(.2,.75,.25,1),
filter .32s ease!important;
}

.category-agro .category-machine-inside{
z-index:2!important;
}

.category-agro .category-machine-popout{
z-index:3!important;
}

.category-agro:after{
z-index:1!important;
}

.category-agro h3,
.category-agro .category-link{
position:relative!important;
z-index:6!important;
color:#fff!important;
}

.category-agro h3{
max-width:76%!important;
}

.category-agro:hover{
z-index:8!important;
}

.category-agro:hover .category-machine-inside,
.category-agro:hover .category-machine-popout{
transform:translate(-4px,-6px) scale(1.03)!important;
}

/* MOBILE */
@media(max-width:750px){

.category-agro .category-machine-clip{
border-radius:17px!important;
}

.category-agro .category-machine-popout-window{
top:-58px!important;
}

.category-agro .category-machine-visual{
width:104%!important;
right:-2px!important;
bottom:-2px!important;
}

.category-agro h3{
max-width:80%!important;
}

.category-agro:hover .category-machine-inside,
.category-agro:hover .category-machine-popout{
transform:none!important;
}

}


/* MIXERS V165 - slightly lower */
.category-mixers .category-machine-visual{
bottom:-13px!important;
}

@media(max-width:750px){
.category-mixers .category-machine-visual{
bottom:-8px!important;
}
}

/* MIXERS V166 - tiny bit lower */
.category-mixers .category-machine-visual{
bottom:-16px!important;
}

@media(max-width:750px){
.category-mixers .category-machine-visual{
bottom:-10px!important;
}
}

/* =========================================================
   CATEGORY 3D 08 - AGRO V167
   BLOCK -> MACHINE -> TEXT
   ========================================================= */

.category-agro{
position:relative!important;
overflow:visible!important;
isolation:isolate!important;
z-index:2;
}

/* основная часть техники остаётся внутри куба */
.category-agro .category-machine-clip{
position:absolute!important;
z-index:2!important;
inset:0!important;
overflow:hidden!important;
border-radius:22px!important;
pointer-events:none!important;
}

/* наружу выпускаем верхнюю часть техники */
.category-agro .category-machine-popout-window{
position:absolute!important;
z-index:3!important;
left:0!important;
right:0!important;
top:-82px!important;
bottom:0!important;
overflow:hidden!important;
pointer-events:none!important;
}

/* одинаковое положение обеих копий */
.category-agro .category-machine-visual{
position:absolute!important;
width:110%!important;
max-width:none!important;
height:auto!important;

right:-10px!important;
bottom:-5px!important;

pointer-events:none!important;
user-select:none!important;
transform-origin:68% 82%!important;

filter:
drop-shadow(0 16px 23px rgba(0,0,0,.34))
drop-shadow(0 4px 8px rgba(0,0,0,.18))!important;

transition:
transform .32s cubic-bezier(.2,.75,.25,1),
filter .32s ease!important;
}

.category-agro .category-machine-inside{
z-index:2!important;
}

.category-agro .category-machine-popout{
z-index:3!important;
}

/* слой блока ниже техники */
.category-agro:after{
z-index:1!important;
}

/* надпись всегда поверх техники */
.category-agro h3,
.category-agro .category-link{
position:relative!important;
z-index:6!important;
color:#fff!important;
}

.category-agro h3{
max-width:76%!important;
}

.category-agro:hover{
z-index:8!important;
}

.category-agro:hover .category-machine-inside,
.category-agro:hover .category-machine-popout{
transform:translate(-4px,-6px) scale(1.03)!important;
}


/* MOBILE */
@media(max-width:750px){

.category-agro .category-machine-clip{
border-radius:17px!important;
}

.category-agro .category-machine-popout-window{
top:-58px!important;
}

.category-agro .category-machine-visual{
width:104%!important;
right:-2px!important;
bottom:-2px!important;
}

.category-agro h3{
max-width:80%!important;
}

.category-agro:hover .category-machine-inside,
.category-agro:hover .category-machine-popout{
transform:none!important;
}

}


/* AGRO V169 - LEFT + LEFT SIDE OUT */

.category-agro .category-machine-popout-window{
left:-38px!important;
right:0!important;
top:-82px!important;
bottom:0!important;
overflow:visible!important;
}

.category-agro .category-machine-visual{
right:2px!important;
}

@media(max-width:750px){

.category-agro .category-machine-popout-window{
left:-22px!important;
right:0!important;
top:-58px!important;
bottom:0!important;
overflow:visible!important;
}

.category-agro .category-machine-visual{
right:6px!important;
}

}


/* AGRO V170 - MOVE A LITTLE RIGHT, SIZE UNCHANGED */

.category-agro .category-machine-visual{
right:-4px!important;
}

@media(max-width:750px){
.category-agro .category-machine-visual{
right:0!important;
}
}


/* AGRO V171 - MOVE MORE RIGHT, SIZE UNCHANGED */

.category-agro .category-machine-visual{
right:-12px!important;
}

@media(max-width:750px){
.category-agro .category-machine-visual{
right:-6px!important;
}
}


/* CATEGORY TITLES DOWN V172
   Техника и кнопка "Смотреть" не меняются */

.category-card-3d h3{
transform:translateY(26px)!important;
}

@media(max-width:750px){
.category-card-3d h3{
transform:translateY(16px)!important;
}
}


/* CATEGORY TITLES V173 - CLOSE TO "СМОТРЕТЬ" */

.category-card-3d h3{
transform:translateY(44px)!important;
}

@media(max-width:750px){
.category-card-3d h3{
transform:translateY(28px)!important;
}
}


/* =========================================================
   MOBILE CATEGORY COMPOSITION V174
   DESKTOP НЕ ТРОГАЕМ
   ========================================================= */

@media(max-width:750px){

/* больше воздуха между карточками */
.pro-categories{
row-gap:26px!important;
}

/* нормальная высота мобильной карточки */
.category-card-3d{
min-height:310px!important;
padding:22px 20px!important;
overflow:visible!important;
}

/*
   Основная машина остаётся внутри блока.
   Наружу разрешаем выходить только сверху.
*/
.category-card-3d .category-machine-clip{
inset:0!important;
overflow:hidden!important;
border-radius:18px!important;
}

.category-card-3d .category-machine-popout-window{
left:0!important;
right:0!important;
top:-34px!important;
bottom:0!important;
overflow:hidden!important;
}

/* MINI EXCAVATORS */
.category-mini-excavators .category-machine-visual{
width:88%!important;
right:-2px!important;
bottom:3px!important;
}

/* WHEEL EXCAVATORS */
.category-wheel-excavators .category-machine-visual{
width:88%!important;
right:-2px!important;
bottom:2px!important;
}

/* MINI LOADERS */
.category-mini-loaders .category-machine-visual{
width:84%!important;
right:2px!important;
bottom:3px!important;
}

/* FRONT LOADERS */
.category-front-loaders .category-machine-visual{
width:88%!important;
right:-2px!important;
bottom:2px!important;
}

/* BACKHOE LOADERS */
.category-backhoe-loaders .category-machine-visual{
width:87%!important;
right:0!important;
bottom:2px!important;
}

/* MINI DUMPERS */
.category-mini-dumpers .category-machine-visual{
width:86%!important;
right:1px!important;
bottom:2px!important;
}

/* MIXERS */
.category-mixers .category-machine-visual{
width:86%!important;
right:1px!important;
bottom:-2px!important;
}

/* AGRO */
.category-agro .category-machine-visual{
width:90%!important;
right:-2px!important;
bottom:2px!important;
}

/*
   Текст собираем в нижней части карточки.
   Название + Смотреть воспринимаются одним блоком.
*/
.category-card-3d h3{
position:absolute!important;
left:28px!important;
right:22px!important;
bottom:64px!important;
margin:0!important;
max-width:86%!important;
transform:none!important;
z-index:10!important;
}

.category-card-3d .category-link{
position:absolute!important;
left:28px!important;
bottom:24px!important;
margin:0!important;
z-index:10!important;
}

/* на телефоне hover ничего не двигает */
.category-card-3d:hover .category-machine-inside,
.category-card-3d:hover .category-machine-popout{
transform:none!important;
}

}


/* =========================================================
   MOBILE CATEGORY COMPOSITION V174
   DESKTOP НЕ ТРОГАЕМ
   ========================================================= */

@media(max-width:750px){

.pro-categories{
row-gap:26px!important;
}

.category-card-3d{
min-height:310px!important;
padding:22px 20px!important;
overflow:visible!important;
}

.category-card-3d .category-machine-clip{
inset:0!important;
overflow:hidden!important;
border-radius:18px!important;
}

.category-card-3d .category-machine-popout-window{
left:0!important;
right:0!important;
top:-34px!important;
bottom:0!important;
overflow:hidden!important;
}

/* MINI EXCAVATORS */
.category-mini-excavators .category-machine-visual{
width:88%!important;
right:-2px!important;
bottom:3px!important;
}

/* WHEEL EXCAVATORS */
.category-wheel-excavators .category-machine-visual{
width:88%!important;
right:-2px!important;
bottom:2px!important;
}

/* MINI LOADERS */
.category-mini-loaders .category-machine-visual{
width:84%!important;
right:2px!important;
bottom:3px!important;
}

/* FRONT LOADERS */
.category-front-loaders .category-machine-visual{
width:88%!important;
right:-2px!important;
bottom:2px!important;
}

/* BACKHOE LOADERS */
.category-backhoe-loaders .category-machine-visual{
width:87%!important;
right:0!important;
bottom:2px!important;
}

/* MINI DUMPERS */
.category-mini-dumpers .category-machine-visual{
width:86%!important;
right:1px!important;
bottom:2px!important;
}

/* MIXERS */
.category-mixers .category-machine-visual{
width:86%!important;
right:1px!important;
bottom:-2px!important;
}

/* AGRO */
.category-agro .category-machine-visual{
width:90%!important;
right:-2px!important;
bottom:2px!important;
}

/* текст внизу карточки */
.category-card-3d h3{
position:absolute!important;
left:28px!important;
right:22px!important;
bottom:64px!important;
margin:0!important;
max-width:86%!important;
transform:none!important;
z-index:10!important;
}

.category-card-3d .category-link{
position:absolute!important;
left:28px!important;
bottom:24px!important;
margin:0!important;
z-index:10!important;
}

.category-card-3d:hover .category-machine-inside,
.category-card-3d:hover .category-machine-popout{
transform:none!important;
}

}


/* MOBILE CATEGORY CARDS SMALLER V175 */

@media(max-width:750px){

.pro-categories{
row-gap:18px!important;
}

.category-card-3d{
min-height:250px!important;
padding:18px 18px!important;
}

/* немного компактнее техника под новую высоту */
.category-mini-excavators .category-machine-visual{
width:82%!important;
}

.category-wheel-excavators .category-machine-visual{
width:82%!important;
}

.category-mini-loaders .category-machine-visual{
width:79%!important;
}

.category-front-loaders .category-machine-visual{
width:82%!important;
}

.category-backhoe-loaders .category-machine-visual{
width:81%!important;
}

.category-mini-dumpers .category-machine-visual{
width:80%!important;
}

.category-mixers .category-machine-visual{
width:80%!important;
}

.category-agro .category-machine-visual{
width:84%!important;
}

/* текст ближе к низу, но без лишнего воздуха */
.category-card-3d h3{
left:22px!important;
right:18px!important;
bottom:56px!important;
}

.category-card-3d .category-link{
left:22px!important;
bottom:20px!important;
}

}



/* V181 - LEFT SHIFTS ONLY ON MOBILE
   DESKTOP RESTORED TO APPROVED POSITION */

@media(max-width:750px){

/* Колёсный экскаватор */
.category-wheel-excavators .category-machine-visual{
right:12px!important;
}

/* Фронтальный погрузчик */
.category-front-loaders .category-machine-visual{
right:12px!important;
}

/* Мини-самосвал */
.category-mini-dumpers .category-machine-visual{
right:12px!important;
}

/* Сельскохозяйственная техника */
.category-agro .category-machine-visual{
right:10px!important;
}

}





/* =========================================================
   REAL 3D BENEFIT GEAR V187
   ========================================================= */

.business-benefits-grid{
position:relative!important;
overflow:visible!important;
}

.business-benefit-card{
position:relative!important;
}

/* штатный красный кружок остается якорем */
.business-benefit-number{
transition:
opacity .16s ease,
transform .18s ease!important;
}

/* когда шестеренка стоит на кружке, сам кружок скрываем */
.business-benefit-number.gear-occupied{
opacity:0!important;
transform:scale(.72)!important;
}

/* одна настоящая PNG-шестеренка */
.business-real-gear{
position:absolute;
left:0;
top:0;

width:40px;
height:40px;

z-index:30;
pointer-events:none;

will-change:transform;
transform-origin:50% 50%;

filter:
drop-shadow(0 8px 11px rgba(0,0,0,.24))
drop-shadow(0 2px 3px rgba(0,0,0,.16));
}

.business-real-gear img{
display:block;
width:100%;
height:100%;
object-fit:contain;
}

/* мягкая пульсация после приземления */
.business-real-gear.gear-pulse{
animation:realGearPulse .68s ease 2;
}

@keyframes realGearPulse{
0%,100%{
filter:
drop-shadow(0 8px 11px rgba(0,0,0,.24))
drop-shadow(0 0 0 rgba(255,0,0,0));
}

50%{
filter:
drop-shadow(0 7px 10px rgba(0,0,0,.20))
drop-shadow(0 0 12px rgba(255,0,0,.30));
}
}

/* MOBILE */
@media(max-width:750px){

.business-real-gear{
width:34px;
height:34px;
}

}


/* =========================================================
   GEAR RED DOT ANCHOR V190
   ========================================================= */

/* Когда шестерёнка стоит на красной точке, сам красный кружок прячем */
.home-business-benefits .business-benefit-icon.gear-occupied:after{
opacity:0!important;
}

/* Цифры 01-04 больше вообще не участвуют */
.home-business-benefits .business-benefit-number{
opacity:1!important;
transform:none!important;
}


/* =========================================================
   REPLACE ALL RED DOTS WITH 3D GEARS V191
   ========================================================= */

/* Старые красные кружки убираем */
.home-business-benefits .business-benefit-icon:after{
display:none!important;
}

/* Иконка остается базой для позиционирования */
.home-business-benefits .business-benefit-icon{
position:relative!important;
overflow:visible!important;
}

/* 3D gear on every benefit icon */
.home-business-benefits .business-benefit-icon::marker{
display:none!important;
}

.home-business-benefits .business-benefit-icon .benefit-static-gear{
position:absolute;
width:28px;
height:28px;
right:-8px;
bottom:-8px;
z-index:10;
pointer-events:none;
filter:
drop-shadow(0 6px 9px rgba(0,0,0,.24))
drop-shadow(0 2px 3px rgba(0,0,0,.16));
}

.home-business-benefits .business-benefit-icon .benefit-static-gear img{
display:block;
width:100%;
height:100%;
object-fit:contain;
}

/* desktop hover */
.home-business-benefits .business-benefit-card:hover .benefit-static-gear{
transform:rotate(18deg) scale(1.06);
transition:transform .28s ease;
}

/* MOBILE */
@media(max-width:750px){

.home-business-benefits .business-benefit-icon .benefit-static-gear{
width:24px;
height:24px;
right:-7px;
bottom:-7px;
}

}

/* =========================================================
   BENEFIT DOUBLE GEAR MECHANISM V192
   ========================================================= */

.business-benefits-grid{
position:relative!important;
overflow:visible!important;
}

.business-benefit-card{
position:relative!important;
}


/* постоянная шестерёнка */
.home-business-benefits .benefit-static-gear{
transform-origin:50% 50%!important;
transition:none!important;
}

/* отменяем старый одиночный hover */
.home-business-benefits .business-benefit-card:hover .benefit-static-gear{
transform:none!important;
}


/* подвижная шестерёнка */
.business-mechanism-gear{
position:absolute;
left:0;
top:0;

width:28px;
height:28px;

z-index:30;
pointer-events:none;

transform-origin:50% 50%;
will-change:transform;

filter:
drop-shadow(0 6px 9px rgba(0,0,0,.24))
drop-shadow(0 2px 3px rgba(0,0,0,.16));
}

.business-mechanism-gear img{
display:block;
width:100%;
height:100%;
object-fit:contain;
}


/* =============================================
   СЦЕПЛЕННЫЙ МЕХАНИЗМ
   ============================================= */

/* постоянная крутится по часовой */
.business-benefit-card.mechanism-active .benefit-static-gear img{
animation:benefitStaticGearSpin 1.55s linear infinite;
}

/* подвижная против часовой */
.business-mechanism-gear.mechanism-spinning img{
animation:benefitMovingGearSpin 1.55s linear infinite;
}


@keyframes benefitStaticGearSpin{
from{transform:rotate(0deg)}
to{transform:rotate(360deg)}
}

@keyframes benefitMovingGearSpin{
from{transform:rotate(0deg)}
to{transform:rotate(-360deg)}
}


/* лёгкое металлическое оживление активной пары */
.business-benefit-card.mechanism-active .benefit-static-gear{
filter:
drop-shadow(0 6px 9px rgba(0,0,0,.25))
drop-shadow(0 0 7px rgba(255,0,0,.13));
}

.business-mechanism-gear.mechanism-spinning{
filter:
drop-shadow(0 6px 9px rgba(0,0,0,.25))
drop-shadow(0 0 7px rgba(255,0,0,.13));
}


/* MOBILE */
@media(max-width:750px){

.business-mechanism-gear{
width:24px;
height:24px;
}

}


/* =========================================================
   MOVING GEAR BIGGER V193
   ========================================================= */

.business-mechanism-gear{
width:32px!important;
height:32px!important;
}

@media(max-width:750px){
.business-mechanism-gear{
width:27px!important;
height:27px!important;
}
}


/* =========================================================
   CLEAN GEAR DOCKING V201
   ========================================================= */

/*
  Подвижная шестерня в обычном состоянии физически сидит
  внутри business-benefit-icon рядом с постоянной.
*/
.home-business-benefits .business-benefit-icon{
position:relative!important;
overflow:visible!important;
}

.home-business-benefits .business-benefit-icon > .business-mechanism-gear{
position:absolute!important;
left:auto!important;
top:auto!important;

width:32px!important;
height:32px!important;

/* постоянная справа -8px, подвижная стоит вплотную */
right:-36px!important;
bottom:-10px!important;

z-index:20!important;
}


/* во время полёта она находится в body */
body > .business-mechanism-gear.is-flying{
z-index:9999!important;
pointer-events:none!important;
}


/* MOBILE */
@media(max-width:750px){

.home-business-benefits .business-benefit-icon > .business-mechanism-gear{
width:27px!important;
height:27px!important;

/* сцепляем зубья немного плотнее */
right:-30px!important;
bottom:-8px!important;
}

}


/* =========================================================
   HERO 3D LEADERS BADGE V207
   ========================================================= */

.hero-bestseller-fixed.hero-bestseller-image{
background:none!important;
border:0!important;
box-shadow:none!important;
padding:0!important;
overflow:visible!important;

width:var(--hero-badge-desktop)!important;
height:auto!important;
}

.hero-bestseller-image .hero-bestseller-shine,
.hero-bestseller-image .hero-bestseller-text{
display:none!important;
}

.hero-bestseller-image img{
display:block!important;
width:100%!important;
height:auto!important;
max-width:none!important;

filter:
drop-shadow(0 10px 18px rgba(0,0,0,.25))
drop-shadow(0 2px 4px rgba(0,0,0,.18));

pointer-events:none!important;
user-select:none!important;
}

/* лёгкое оживление, без дешёвой пульсации */
.hero-bestseller-image img{
transition:
transform .35s cubic-bezier(.2,.8,.25,1),
filter .35s ease!important;
}

.hero-slider-pro:hover .hero-bestseller-image img{
transform:translateY(-2px) scale(1.025)!important;
filter:
drop-shadow(0 13px 22px rgba(0,0,0,.29))
drop-shadow(0 3px 5px rgba(0,0,0,.18));
}


/* MOBILE */
@media(max-width:750px){

.hero-bestseller-fixed.hero-bestseller-image{
width:var(--hero-badge-mobile)!important;
}

.hero-slider-pro:hover .hero-bestseller-image img{
transform:none!important;
}

}


/* LEADERS BADGE CLEAN V209 - без отражения и лишних эффектов */

.hero-bestseller-image img{
filter:none!important;
}

.hero-slider-pro:hover .hero-bestseller-image img{
transform:none!important;
filter:none!important;
}


/* V210: убрать дурацкий блик/полосу у этикетки Лидеры продаж */
.hero-bestseller-shine,
.hero-bestseller-fixed::before,
.hero-bestseller-fixed::after,
.hero-bestseller-image::before,
.hero-bestseller-image::after{
  content:none !important;
  display:none !important;
  background:none !important;
  box-shadow:none !important;
  filter:none !important;
  opacity:0 !important;
}

.hero-bestseller-fixed img,
.hero-bestseller-image img{
  filter:none !important;
  box-shadow:none !important;
}


/* =========================================================
   BENEFIT MOBILE GEAR STABILITY V211
   Убираем конфликт reveal с механикой шестерёнок
   ========================================================= */

@media(max-width:750px){

.home-business-benefits .business-benefit-card.reveal,
.home-business-benefits .business-benefit-card.reveal.is-visible,
.home-business-benefits .business-benefit-card.reveal.visible,
.home-business-benefits .business-benefit-card.reveal.revealed{
  transform:none!important;
}

/*
  Карточки могут плавно проявляться по opacity,
  но их геометрия больше не двигается.
  Поэтому шестерёнка всегда получает стабильную точку посадки.
*/
.home-business-benefits .business-benefit-card{
  translate:none!important;
}

}


/* =========================================================
   BENEFIT MOBILE STABLE REVEAL V212
   ========================================================= */

@media(max-width:750px){

.home-business-benefits .business-benefit-card.reveal{
  transform:none!important;
  translate:none!important;
  opacity:0;
  transition:opacity .28s ease!important;
}

.home-business-benefits .business-benefit-card.reveal.is-visible,
.home-business-benefits .business-benefit-card.reveal.visible,
.home-business-benefits .business-benefit-card.reveal.revealed{
  transform:none!important;
  translate:none!important;
  opacity:1!important;
}

/* На всякий случай исключаем старые задержки движения */
.home-business-benefits .business-benefit-card{
  transition-property:opacity,background,border-color!important;
}

/* Иконки и шестерёнки тоже не должны наследовать reveal-transform */
.home-business-benefits .business-benefit-icon,
.home-business-benefits .benefit-static-gear,
.home-business-benefits .business-mechanism-gear{
  translate:none!important;
}

}


/* =========================================================
   V216 DESKTOP ONLY
   Выход нужных частей без задвоения
   ========================================================= */

@media(min-width:751px){

/*
  ВАЖНО:
  положение второй копии НЕ меняем.
  Поэтому она совпадает с основной техникой пиксель в пиксель.
*/
.category-wheel-excavators .category-machine-popout-window,
.category-front-loaders .category-machine-popout-window{
  overflow:visible!important;
}


/* Колёсный экскаватор:
   наружу показываем только левую верхнюю часть стрелы и ковша */
.category-wheel-excavators .category-machine-popout{
  clip-path:polygon(
    0% 0%,
    43% 0%,
    43% 54%,
    26% 54%,
    26% 72%,
    0% 72%
  )!important;
}


/* Фронтальный погрузчик:
   наружу показываем только верхний левый ковш */
.category-front-loaders .category-machine-popout{
  clip-path:polygon(
    0% 0%,
    48% 0%,
    48% 43%,
    30% 43%,
    30% 55%,
    0% 55%
  )!important;
}


/* текст всегда сверху */
.category-wheel-excavators h3,
.category-wheel-excavators .category-link,
.category-front-loaders h3,
.category-front-loaders .category-link{
  position:relative!important;
  z-index:10!important;
}

}


/* =========================================================
   V217 DESKTOP ONLY
   Wheel excavator + front loader slightly right
   ========================================================= */

@media(min-width:751px){

.category-wheel-excavators .category-machine-visual{
  right:-24px!important;
}

.category-front-loaders .category-machine-visual{
  right:-22px!important;
}

}


/* =========================================================
   PRODUCT DEMO VISUALS V218
   ========================================================= */

/* карточка каталога */
.product-media{
position:relative!important;
}

.demo-visual-badge{
position:absolute;
z-index:8;
left:12px;
bottom:12px;

display:inline-flex;
align-items:center;
gap:6px;

padding:6px 9px;

border:1px solid rgba(255,255,255,.16);
border-radius:8px;

background:rgba(18,20,18,.78);
backdrop-filter:blur(8px);
-webkit-backdrop-filter:blur(8px);

color:#fff;
font-size:10px;
font-weight:700;
line-height:1;
letter-spacing:.02em;
white-space:nowrap;

box-shadow:0 5px 14px rgba(0,0,0,.15);

pointer-events:none;
}

.demo-visual-badge:before{
content:"";
width:6px;
height:6px;
border-radius:50%;
background:#ff0000;
box-shadow:0 0 8px rgba(255,0,0,.32);
flex:0 0 6px;
}


/* CGI в обычной товарной карточке */
.product-media .product-demo-image{
object-fit:contain!important;
}


/* страница товара */
.product-media-stage{
position:relative!important;
}

.product-page-demo-badge{
position:absolute;
z-index:20;
left:18px;
bottom:18px;

display:inline-flex;
align-items:center;
gap:7px;

padding:8px 11px;

border:1px solid rgba(255,255,255,.18);
border-radius:9px;

background:rgba(18,20,18,.82);
backdrop-filter:blur(9px);
-webkit-backdrop-filter:blur(9px);

color:#fff;
font-size:11px;
font-weight:700;
line-height:1;
letter-spacing:.02em;

box-shadow:0 7px 18px rgba(0,0,0,.16);

pointer-events:none;
}

.product-page-demo-badge:before{
content:"";
width:7px;
height:7px;
border-radius:50%;
background:#ff0000;
box-shadow:0 0 9px rgba(255,0,0,.34);
}


/* MOBILE */
@media(max-width:750px){

.demo-visual-badge{
left:9px;
bottom:9px;
padding:5px 7px;
font-size:9px;
border-radius:7px;
}

.product-page-demo-badge{
left:12px;
bottom:12px;
padding:7px 9px;
font-size:10px;
}

}


/* =========================================================
   VOSTOK MAGNETIC GEAR MOTION V220
   ========================================================= */

/* Подвижная шестерёнка всегда один fixed-элемент */
body > .business-mechanism-gear.magnetic-gear{
position:fixed!important;
left:0!important;
top:0!important;

width:32px!important;
height:32px!important;

right:auto!important;
bottom:auto!important;

z-index:9999!important;

pointer-events:none!important;

transform-origin:center center!important;
will-change:transform,filter!important;

filter:
drop-shadow(0 7px 10px rgba(0,0,0,.22))
drop-shadow(0 2px 3px rgba(0,0,0,.14));

transition:
filter .18s ease!important;
}


/* Внутренняя PNG */
body > .business-mechanism-gear.magnetic-gear img{
display:block!important;
width:100%!important;
height:100%!important;
object-fit:contain!important;
transform-origin:center center!important;
}


/* =========================================
   ПОЛЁТ
   ========================================= */

body > .business-mechanism-gear.magnetic-gear.is-flying{
filter:
drop-shadow(0 13px 16px rgba(0,0,0,.24))
drop-shadow(0 0 12px rgba(255,0,0,.20))!important;
}


/* красный энергетический след */
body > .business-mechanism-gear.magnetic-gear:after{
content:"";

position:absolute;
z-index:-1;

left:18%;
top:18%;
width:64%;
height:64%;

border-radius:50%;

background:
radial-gradient(
circle,
rgba(255,20,10,.38) 0%,
rgba(255,0,0,.16) 42%,
rgba(255,0,0,0) 72%
);

filter:blur(7px);

opacity:0;

transform:scale(.6);

transition:
opacity .16s ease,
transform .2s ease;
}


body > .business-mechanism-gear.magnetic-gear.is-flying:after{
opacity:.72;
transform:scale(1.8);
}


/* =========================================
   МАГНИТНОЕ ПРИТЯЖЕНИЕ ЦЕЛИ
   ========================================= */

.home-business-benefits
.business-benefit-card.mechanism-attract
.benefit-static-gear{
filter:
drop-shadow(0 6px 9px rgba(0,0,0,.20))
drop-shadow(0 0 13px rgba(255,0,0,.30))!important;

transform:scale(1.075)!important;
}


/* =========================================
   СЦЕПЛЕНИЕ
   ========================================= */

.home-business-benefits
.business-benefit-card.mechanism-lock{
box-shadow:
0 0 0 1px rgba(255,0,0,.12),
inset 0 0 34px rgba(255,0,0,.055)!important;
}


/* короткий импульс иконки */
.home-business-benefits
.business-benefit-card.mechanism-lock
.business-benefit-icon{
animation:vtIconMagneticLock .42s ease both;
}


@keyframes vtIconMagneticLock{

0%{
filter:none;
}

40%{
filter:
drop-shadow(0 0 13px rgba(255,0,0,.30));
}

100%{
filter:none;
}

}


/* =========================================
   СИНХРОННЫЙ МЕХАНИЗМ
   ========================================= */

.home-business-benefits
.business-benefit-card.mechanism-active
.benefit-static-gear img{
animation:
vtStaticGearSpin 1.25s linear infinite!important;
}


body >
.business-mechanism-gear.magnetic-gear.mechanism-spinning img{
animation:
vtMovingGearSpin 1.25s linear infinite!important;
}


@keyframes vtStaticGearSpin{
from{transform:rotate(0deg)}
to{transform:rotate(360deg)}
}


@keyframes vtMovingGearSpin{
from{transform:rotate(0deg)}
to{transform:rotate(-360deg)}
}


/* =========================================
   MOBILE
   ========================================= */

@media(max-width:750px){

body > .business-mechanism-gear.magnetic-gear{
width:27px!important;
height:27px!important;
}

body > .business-mechanism-gear.magnetic-gear.is-flying{
filter:
drop-shadow(0 8px 11px rgba(0,0,0,.20))
drop-shadow(0 0 8px rgba(255,0,0,.17))!important;
}

.home-business-benefits
.business-benefit-card.mechanism-attract
.benefit-static-gear{
transform:scale(1.05)!important;
}

}


/* =========================================================
   MAGNETIC GEAR ATTACHED TO BENEFIT BLOCK V221
   ========================================================= */

/*
  КЛЮЧЕВОЕ:
  подвижная шестерёнка больше не привязана к экрану.
  Она физически находится внутри business-benefits-grid.
*/
.business-benefits-grid{
position:relative!important;
overflow:visible!important;
}

.business-benefits-grid > .business-mechanism-gear.magnetic-gear{
position:absolute!important;

left:0!important;
top:0!important;
right:auto!important;
bottom:auto!important;

width:32px!important;
height:32px!important;

z-index:30!important;

pointer-events:none!important;
will-change:transform,filter!important;

transform-origin:center center!important;

filter:
drop-shadow(0 7px 10px rgba(0,0,0,.22))
drop-shadow(0 2px 3px rgba(0,0,0,.14));
}

.business-benefits-grid > .business-mechanism-gear.magnetic-gear img{
display:block!important;
width:100%!important;
height:100%!important;
object-fit:contain!important;
transform-origin:center center!important;
}

/* полёт */
.business-benefits-grid > .business-mechanism-gear.magnetic-gear.is-flying{
filter:
drop-shadow(0 13px 16px rgba(0,0,0,.24))
drop-shadow(0 0 12px rgba(255,0,0,.20))!important;
}

/* красное свечение в полёте */
.business-benefits-grid > .business-mechanism-gear.magnetic-gear:after{
content:"";
position:absolute;
z-index:-1;

left:18%;
top:18%;
width:64%;
height:64%;

border-radius:50%;

background:
radial-gradient(
circle,
rgba(255,20,10,.38) 0%,
rgba(255,0,0,.16) 42%,
rgba(255,0,0,0) 72%
);

filter:blur(7px);
opacity:0;
transform:scale(.6);

transition:
opacity .16s ease,
transform .2s ease;
}

.business-benefits-grid > .business-mechanism-gear.magnetic-gear.is-flying:after{
opacity:.72;
transform:scale(1.8);
}

/* вращение подвижной шестерёнки после сцепления */
.business-benefits-grid >
.business-mechanism-gear.magnetic-gear.mechanism-spinning img{
animation:
vtMovingGearSpin 1.25s linear infinite!important;
}


/* MOBILE */
@media(max-width:750px){

.business-benefits-grid > .business-mechanism-gear.magnetic-gear{
width:27px!important;
height:27px!important;
}

.business-benefits-grid > .business-mechanism-gear.magnetic-gear.is-flying{
filter:
drop-shadow(0 8px 11px rgba(0,0,0,.20))
drop-shadow(0 0 8px rgba(255,0,0,.17))!important;
}

}


/* =========================================================
   V222 DESKTOP TELEGRAM SIZE
   ========================================================= */

@media(min-width:751px){

.header-socials .header-social-link.header-tg svg{
    scale:.90!important;
    transform-origin:center center!important;
}

}


/* =========================================================
   V223 DESKTOP TELEGRAM WHOLE ICON
   ========================================================= */

@media(min-width:751px){

/* возвращаем самолётик к обычному размеру внутри кнопки */
.header-socials .header-social-link.header-tg svg{
    scale:1!important;
    transform:none!important;
}

/* уменьшаем всю Telegram-кнопку целиком */
.header-socials .header-social-link.header-tg{
    transform:scale(.90)!important;
    transform-origin:center center!important;
}

}


/* =========================================================
   V224 DESKTOP TELEGRAM HOVER
   ========================================================= */

@media(min-width:1051px){

/* обычное состояние, Telegram немного меньше WhatsApp */
.header-socials .header-social-link.header-tg{
    transform:scale(.90)!important;
    transform-origin:center center!important;
}

/* при наведении двигается точно так же, как WhatsApp */
.header-socials .header-social-link.header-tg:hover{
    transform:translateY(-2px) scale(.945)!important;
    box-shadow:0 6px 15px rgba(0,0,0,.16)!important;
}

}



/* =========================================================
   VOSTOK AI CHAT V226
   ========================================================= */

.vt-ai-chat{
position:fixed;
inset:0;
z-index:12000;
pointer-events:none;
visibility:hidden;
}

.vt-ai-chat.open{
pointer-events:auto;
visibility:visible;
}

.vt-ai-backdrop{
position:absolute;
inset:0;
background:rgba(9,10,10,.12);
backdrop-filter:blur(1.5px);
-webkit-backdrop-filter:blur(1.5px);
opacity:0;
transition:opacity .24s ease;
}

.vt-ai-chat.open .vt-ai-backdrop{
opacity:1;
}


/* WINDOW */

.vt-ai-panel{
position:absolute;
right:22px;
bottom:92px;

width:min(410px,calc(100vw - 32px));
height:min(650px,calc(100vh - 125px));

display:flex;
flex-direction:column;

overflow:hidden;

border:1px solid rgba(255,255,255,.10);
border-radius:24px;

background:
linear-gradient(
180deg,
rgba(24,25,25,.99) 0%,
rgba(17,18,18,.995) 100%
);

box-shadow:
0 30px 80px rgba(0,0,0,.30),
0 8px 26px rgba(0,0,0,.16),
inset 0 1px 0 rgba(255,255,255,.055);

transform:
translate3d(0,18px,0)
scale(.965);

opacity:0;

transform-origin:bottom right;

transition:
transform .28s cubic-bezier(.22,.8,.26,1),
opacity .22s ease;
}

.vt-ai-chat.open .vt-ai-panel{
transform:translate3d(0,0,0) scale(1);
opacity:1;
}


/* HEADER */

.vt-ai-header{
height:74px;
flex:0 0 74px;

display:flex;
align-items:center;

padding:0 16px;

border-bottom:1px solid rgba(255,255,255,.07);

background:
linear-gradient(
180deg,
rgba(255,255,255,.035),
rgba(255,255,255,0)
);
}

.vt-ai-avatar{
position:relative;
width:42px;
height:42px;
flex:0 0 42px;

display:grid;
place-items:center;

border-radius:13px;

background:
linear-gradient(
145deg,
#ff1a12,
#c80000
);

box-shadow:
0 8px 18px rgba(255,0,0,.18),
inset 0 1px 0 rgba(255,255,255,.24);
}

.vt-ai-avatar span{
color:#fff;
font-size:13px;
font-weight:900;
letter-spacing:-.03em;
}

.vt-ai-avatar i{
position:absolute;
right:-1px;
bottom:-1px;

width:10px;
height:10px;

border:2px solid #181919;
border-radius:50%;

background:#36d66b;
}

.vt-ai-title{
min-width:0;
margin-left:12px;

display:flex;
flex-direction:column;
gap:4px;
}

.vt-ai-title strong{
color:#fff;
font-size:14px;
line-height:1.15;
font-weight:800;
}

.vt-ai-title > span{
display:flex;
align-items:center;
gap:6px;

color:rgba(255,255,255,.50);
font-size:10px;
font-weight:600;
}

.vt-ai-title > span i{
width:5px;
height:5px;
border-radius:50%;
background:#36d66b;
}

.vt-ai-close{
margin-left:auto;

width:36px;
height:36px;

border:0;
border-radius:12px;

display:grid;
place-items:center;

background:rgba(255,255,255,.055);
color:rgba(255,255,255,.68);

font-size:24px;
font-weight:300;
line-height:1;

cursor:pointer;

transition:
background .18s ease,
color .18s ease,
transform .18s ease;
}

.vt-ai-close:hover{
background:rgba(255,255,255,.10);
color:#fff;
transform:rotate(4deg);
}


/* CONTEXT */

.vt-ai-context{
padding:11px 16px 10px;

border-bottom:1px solid rgba(255,255,255,.055);

background:rgba(255,255,255,.018);
}

.vt-ai-context span{
display:block;

margin-bottom:3px;

color:#ff3a32;
font-size:9px;
font-weight:900;
text-transform:uppercase;
letter-spacing:.12em;
}

.vt-ai-context p{
margin:0;

color:rgba(255,255,255,.48);
font-size:10px;
line-height:1.35;
}


/* MESSAGES */

.vt-ai-messages{
flex:1;
min-height:0;

overflow-y:auto;
overscroll-behavior:contain;

padding:18px 15px 14px;

scrollbar-width:thin;
scrollbar-color:
rgba(255,255,255,.12)
transparent;
}

.vt-ai-message{
display:flex;
margin-bottom:12px;

animation:
vtAiMessageIn .26s
cubic-bezier(.22,.8,.26,1)
both;
}

.vt-ai-message.is-user{
justify-content:flex-end;
}

.vt-ai-message.is-ai{
justify-content:flex-start;
}

.vt-ai-bubble{
max-width:84%;

padding:10px 12px;

border-radius:15px;
}

.vt-ai-message.is-ai .vt-ai-bubble{
border:1px solid rgba(255,255,255,.075);

border-top-left-radius:5px;

background:
rgba(255,255,255,.055);

box-shadow:
0 5px 16px rgba(0,0,0,.07);
}

.vt-ai-message.is-user .vt-ai-bubble{
border-top-right-radius:5px;

background:
linear-gradient(
145deg,
#f31912,
#c90000
);

box-shadow:
0 7px 18px rgba(255,0,0,.10);
}

.vt-ai-message-text{
white-space:pre-wrap;
word-break:break-word;

color:rgba(255,255,255,.91);
font-size:12px;
line-height:1.48;
}

.vt-ai-message.is-user .vt-ai-message-text{
color:#fff;
}

@keyframes vtAiMessageIn{
from{
opacity:0;
transform:translateY(7px) scale(.985);
}
to{
opacity:1;
transform:none;
}
}


/* TYPING */

.vt-ai-typing{
flex:0 0 auto;

margin:0 15px 8px;
padding:8px 11px;

align-items:center;
gap:4px;

width:max-content;
max-width:calc(100% - 30px);

border:1px solid rgba(255,255,255,.06);
border-radius:12px;

background:rgba(255,255,255,.04);
}

.vt-ai-typing:not([hidden]){
display:flex;
}

.vt-ai-typing > span{
width:5px;
height:5px;

border-radius:50%;

background:rgba(255,255,255,.62);

animation:vtAiDot 1.05s ease-in-out infinite;
}

.vt-ai-typing > span:nth-child(2){
animation-delay:.12s;
}

.vt-ai-typing > span:nth-child(3){
animation-delay:.24s;
}

.vt-ai-typing em{
margin-left:4px;

color:rgba(255,255,255,.38);
font-size:9px;
font-style:normal;
}

@keyframes vtAiDot{
0%,60%,100%{
opacity:.3;
transform:translateY(0);
}
30%{
opacity:1;
transform:translateY(-3px);
}
}


/* MANAGER */

.vt-ai-lead-area{
flex:0 0 auto;

margin:0 15px 10px;
padding:10px;

border:1px solid rgba(255,50,40,.18);
border-radius:14px;

background:
linear-gradient(
135deg,
rgba(255,0,0,.075),
rgba(255,255,255,.025)
);
}

.vt-ai-lead-area:not([hidden]){
display:block;
}

.vt-ai-manager-btn{
width:100%;

padding:10px 12px;

border:0;
border-radius:10px;

background:#fff;
color:#111;

font-size:11px;
font-weight:800;

cursor:pointer;

transition:
transform .16s ease,
background .16s ease;
}

.vt-ai-manager-btn:hover{
transform:translateY(-1px);
background:#f2f2f2;
}

.vt-ai-lead-area small{
display:block;
margin-top:6px;

text-align:center;

color:rgba(255,255,255,.36);
font-size:8px;
}


/* INPUT */

.vt-ai-form{
flex:0 0 auto;

display:flex;
align-items:flex-end;
gap:8px;

margin:0 14px;
padding:7px 7px 7px 12px;

border:1px solid rgba(255,255,255,.09);
border-radius:16px;

background:
rgba(255,255,255,.055);

box-shadow:
inset 0 1px 0 rgba(255,255,255,.025);

transition:
border-color .18s ease,
background .18s ease,
box-shadow .18s ease;
}

.vt-ai-form:focus-within{
border-color:rgba(255,45,35,.32);
background:rgba(255,255,255,.07);

box-shadow:
0 0 0 3px rgba(255,0,0,.045);
}

.vt-ai-form textarea{
flex:1;
min-width:0;
max-height:120px;

resize:none;
overflow-y:auto;

padding:7px 0;

border:0!important;
outline:0!important;

background:transparent!important;
box-shadow:none!important;

color:#fff!important;
-webkit-text-fill-color:#fff!important;

font:inherit;
font-size:12px;
line-height:1.4;
}

.vt-ai-form textarea::placeholder{
color:rgba(255,255,255,.32);
}

.vt-ai-send{
width:38px;
height:38px;
flex:0 0 38px;

display:grid;
place-items:center;

border:0;
border-radius:12px;

background:
linear-gradient(
145deg,
#ff2018,
#d00000
);

color:#fff;

box-shadow:
0 7px 16px rgba(255,0,0,.16);

cursor:pointer;

transition:
transform .17s ease,
opacity .17s ease,
box-shadow .17s ease;
}

.vt-ai-send:hover{
transform:translateY(-1px) scale(1.025);

box-shadow:
0 9px 21px rgba(255,0,0,.22);
}

.vt-ai-send:disabled{
opacity:.38;
cursor:default;
transform:none;
}

.vt-ai-send svg{
width:18px;
height:18px;

fill:none;
stroke:currentColor;
stroke-width:1.8;
stroke-linecap:round;
stroke-linejoin:round;
}


/* DISCLAIMER */

.vt-ai-disclaimer{
flex:0 0 auto;

padding:8px 15px 11px;

color:rgba(255,255,255,.27);
font-size:8px;
line-height:1.25;
text-align:center;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:750px){

body.vt-ai-open{
overflow:hidden!important;
}

.vt-ai-backdrop{
background:rgba(8,9,9,.30);
}

.vt-ai-panel{
left:8px;
right:8px;

bottom:
max(
8px,
env(safe-area-inset-bottom)
);

width:auto;

height:
min(
720px,
calc(
100dvh -
16px -
env(safe-area-inset-top) -
env(safe-area-inset-bottom)
)
);

max-height:none;

border-radius:22px;

transform:
translate3d(0,26px,0)
scale(.98);

transform-origin:bottom center;
}

.vt-ai-header{
height:68px;
flex-basis:68px;

padding:0 13px;
}

.vt-ai-avatar{
width:39px;
height:39px;
flex-basis:39px;

border-radius:12px;
}

.vt-ai-context{
padding:9px 13px;
}

.vt-ai-context p{
font-size:9.5px;
}

.vt-ai-messages{
padding:
15px
12px
10px;
}

.vt-ai-bubble{
max-width:88%;
padding:9px 11px;
}

.vt-ai-message-text{
font-size:12px;
line-height:1.45;
}

.vt-ai-typing{
margin-left:12px;
margin-right:12px;
}

.vt-ai-lead-area{
margin-left:12px;
margin-right:12px;
}

.vt-ai-form{
margin-left:10px;
margin-right:10px;
}

.vt-ai-disclaimer{
padding-bottom:
max(
9px,
env(safe-area-inset-bottom)
);
}

}


/* REDUCED MOTION */

@media(prefers-reduced-motion:reduce){

.vt-ai-panel,
.vt-ai-message,
.vt-ai-typing > span{
animation:none!important;
transition:none!important;
}

}



/* CHAT ASSISTANT BRAND AVATAR V238 */
.vt-ai-avatar{
    position:relative!important;
    overflow:visible!important;
}

.vt-ai-avatar-logo{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
}

.vt-ai-avatar > i{
    position:absolute!important;
    z-index:5!important;
}


/* CHAT AVATAR CLEAN V239 */
.vt-ai-avatar{
    background:transparent!important;
    border:none!important;
    box-shadow:none!important;
    padding:0!important;
}

.vt-ai-avatar-logo{
    background:transparent!important;
    border:none!important;
    box-shadow:none!important;
}

/* CHAT AVATAR SIZE V240 */
.vt-ai-avatar{
    width:58px!important;
    height:58px!important;
    min-width:58px!important;
    min-height:58px!important;
    background:transparent!important;
    border:none!important;
    box-shadow:none!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
}

.vt-ai-avatar-logo{
    width:44px!important;
    height:44px!important;
    object-fit:contain!important;
    display:block!important;
    background:transparent!important;
    border:none!important;
    box-shadow:none!important;
}

@media(max-width:750px){
    .vt-ai-avatar{
        width:54px!important;
        height:54px!important;
        min-width:54px!important;
        min-height:54px!important;
    }

    .vt-ai-avatar-logo{
        width:40px!important;
        height:40px!important;
    }
}

/* CHAT AVATAR REAL LOGO SCALE V241 */

/* Возвращаем исходный размер контейнера */
.vt-ai-avatar{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    flex:0 0 42px!important;
    flex-basis:42px!important;

    background:transparent!important;
    border:none!important;
    box-shadow:none!important;
    padding:0!important;

    position:relative!important;
    display:grid!important;
    place-items:center!important;
    overflow:visible!important;
}

/* Увеличиваем ТОЛЬКО сам логотип */
.vt-ai-avatar-logo{
    width:100%!important;
    height:100%!important;

    object-fit:contain!important;
    object-position:center!important;

    transform:scale(1.45)!important;
    transform-origin:center center!important;

    background:transparent!important;
    border:none!important;
    box-shadow:none!important;

    display:block!important;
    pointer-events:none!important;
}

/* Индикатор остаётся привязан к старому контейнеру */
.vt-ai-avatar > i{
    z-index:5!important;
}

@media(max-width:750px){
    .vt-ai-avatar{
        width:39px!important;
        height:39px!important;
        min-width:39px!important;
        min-height:39px!important;
        flex:0 0 39px!important;
        flex-basis:39px!important;
    }

    .vt-ai-avatar-logo{
        width:100%!important;
        height:100%!important;
        transform:scale(1.45)!important;
    }
}

/* CHAT AVATAR LOGO SCALE V242 */
.vt-ai-avatar-logo{
    transform:scale(1.30)!important;
}

@media(max-width:750px){
    .vt-ai-avatar-logo{
        transform:scale(1.30)!important;
    }
}


/* FLOATING ASSISTANT BRAND ICON V243 */

.assistant-btn .assistant-btn-mark{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    flex:0 0 34px!important;

    display:grid!important;
    place-items:center!important;

    padding:3px!important;

    background:#fff!important;
    border:1.5px solid #111!important;
    border-radius:50%!important;

    box-sizing:border-box!important;
    overflow:hidden!important;

    box-shadow:
        0 2px 6px rgba(0,0,0,.16)!important;

    color:#111!important;
}

.assistant-btn .assistant-btn-mark img{
    display:block!important;
    width:100%!important;
    height:100%!important;

    object-fit:contain!important;
    object-position:center!important;

    border:none!important;
    background:transparent!important;
    box-shadow:none!important;
}

.assistant-btn .assistant-btn-mark b{
    font-size:10px!important;
    line-height:1!important;
}

@media(max-width:650px){

    .assistant-btn .assistant-btn-mark{
        width:31px!important;
        height:31px!important;
        min-width:31px!important;
        flex:0 0 31px!important;
        padding:3px!important;
    }

}


/* =========================================================
   FLOATING ASSISTANT CIRCLE V244
   ========================================================= */

/* Внешняя область больше не имеет чёрного фона */
.floating-actions{
    background:transparent!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    box-shadow:none!important;
    padding:0!important;
}

/* Сама кнопка становится единственным белым кругом */
.floating-actions .assistant-btn{
    width:58px!important;
    min-width:58px!important;
    height:58px!important;

    padding:0!important;
    gap:0!important;

    display:grid!important;
    place-items:center!important;

    background:#fff!important;
    border:1.5px solid #151515!important;
    border-radius:50%!important;

    box-shadow:
        0 8px 26px rgba(0,0,0,.14),
        0 2px 7px rgba(0,0,0,.08)!important;

    overflow:visible!important;
}

/* Старый внутренний круг больше не рисуем */
.floating-actions .assistant-btn .assistant-btn-mark{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    flex:0 0 42px!important;

    padding:0!important;
    margin:0!important;

    display:grid!important;
    place-items:center!important;

    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:visible!important;
}

/* Фирменный знак */
.floating-actions .assistant-btn .assistant-btn-mark img{
    width:100%!important;
    height:100%!important;

    display:block!important;

    object-fit:contain!important;
    object-position:center!important;

    background:transparent!important;
    border:0!important;
    box-shadow:none!important;

    pointer-events:none!important;
}

/* Текст возле кнопки больше никогда не показываем */
.floating-actions .assistant-btn em{
    display:none!important;
}


/* MOBILE */
@media(max-width:650px){

    .floating-actions{
        right:12px!important;
        bottom:12px!important;

        background:transparent!important;
        padding:0!important;
        border-radius:0!important;
        box-shadow:none!important;
        backdrop-filter:none!important;
        -webkit-backdrop-filter:none!important;
    }

    .floating-actions .assistant-btn{
        width:54px!important;
        min-width:54px!important;
        height:54px!important;

        padding:0!important;
        border-radius:50%!important;
    }

    .floating-actions .assistant-btn .assistant-btn-mark{
        width:39px!important;
        height:39px!important;
        min-width:39px!important;
    }
}


/* =========================================================
   PREMIUM ASSISTANT GREETING V245
   ========================================================= */

.assistant-greeting{
    position:fixed!important;

    right:20px!important;
    bottom:91px!important;

    z-index:79!important;

    width:min(358px,calc(100vw - 32px))!important;

    padding:17px 17px 15px!important;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.985),
            rgba(250,250,248,.975)
        )!important;

    border:
        1px solid
        rgba(18,18,18,.12)!important;

    border-radius:22px!important;

    box-shadow:
        0 26px 70px rgba(18,20,17,.18),
        0 8px 24px rgba(18,20,17,.08),
        inset 0 1px 0 rgba(255,255,255,.95)!important;

    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;

    color:#111!important;

    opacity:0!important;

    transform:
        translateY(14px)
        translateX(6px)
        scale(.94)!important;

    transform-origin:
        calc(100% - 28px)
        calc(100% + 30px)!important;

    pointer-events:none!important;

    transition:
        opacity .34s cubic-bezier(.2,.8,.2,1),
        transform .46s cubic-bezier(.16,1,.3,1)!important;
}

.assistant-greeting.show{
    opacity:1!important;

    transform:
        translateY(0)
        translateX(0)
        scale(1)!important;

    pointer-events:auto!important;
}


/* Указатель к круглой кнопке */
.assistant-greeting::after{
    content:"";

    position:absolute;

    right:23px;
    bottom:-7px;

    width:14px;
    height:14px;

    background:#fbfbf9;

    border-right:
        1px solid
        rgba(18,18,18,.12);

    border-bottom:
        1px solid
        rgba(18,18,18,.12);

    transform:rotate(45deg);

    border-radius:0 0 3px 0;
}


/* Верх */
.assistant-greeting-top{
    display:grid!important;

    grid-template-columns:
        38px
        minmax(0,1fr)
        8px!important;

    align-items:center!important;

    gap:10px!important;

    padding-right:30px!important;
}


.assistant-greeting-avatar{
    width:38px;
    height:38px;

    display:grid;
    place-items:center;

    border-radius:50%;

    background:#fff;

    border:1px solid rgba(0,0,0,.10);

    box-shadow:
        0 4px 12px rgba(0,0,0,.08);

    padding:4px;

    overflow:hidden;
}

.assistant-greeting-avatar img{
    width:100%;
    height:100%;

    object-fit:contain;

    display:block;
}

.assistant-greeting-avatar b{
    font-size:10px;
}


.assistant-greeting-top div{
    min-width:0;
}

.assistant-greeting-top small{
    display:block;

    margin-bottom:2px;

    color:#858985;

    font-size:8px;

    line-height:1;

    font-weight:900;

    letter-spacing:.13em;
}

.assistant-greeting-top strong{
    display:block;

    color:#171917;

    font-size:11px;

    line-height:1.25;

    font-weight:900;
}


/* Online indicator */
.assistant-greeting-online{
    width:7px;
    height:7px;

    border-radius:50%;

    background:#42c875;

    box-shadow:
        0 0 0 4px rgba(66,200,117,.12);
}


/* Текст */
.assistant-greeting-copy{
    margin-top:15px!important;
}

.assistant-greeting-copy h3{
    margin:0 0 6px!important;

    color:#111!important;

    font-size:18px!important;

    line-height:1.08!important;

    letter-spacing:-.025em!important;

    font-weight:950!important;
}

.assistant-greeting-copy p{
    margin:0!important;

    max-width:290px!important;

    color:#666b66!important;

    font-size:10.5px!important;

    line-height:1.55!important;

    font-weight:550!important;
}


/* CTA */
.assistant-greeting-action{
    width:100%;

    margin-top:14px;

    padding:10px 12px;

    display:flex;
    align-items:center;
    justify-content:space-between;

    border:0;

    border-radius:13px;

    background:#151715;

    color:#fff;

    cursor:pointer;

    box-shadow:
        0 5px 14px rgba(0,0,0,.10);

    transition:
        transform .2s ease,
        background .2s ease,
        box-shadow .2s ease;
}

.assistant-greeting-action span{
    font-size:10px;
    font-weight:900;
}

.assistant-greeting-action svg{
    width:16px;
    height:16px;

    fill:none;

    stroke:currentColor;

    stroke-width:1.8;

    stroke-linecap:round;
    stroke-linejoin:round;

    transition:transform .2s ease;
}

.assistant-greeting-action:hover{
    background:#050505;

    transform:translateY(-1px);

    box-shadow:
        0 8px 19px rgba(0,0,0,.14);
}

.assistant-greeting-action:hover svg{
    transform:translateX(3px);
}


/* Закрытие */
.assistant-greeting .assistant-greeting-close{
    position:absolute!important;

    right:10px!important;
    top:10px!important;

    width:28px!important;
    height:28px!important;

    display:grid!important;
    place-items:center!important;

    padding:0!important;

    border:0!important;

    border-radius:50%!important;

    background:#f1f2ef!important;

    color:#737773!important;

    font-size:17px!important;

    line-height:1!important;

    cursor:pointer!important;

    transition:
        background .18s ease,
        color .18s ease,
        transform .18s ease!important;
}

.assistant-greeting .assistant-greeting-close:hover{
    color:#111!important;

    background:#e8e9e6!important;

    transform:rotate(5deg)!important;
}


/* MOBILE */
@media(max-width:650px){

    .assistant-greeting{
        right:12px!important;
        bottom:80px!important;

        width:calc(100vw - 24px)!important;

        padding:
            16px
            16px
            14px!important;

        border-radius:20px!important;
    }

    .assistant-greeting::after{
        right:20px!important;
    }

    .assistant-greeting-copy h3{
        font-size:17px!important;
    }

    .assistant-greeting-copy p{
        max-width:100%!important;

        font-size:10.5px!important;
    }
}


/* Reduced motion */
@media(prefers-reduced-motion:reduce){

    .assistant-greeting{
        transition:
            opacity .18s ease!important;
    }

}

/* GREETING ONLINE DOT V251 */

.assistant-greeting-top{
    position:relative!important;
}

/* Индикатор рядом с логотипом */
.assistant-greeting-online{
    position:absolute!important;

    left:30px!important;
    top:28px!important;

    width:8px!important;
    height:8px!important;

    margin:0!important;

    border:2px solid #fff!important;
    border-radius:50%!important;

    background:#39d275!important;

    box-shadow:
        0 0 0 2px rgba(57,210,117,.13),
        0 2px 5px rgba(0,0,0,.12)!important;

    z-index:5!important;
}

@media(max-width:650px){
    .assistant-greeting-online{
        left:28px!important;
        top:26px!important;
    }
}


/* =========================================================
   SECOND MICRO REMINDER V252
   ========================================================= */

/*
 * Второе сообщение специально почти вдвое меньше первого.
 */
.assistant-greeting.is-reminder{
    width:min(190px,calc(100vw - 24px))!important;

    padding:
        10px
        33px
        10px
        11px!important;

    border-radius:15px!important;

    box-shadow:
        0 14px 36px rgba(18,20,17,.12),
        0 4px 12px rgba(18,20,17,.055)!important;
}


/* Миниатюрная верхняя строка */
.assistant-greeting.is-reminder
.assistant-greeting-top{
    grid-template-columns:
        25px
        minmax(0,1fr)!important;

    gap:7px!important;

    padding-right:0!important;
}


.assistant-greeting.is-reminder
.assistant-greeting-avatar{
    width:25px!important;
    height:25px!important;

    padding:2px!important;
}


.assistant-greeting.is-reminder
.assistant-greeting-top small{
    font-size:5.5px!important;
    letter-spacing:.11em!important;
}


.assistant-greeting.is-reminder
.assistant-greeting-top strong{
    margin-top:2px!important;

    font-size:8px!important;
}


/* Зелёная точка остаётся на иконке */
.assistant-greeting.is-reminder
.assistant-greeting-online{
    left:20px!important;
    top:19px!important;

    width:7px!important;
    height:7px!important;

    border-width:2px!important;
}


/* Второй текст сильно компактнее */
.assistant-greeting.is-reminder
.assistant-greeting-copy{
    margin-top:8px!important;
}


.assistant-greeting.is-reminder
.assistant-greeting-copy h3{
    margin:0 0 3px!important;

    font-size:11.5px!important;
    line-height:1.12!important;
}


.assistant-greeting.is-reminder
.assistant-greeting-copy p{
    margin:0!important;

    max-width:140px!important;

    font-size:7.5px!important;
    line-height:1.4!important;
}


/* Маленький крестик */
.assistant-greeting.is-reminder
.assistant-greeting-close{
    right:6px!important;
    top:6px!important;

    width:21px!important;
    height:21px!important;

    font-size:13px!important;
}


/* Маленький хвостик */
.assistant-greeting.is-reminder::after{
    right:20px!important;

    width:9px!important;
    height:9px!important;

    bottom:-5px!important;
}


@media(max-width:650px){

    .assistant-greeting.is-reminder{
        width:185px!important;

        right:12px!important;
        bottom:76px!important;
    }

}


/* ASSISTANT CLOSE FIX V253 */

.assistant-greeting{
    isolation:isolate!important;
}

.assistant-greeting .assistant-greeting-close{
    position:absolute!important;
    z-index:100!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
    cursor:pointer!important;
}

.assistant-greeting-top,
.assistant-greeting-copy{
    position:relative!important;
    z-index:1!important;
}



/* =========================================================
   ASSISTANT NOTIFICATION MOTION V254
   ========================================================= */

@keyframes vtAssistantNotifyV254{

    0%{
        transform:
            translate3d(0,0,0)
            scale(1);
    }

    8%{
        transform:
            translate3d(-1px,0,0)
            rotate(-2deg)
            scale(1.025);
    }

    16%{
        transform:
            translate3d(2px,0,0)
            rotate(2.5deg)
            scale(1.035);
    }

    24%{
        transform:
            translate3d(-2px,0,0)
            rotate(-2deg)
            scale(1.03);
    }

    33%{
        transform:
            translate3d(1px,0,0)
            rotate(1.3deg)
            scale(1.02);
    }

    43%{
        transform:
            translate3d(0,0,0)
            rotate(0)
            scale(1);
    }

    58%{
        transform:
            translate3d(0,-2px,0)
            scale(1.045);
    }

    72%{
        transform:
            translate3d(0,0,0)
            scale(1);
    }

    100%{
        transform:
            translate3d(0,0,0)
            scale(1);
    }

}


.floating-actions .assistant-btn.assistant-notification-pulse{
    animation:
        vtAssistantNotifyV254
        1.05s
        cubic-bezier(.22,.8,.2,1)
        2!important;

    box-shadow:
        0 10px 30px rgba(0,0,0,.16),
        0 0 0 6px rgba(255,0,0,.045)!important;
}


@media(prefers-reduced-motion:reduce){

    .floating-actions
    .assistant-btn.assistant-notification-pulse{
        animation:none!important;
    }

}

/* =========================================================
   SHARP ASSISTANT VIBRATION V255
   ========================================================= */

@keyframes vtAssistantHardVibrationV255{

    0%{
        transform:translate3d(0,0,0) rotate(0deg);
    }

    8%{
        transform:translate3d(-4px,0,0) rotate(-2deg);
    }

    16%{
        transform:translate3d(4px,0,0) rotate(2deg);
    }

    24%{
        transform:translate3d(-4px,0,0) rotate(-2deg);
    }

    32%{
        transform:translate3d(4px,0,0) rotate(2deg);
    }

    40%{
        transform:translate3d(-3px,0,0) rotate(-1.5deg);
    }

    48%{
        transform:translate3d(3px,0,0) rotate(1.5deg);
    }

    56%{
        transform:translate3d(-3px,0,0) rotate(-1.5deg);
    }

    64%{
        transform:translate3d(3px,0,0) rotate(1.5deg);
    }

    72%{
        transform:translate3d(-2px,0,0) rotate(-1deg);
    }

    80%{
        transform:translate3d(2px,0,0) rotate(1deg);
    }

    90%{
        transform:translate3d(-1px,0,0) rotate(-.5deg);
    }

    100%{
        transform:translate3d(0,0,0) rotate(0deg);
    }
}


.floating-actions
.assistant-btn.assistant-notification-pulse{
    animation:
        vtAssistantHardVibrationV255
        .42s
        linear
        4!important;

    transform-origin:center center!important;
}


/* =========================================================
   ASSISTANT HOVER V256
   ========================================================= */

.floating-actions .assistant-btn{
    transition:
        transform .20s cubic-bezier(.22,.8,.2,1),
        box-shadow .20s ease!important;
}

/* Наведение, только когда кнопка не вибрирует */
@media(hover:hover) and (pointer:fine){

    .floating-actions
    .assistant-btn:not(.assistant-notification-pulse):hover{
        transform:
            translateY(-2px)
            scale(1.055)!important;

        box-shadow:
            0 12px 32px rgba(0,0,0,.18),
            0 3px 9px rgba(0,0,0,.08)!important;
    }

    .floating-actions
    .assistant-btn:not(.assistant-notification-pulse):hover
    .assistant-btn-mark{
        transform:scale(1.035)!important;
    }

}

.floating-actions .assistant-btn-mark{
    transition:
        transform .20s cubic-bezier(.22,.8,.2,1)!important;
}

.floating-actions .assistant-btn:active{
    transform:
        translateY(0)
        scale(.97)!important;
}

@media(prefers-reduced-motion:reduce){
    .floating-actions .assistant-btn,
    .floating-actions .assistant-btn-mark{
        transition:none!important;
    }
}


/* =========================================================
   COMPACT DESKTOP COOKIE V258
   ========================================================= */

@media(min-width:651px){

    .cookie-banner{
        left:18px!important;
        right:auto!important;
        bottom:18px!important;

        width:420px!important;
        max-width:calc(100vw - 36px)!important;

        margin:0!important;

        padding:15px 16px!important;

        display:none!important;

        flex-direction:column!important;
        align-items:stretch!important;
        justify-content:flex-start!important;

        gap:12px!important;

        border-radius:18px!important;

        background:rgba(255,255,255,.985)!important;

        box-shadow:
            0 18px 52px rgba(0,0,0,.16),
            0 5px 16px rgba(0,0,0,.06)!important;

        backdrop-filter:blur(14px)!important;
        -webkit-backdrop-filter:blur(14px)!important;
    }

    .cookie-banner.show{
        display:flex!important;
    }

    .cookie-banner strong{
        display:block!important;

        font-size:12px!important;
        line-height:1.25!important;

        margin:0 0 5px!important;
    }

    .cookie-banner p{
        max-width:none!important;

        margin:0 0 5px!important;

        font-size:9.5px!important;
        line-height:1.5!important;
    }

    .cookie-banner a{
        display:inline-block!important;

        font-size:8.5px!important;
        line-height:1.2!important;
    }

    .cookie-actions{
        width:100%!important;
        min-width:0!important;

        display:grid!important;
        grid-template-columns:1fr 1fr!important;

        gap:7px!important;
    }

    .cookie-actions .btn{
        width:100%!important;

        padding:9px 10px!important;

        font-size:9px!important;

        border-radius:11px!important;
    }

}


/* =========================================================
   DESKTOP COOKIE EXTRA COMPACT V259
   ========================================================= */

@media(min-width:651px){

    .cookie-banner{
        width:360px!important;
        max-width:calc(100vw - 32px)!important;

        left:16px!important;
        bottom:16px!important;

        padding:12px 13px!important;

        gap:9px!important;

        border-radius:15px!important;

        box-shadow:
            0 14px 38px rgba(0,0,0,.12),
            0 3px 10px rgba(0,0,0,.045)!important;
    }

    .cookie-banner strong{
        margin:0 0 4px!important;

        font-size:11px!important;
        line-height:1.2!important;
    }

    .cookie-banner p{
        margin:0 0 4px!important;

        font-size:8.5px!important;
        line-height:1.42!important;
    }

    .cookie-banner a{
        font-size:8px!important;
    }

    .cookie-actions{
        gap:6px!important;
    }

    .cookie-actions .btn{
        min-height:31px!important;

        padding:7px 8px!important;

        border-radius:9px!important;

        font-size:8px!important;
        line-height:1.1!important;
    }

}


/* =========================================================
   BENEFIT INNER MOTION V260
   Internal scenes only. V220/V221 magnetic gears are untouched.
   ========================================================= */

.home-business-benefits .benefit-motion-machines,
.home-business-benefits .benefit-motion-tools{
position:relative!important;
z-index:2!important;
display:block!important;
width:38px!important;
height:38px!important;
overflow:visible!important;
pointer-events:none!important;
}

/* 01: reference-based machinery */
.home-business-benefits .benefit-motion-machines .benefit-machine{
position:absolute!important;
inset:0!important;
display:grid!important;
place-items:center!important;
opacity:0;
clip-path:inset(100% 0 0 0);
transform:translateX(3px) scale(.96);
transform-origin:center!important;
}

.home-business-benefits .benefit-motion-machines .benefit-machine img{
display:block!important;
position:static!important;
z-index:auto!important;
height:auto!important;
object-fit:contain!important;
filter:none!important;
}

.home-business-benefits .benefit-machine-tractor{
opacity:1;
clip-path:inset(0 0 0 0);
transform:none;
}

.home-business-benefits .benefit-machine-tractor img{
width:35px!important;
max-width:35px!important;
max-height:34px!important;
}

.home-business-benefits .benefit-machine-loader img{
width:31px!important;
max-width:31px!important;
max-height:35px!important;
}

.home-business-benefits .benefit-machine-dumper img{
width:38px!important;
max-width:38px!important;
max-height:25px!important;
}

.home-business-benefits .benefit-machine-scan{
position:absolute;
left:2px;
right:2px;
top:50%;
height:1px;
border-radius:999px;
background:rgba(20,22,20,.28);
opacity:0;
transform:translateY(-12px);
pointer-events:none;
}

.home-business-benefits .business-benefit-card:hover .benefit-machine-tractor,
.home-business-benefits .business-benefit-card.mechanism-active .benefit-machine-tractor{
animation:vtBenefitTractor260 6.9s cubic-bezier(.45,0,.2,1) infinite;
}
.home-business-benefits .business-benefit-card:hover .benefit-machine-loader,
.home-business-benefits .business-benefit-card.mechanism-active .benefit-machine-loader{
animation:vtBenefitLoader260 6.9s cubic-bezier(.45,0,.2,1) infinite;
}
.home-business-benefits .business-benefit-card:hover .benefit-machine-dumper,
.home-business-benefits .business-benefit-card.mechanism-active .benefit-machine-dumper{
animation:vtBenefitDumper260 6.9s cubic-bezier(.45,0,.2,1) infinite;
}
.home-business-benefits .business-benefit-card:hover .benefit-machine-scan,
.home-business-benefits .business-benefit-card.mechanism-active .benefit-machine-scan{
animation:vtBenefitScan260 6.9s ease-in-out infinite;
}

@keyframes vtBenefitTractor260{
0%,25%{opacity:1;transform:translate(0,0) scale(1);clip-path:inset(0 0 0 0)}
29%{opacity:0;transform:translateX(-3px) scale(.96);clip-path:inset(0 0 100% 0)}
30%,94%{opacity:0;transform:translateX(3px) scale(.96);clip-path:inset(100% 0 0 0)}
100%{opacity:1;transform:translate(0,0) scale(1);clip-path:inset(0 0 0 0)}
}
@keyframes vtBenefitLoader260{
0%,27%{opacity:0;transform:translateX(3px) scale(.96);clip-path:inset(100% 0 0 0)}
32%,57%{opacity:1;transform:translate(0,0) scale(1);clip-path:inset(0 0 0 0)}
61%{opacity:0;transform:translateX(-3px) scale(.96);clip-path:inset(0 0 100% 0)}
62%,100%{opacity:0;transform:translateX(3px) scale(.96);clip-path:inset(100% 0 0 0)}
}
@keyframes vtBenefitDumper260{
0%,59%{opacity:0;transform:translateX(3px) scale(.96);clip-path:inset(100% 0 0 0)}
64%,91%{opacity:1;transform:translate(0,0) scale(1);clip-path:inset(0 0 0 0)}
96%,100%{opacity:0;transform:translateX(-3px) scale(.96);clip-path:inset(0 0 100% 0)}
}
@keyframes vtBenefitScan260{
0%,25%,34%,57%,66%,91%,100%{opacity:0;transform:translateY(-12px)}
27%,30%,59%,62%,93%,96%{opacity:.5;transform:translateY(12px)}
}

/* 02: document check */
.home-business-benefits .benefit-motion-svg{
position:relative!important;
z-index:2!important;
width:34px!important;
height:34px!important;
fill:none!important;
stroke:#161816!important;
stroke-width:1.7!important;
stroke-linecap:round!important;
stroke-linejoin:round!important;
overflow:visible!important;
}

.home-business-benefits .benefit-doc-paper{
transform-box:fill-box;
transform-origin:center;
}

.home-business-benefits .benefit-doc-check{
opacity:0;
stroke-width:2.1!important;
stroke-dasharray:1;
stroke-dashoffset:1;
}

.home-business-benefits .business-benefit-card:hover .benefit-doc-paper,
.home-business-benefits .business-benefit-card.mechanism-active .benefit-doc-paper{
animation:vtBenefitDocPulse260 4.8s cubic-bezier(.45,0,.2,1) infinite;
}
.home-business-benefits .business-benefit-card:hover .benefit-doc-check,
.home-business-benefits .business-benefit-card.mechanism-active .benefit-doc-check{
animation:vtBenefitDocCheck260 4.8s cubic-bezier(.45,0,.2,1) infinite;
}

@keyframes vtBenefitDocPulse260{
0%,29%,43%,100%{transform:scale(1)}
35%{transform:scale(1.025)}
}
@keyframes vtBenefitDocCheck260{
0%,15%{opacity:0;stroke-dashoffset:1}
18%{opacity:1;stroke-dashoffset:1}
34%,70%{opacity:1;stroke-dashoffset:0}
79%,100%{opacity:0;stroke-dashoffset:0}
}

/* 03: user's exact open-end wrench reference + clean hex nut */
.home-business-benefits .benefit-motion-tools{
width:38px!important;
height:38px!important;
}

.home-business-benefits .benefit-tool-nut{
position:absolute!important;
z-index:1!important;
right:7.6px!important;
top:1.3px!important;
width:17px!important;
height:17px!important;
fill:none!important;
stroke:#161816!important;
stroke-width:1.35!important;
stroke-linecap:round!important;
stroke-linejoin:round!important;
overflow:visible!important;
transform-origin:71% 34%!important;
}

.home-business-benefits .benefit-tool-wrench{
position:absolute!important;
z-index:2!important;
left:-2px!important;
bottom:1px!important;
width:31px!important;
height:auto!important;
max-width:none!important;
object-fit:contain!important;
filter:none!important;
pointer-events:none!important;
transform-origin:82% 17%!important;
transform:translate(-3px,1px) rotate(-8deg);
}

.home-business-benefits .business-benefit-card:hover .benefit-tool-wrench,
.home-business-benefits .business-benefit-card.mechanism-active .benefit-tool-wrench{
animation:vtBenefitWrench260 4.7s cubic-bezier(.45,0,.2,1) infinite;
}
.home-business-benefits .business-benefit-card:hover .benefit-tool-nut,
.home-business-benefits .business-benefit-card.mechanism-active .benefit-tool-nut{
animation:vtBenefitNut260 4.7s cubic-bezier(.45,0,.2,1) infinite;
}

@keyframes vtBenefitWrench260{
0%,12%{transform:translate(-3px,1px) rotate(-8deg)}
24%,36%{transform:translate(2px,-4px) rotate(0deg)}
48%,57%{transform:translate(2px,-4px) rotate(24deg)}
66%{transform:translate(1px,-2px) rotate(12deg)}
78%,100%{transform:translate(-3px,1px) rotate(-8deg)}
}
@keyframes vtBenefitNut260{
0%,36%{transform:rotate(0deg)}
48%,57%{transform:rotate(42deg)}
66%,100%{transform:rotate(42deg)}
}

/* 04: delivery truck */
.home-business-benefits .benefit-motion-truck{
overflow:hidden!important;
}

.home-business-benefits .benefit-truck-motion,
.home-business-benefits .benefit-truck-body,
.home-business-benefits .benefit-truck-wheel{
transform-box:view-box;
}
.home-business-benefits .benefit-truck-motion{transform-origin:center}
.home-business-benefits .benefit-truck-body{transform-origin:center}
.home-business-benefits .benefit-truck-wheel-left{transform-origin:15px 35px}
.home-business-benefits .benefit-truck-wheel-right{transform-origin:36px 35px}

.home-business-benefits .benefit-truck-road{
opacity:.38;
stroke-width:1.2!important;
stroke-dasharray:3 3;
}
.home-business-benefits .benefit-delivery-complete{opacity:0}
.home-business-benefits .benefit-delivery-ring,
.home-business-benefits .benefit-delivery-check{
stroke-dasharray:1;
stroke-dashoffset:1;
}
.home-business-benefits .benefit-delivery-check{stroke-width:2.2!important}

.home-business-benefits .business-benefit-card:hover .benefit-truck-motion,
.home-business-benefits .business-benefit-card.mechanism-active .benefit-truck-motion{
animation:vtBenefitTruck260 6s cubic-bezier(.42,0,.18,1) infinite;
}
.home-business-benefits .business-benefit-card:hover .benefit-truck-body,
.home-business-benefits .business-benefit-card.mechanism-active .benefit-truck-body{
animation:vtBenefitTruckSusp260 .72s ease-in-out infinite;
}
.home-business-benefits .business-benefit-card:hover .benefit-truck-wheel,
.home-business-benefits .business-benefit-card.mechanism-active .benefit-truck-wheel{
animation:vtBenefitWheel260 .72s linear infinite;
}
.home-business-benefits .business-benefit-card:hover .benefit-truck-road,
.home-business-benefits .business-benefit-card.mechanism-active .benefit-truck-road{
animation:vtBenefitRoad260 .72s linear infinite;
}
.home-business-benefits .business-benefit-card:hover .benefit-delivery-complete,
.home-business-benefits .business-benefit-card.mechanism-active .benefit-delivery-complete{
animation:vtBenefitDeliveryState260 6s ease infinite;
}
.home-business-benefits .business-benefit-card:hover .benefit-delivery-ring,
.home-business-benefits .business-benefit-card.mechanism-active .benefit-delivery-ring{
animation:vtBenefitRing260 6s cubic-bezier(.45,0,.2,1) infinite;
}
.home-business-benefits .business-benefit-card:hover .benefit-delivery-check,
.home-business-benefits .business-benefit-card.mechanism-active .benefit-delivery-check{
animation:vtBenefitDeliveryCheck260 6s cubic-bezier(.45,0,.2,1) infinite;
}

@keyframes vtBenefitTruck260{
0%,5%{opacity:0;transform:translateX(-46px)}
10%{opacity:1;transform:translateX(-37px)}
24%{opacity:1;transform:translateX(-19px)}
43%{opacity:1;transform:translateX(0)}
58%{opacity:1;transform:translateX(17px)}
70%{opacity:1;transform:translateX(39px)}
75%{opacity:0;transform:translateX(48px)}
76%,100%{opacity:0;transform:translateX(48px)}
}
@keyframes vtBenefitTruckSusp260{
0%,100%{transform:translateY(0)}
38%{transform:translateY(-.45px)}
72%{transform:translateY(.25px)}
}
@keyframes vtBenefitWheel260{to{transform:rotate(360deg)}}
@keyframes vtBenefitRoad260{to{stroke-dashoffset:-6}}
@keyframes vtBenefitDeliveryState260{
0%,76%{opacity:0;transform:scale(.92)}
80%,94%{opacity:1;transform:scale(1)}
98%,100%{opacity:0;transform:scale(.97)}
}
@keyframes vtBenefitRing260{
0%,76%{stroke-dashoffset:1}
84%,94%{stroke-dashoffset:0}
98%,100%{stroke-dashoffset:0}
}
@keyframes vtBenefitDeliveryCheck260{
0%,80%{stroke-dashoffset:1}
87%,94%{stroke-dashoffset:0}
98%,100%{stroke-dashoffset:0}
}

@media(max-width:750px){
.home-business-benefits .benefit-motion-machines,
.home-business-benefits .benefit-motion-tools{
width:31px!important;
height:31px!important;
}
.home-business-benefits .benefit-machine-tractor img{
width:29px!important;
max-width:29px!important;
max-height:28px!important;
}
.home-business-benefits .benefit-machine-loader img{
width:25px!important;
max-width:25px!important;
max-height:29px!important;
}
.home-business-benefits .benefit-machine-dumper img{
width:31px!important;
max-width:31px!important;
max-height:21px!important;
}
.home-business-benefits .benefit-motion-svg{
width:28px!important;
height:28px!important;
}
.home-business-benefits .benefit-tool-nut{
width:14px!important;
height:14px!important;
stroke-width:1.2!important;
}
.home-business-benefits .benefit-tool-wrench{
width:26px!important;
left:-2px!important;
bottom:1px!important;
}
}

@media(prefers-reduced-motion:reduce){
.home-business-benefits .benefit-machine-tractor{
opacity:1!important;transform:none!important;clip-path:none!important
}
.home-business-benefits .benefit-machine-loader,
.home-business-benefits .benefit-machine-dumper,
.home-business-benefits .benefit-machine-scan,
.home-business-benefits .benefit-doc-check,
.home-business-benefits .benefit-delivery-complete{
opacity:0!important
}
.home-business-benefits .benefit-tool-wrench{
transform:translate(-3px,1px) rotate(-8deg)!important
}
.home-business-benefits .benefit-tool-nut,
.home-business-benefits .benefit-truck-motion,
.home-business-benefits .benefit-truck-body,
.home-business-benefits .benefit-truck-wheel{
transform:none!important
}
}

/* =========================================================
   BENEFIT INNER MOTION LIVE FIX V265
   Only inner white icon scenes. Gear system untouched.
   ========================================================= */

/* 01: tractor must be visible before hover */
.home-business-benefits
.benefit-motion-machines
.benefit-machine.benefit-machine-tractor{
    opacity:1;
    clip-path:inset(0 0 0 0);
    transform:translate(0,0) scale(1);
}

/* 03: prevent old global icon rules from resizing wrench/nut */
.home-business-benefits
.business-benefit-icon
.benefit-motion-tools
.benefit-tool-nut{
    position:absolute!important;
    right:7.6px!important;
    top:1.3px!important;
    width:17px!important;
    height:17px!important;
    stroke-width:1.35!important;
    filter:none!important;
}

.home-business-benefits
.business-benefit-icon
.benefit-motion-tools
.benefit-tool-wrench{
    position:absolute!important;
    left:-2px!important;
    bottom:1px!important;
    width:31px!important;
    height:auto!important;
    max-width:none!important;
    object-fit:contain!important;
    transform-origin:82% 17%!important;
}

@media(max-width:750px){

    .home-business-benefits
    .business-benefit-icon
    .benefit-motion-tools
    .benefit-tool-nut{
        width:14px!important;
        height:14px!important;
        stroke-width:1.2!important;
    }

    .home-business-benefits
    .business-benefit-icon
    .benefit-motion-tools
    .benefit-tool-wrench{
        width:26px!important;
        height:auto!important;
        left:-2px!important;
        bottom:1px!important;
    }

}

/* =========================================================
   PRODUCT CARDS RED ACCENT V268
   Original light cards + red line/glow only
   ========================================================= */

.product-card{
  position:relative;
}

/* тонкая красная линия снизу */
.product-card:before{
  content:"";
  position:absolute;
  z-index:20;
  left:20%;
  right:20%;
  bottom:0;
  height:2px;
  border-radius:999px;
  background:#ff0000;
  opacity:.48;
  box-shadow:0 0 12px rgba(255,0,0,.30);
  pointer-events:none;
  transition:
    left .28s ease,
    right .28s ease,
    opacity .28s ease,
    box-shadow .28s ease;
}

@media(hover:hover){

  .product-card:hover{
    border-color:rgba(255,0,0,.34)!important;
    box-shadow:
      var(--shadow),
      0 10px 32px rgba(255,0,0,.12)!important;
  }

  .product-card:hover:before{
    left:6%;
    right:6%;
    opacity:1;
    box-shadow:
      0 0 14px rgba(255,0,0,.65),
      0 0 30px rgba(255,0,0,.24);
  }

}


/* =========================================================
   BUNDLE CARDS V269
   Modern dark attachment cards
   ========================================================= */

.bundle-section .bundle-list-pro{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  border:0!important;
  align-content:start;
}

.bundle-section .bundle-list-pro>a{
  position:relative!important;
  display:grid!important;
  grid-template-columns:1fr 38px!important;
  grid-template-rows:auto 1fr!important;
  gap:0 14px!important;
  align-items:start!important;

  min-height:172px;
  padding:20px!important;

  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:20px!important;

  background:
    linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018))!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 12px 28px rgba(0,0,0,.12);

  overflow:hidden!important;
  isolation:isolate;
  text-decoration:none!important;

  transition:
    transform .26s ease,
    border-color .26s ease,
    box-shadow .26s ease,
    background .26s ease!important;
}

/* red lower accent */
.bundle-section .bundle-list-pro>a:before{
  content:"";
  position:absolute;
  z-index:3;
  left:22%;
  right:22%;
  bottom:0;
  height:2px;
  border-radius:999px 999px 0 0;
  background:#ff0000;
  opacity:.38;
  box-shadow:0 0 12px rgba(255,0,0,.28);
  pointer-events:none;

  transition:
    left .28s ease,
    right .28s ease,
    opacity .28s ease,
    box-shadow .28s ease;
}

/* soft inner red glow */
.bundle-section .bundle-list-pro>a:after{
  content:"";
  position:absolute;
  z-index:-1;
  width:150px;
  height:150px;
  right:-80px;
  bottom:-95px;
  border-radius:50%;
  background:radial-gradient(
    circle,
    rgba(255,0,0,.15) 0%,
    rgba(255,0,0,.06) 38%,
    rgba(255,0,0,0) 72%
  );
  opacity:.38;
  transition:opacity .26s ease,transform .26s ease;
  pointer-events:none;
}

/* number */
.bundle-section .bundle-list-pro>a>span:first-child{
  grid-column:1!important;
  grid-row:1!important;

  width:max-content;
  min-width:34px;
  height:25px;

  display:inline-flex!important;
  align-items:center;
  justify-content:center;

  padding:0 8px;
  border:1px solid rgba(255,0,0,.26);
  border-radius:999px;

  background:rgba(255,0,0,.07);
  color:#ff3b30!important;

  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.06em;
}

/* text */
.bundle-section .bundle-list-pro>a>div{
  grid-column:1 / -1!important;
  grid-row:2!important;
  padding-top:24px;
  padding-right:6px;
}

.bundle-section .bundle-list-pro h3{
  margin:0 0 8px!important;
  color:#fff!important;
  font-size:18px!important;
  line-height:1.12!important;
  letter-spacing:-.025em;
}

.bundle-section .bundle-list-pro p{
  margin:0!important;
  max-width:290px;
  color:rgba(255,255,255,.50)!important;
  font-size:11px!important;
  line-height:1.55!important;
}

/* arrow button */
.bundle-section .bundle-list-pro>a>svg{
  grid-column:2!important;
  grid-row:1!important;
  justify-self:end;
  align-self:start;

  width:36px!important;
  height:36px!important;
  padding:9px;

  border:1px solid rgba(255,255,255,.11);
  border-radius:11px;

  background:rgba(255,255,255,.045);
  color:#fff!important;

  transition:
    transform .22s ease,
    border-color .22s ease,
    background .22s ease!important;
}


/* DESKTOP HOVER */

@media(hover:hover){

  .bundle-section .bundle-list-pro>a:hover{
    transform:translateY(-5px)!important;

    border-color:rgba(255,0,0,.32)!important;

    background:
      linear-gradient(145deg,rgba(255,255,255,.072),rgba(255,255,255,.025))!important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.045),
      0 20px 38px rgba(0,0,0,.22),
      0 8px 28px rgba(255,0,0,.09)!important;
  }

  .bundle-section .bundle-list-pro>a:hover:before{
    left:7%;
    right:7%;
    opacity:1;
    box-shadow:
      0 0 14px rgba(255,0,0,.62),
      0 0 30px rgba(255,0,0,.20);
  }

  .bundle-section .bundle-list-pro>a:hover:after{
    opacity:.8;
    transform:scale(1.18);
  }

  .bundle-section .bundle-list-pro>a:hover>svg{
    transform:translateX(3px)!important;
    border-color:rgba(255,0,0,.42);
    background:rgba(255,0,0,.09);
  }

}


/* MOBILE */

@media(max-width:750px){

  .bundle-section .bundle-pro{
    gap:34px!important;
  }

  .bundle-section .bundle-list-pro{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  .bundle-section .bundle-list-pro>a{
    min-height:148px;
    padding:18px!important;
    border-radius:18px!important;
  }

  .bundle-section .bundle-list-pro>a>div{
    padding-top:20px;
  }

  .bundle-section .bundle-list-pro h3{
    font-size:17px!important;
  }

  .bundle-section .bundle-list-pro p{
    max-width:none;
  }

}


/* =========================================================
   MOBILE HOME SECTIONS V274
   Popular products + attachment bundle
   Desktop untouched
   ========================================================= */

@media(max-width:750px){

  /* =======================================================
     POPULAR MODELS
     С чего обычно начинают выбор
     ======================================================= */

  .popular-section{
    padding-top:48px!important;
    padding-bottom:52px!important;
  }

  .popular-section .section-heading{
    display:block!important;
    margin-bottom:24px!important;
  }

  .popular-section .section-heading>div{
    width:100%!important;
  }

  .popular-section .section-heading h2{
    max-width:100%!important;
    margin-top:8px!important;
    font-size:30px!important;
    line-height:1.03!important;
    letter-spacing:-.04em!important;
  }

  .popular-section .section-heading>p{
    max-width:100%!important;
    margin:12px 0 0!important;
    font-size:13px!important;
    line-height:1.55!important;
  }

  .popular-section .product-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
  }

  .popular-section .product-card{
    width:100%!important;
    max-width:none!important;
    border-radius:20px!important;
    overflow:hidden!important;
  }

  .popular-section .product-media{
    height:225px!important;
  }

  .popular-section .product-media img{
    padding:8px!important;
  }

  .popular-section .product-info{
    padding:17px!important;
  }

  .popular-section .product-info h3{
    margin:5px 0 14px!important;
    font-size:18px!important;
    line-height:1.14!important;
  }

  .popular-section .product-info dl div{
    padding:9px 0!important;
    gap:12px!important;
  }

  .popular-section .product-info dt,
  .popular-section .product-info dd{
    font-size:11px!important;
    line-height:1.35!important;
  }

  .popular-section .product-bottom{
    margin-top:7px!important;
    padding-top:14px!important;
  }

  .popular-section .product-bottom strong{
    font-size:14px!important;
  }

  .popular-section .product-bottom>a{
    font-size:11px!important;
  }

  .popular-section .product-shop-actions{
    margin-top:12px!important;
    padding-top:12px!important;
    justify-content:flex-start!important;
  }

  .popular-section .product-shop-actions button{
    width:40px!important;
    height:40px!important;
    flex-basis:40px!important;
  }

  .popular-section .center{
    margin-top:22px!important;
  }

  .popular-section .center .btn{
    width:100%!important;
    justify-content:center!important;
  }


  /* =======================================================
     ATTACHMENT BUNDLE
     Навесное оборудование под конкретные задачи
     ======================================================= */

  .bundle-section{
    padding-top:48px!important;
    padding-bottom:52px!important;
  }

  .bundle-section .bundle-pro{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:28px!important;
  }

  .bundle-section .bundle-copy{
    width:100%!important;
  }

  .bundle-section .bundle-copy h2{
    max-width:100%!important;
    margin-top:8px!important;
    font-size:30px!important;
    line-height:1.03!important;
    letter-spacing:-.04em!important;
  }

  .bundle-section .bundle-copy>p{
    max-width:100%!important;
    margin-top:14px!important;
    font-size:13px!important;
    line-height:1.55!important;
  }

  .bundle-section .bundle-copy .plain-link{
    margin-top:17px!important;
  }

  .bundle-section .bundle-list-pro{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    width:100%!important;
  }

  .bundle-section .bundle-list-pro>a{
    min-height:136px!important;
    padding:16px!important;
    border-radius:17px!important;
    grid-template-columns:1fr 36px!important;
    gap:0 12px!important;
  }

  .bundle-section .bundle-list-pro>a>span:first-child{
    min-width:32px!important;
    height:24px!important;
    padding:0 7px!important;
    font-size:9px!important;
  }

  .bundle-section .bundle-list-pro>a>svg{
    width:34px!important;
    height:34px!important;
    padding:8px!important;
    border-radius:10px!important;
  }

  .bundle-section .bundle-list-pro>a>div{
    padding-top:18px!important;
    padding-right:0!important;
  }

  .bundle-section .bundle-list-pro h3{
    margin-bottom:6px!important;
    font-size:17px!important;
    line-height:1.12!important;
  }

  .bundle-section .bundle-list-pro p{
    max-width:none!important;
    font-size:11px!important;
    line-height:1.5!important;
  }

  .bundle-section .bundle-list-pro>a:before{
    left:18%!important;
    right:18%!important;
    opacity:.5!important;
  }

  .bundle-section .bundle-list-pro>a:after{
    width:130px!important;
    height:130px!important;
    right:-70px!important;
    bottom:-82px!important;
  }

}


/* =========================================================
   WARRANTY / SERVICE REDESIGN V275
   ========================================================= */

.service-support-section{
  position:relative!important;
  overflow:hidden!important;
  background:#f5f5f2!important;
}

.service-support-layout{
  display:grid!important;
  grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr)!important;
  gap:64px!important;
  align-items:center!important;
}


/* IMAGE */

.service-support-visual{
  position:relative;
  min-height:470px;
  border-radius:28px;
  overflow:hidden;
  isolation:isolate;

  background:
    radial-gradient(circle at 72% 28%,rgba(255,0,0,.16),transparent 38%),
    linear-gradient(145deg,#25282a 0%,#17191b 65%,#111315 100%);

  border:1px solid rgba(255,255,255,.08);

  box-shadow:
    0 26px 60px rgba(18,20,18,.16),
    inset 0 1px 0 rgba(255,255,255,.05);
}

.service-support-visual:before{
  content:"";
  position:absolute;
  z-index:2;
  left:9%;
  right:9%;
  bottom:0;
  height:2px;
  background:#ff0000;
  opacity:.72;
  box-shadow:
    0 0 14px rgba(255,0,0,.55),
    0 0 34px rgba(255,0,0,.20);
}

.service-support-visual img{
  position:absolute;
  inset:0;
  z-index:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}

.service-support-visual-overlay{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;

  background:
    linear-gradient(
      180deg,
      rgba(10,12,13,.04) 25%,
      rgba(10,12,13,.18) 58%,
      rgba(10,12,13,.72) 100%
    );
}

.service-support-visual-caption{
  position:absolute;
  z-index:3;
  left:22px;
  right:22px;
  bottom:22px;

  display:flex;
  align-items:center;
  gap:12px;

  padding:15px 16px;

  border:1px solid rgba(255,255,255,.13);
  border-radius:15px;

  background:rgba(15,17,18,.72);

  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);

  color:#fff;
}

.service-support-visual-caption>span{
  width:8px;
  height:8px;
  flex:0 0 8px;
  border-radius:50%;
  background:#ff0000;
  box-shadow:0 0 12px rgba(255,0,0,.60);
}

.service-support-visual-caption strong,
.service-support-visual-caption small{
  display:block;
}

.service-support-visual-caption strong{
  font-size:13px;
  font-weight:850;
}

.service-support-visual-caption small{
  margin-top:2px;
  color:rgba(255,255,255,.52);
  font-size:10px;
}


/* COPY */

.service-support-copy{
  min-width:0;
}

.service-support-copy .kicker{
  margin-bottom:12px;
  color:#ff0000!important;
}

.service-support-copy h2{
  max-width:620px;
  margin:0!important;

  color:#171817!important;

  font-size:clamp(38px,4.1vw,56px)!important;
  line-height:.98!important;
  letter-spacing:-.048em!important;
}

.service-support-lead{
  max-width:640px!important;

  margin:20px 0 0!important;

  color:#6f746d!important;

  font-size:16px!important;
  line-height:1.58!important;
}


/* CARDS */

.service-support-cards{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;

  margin-top:28px;
}

.service-support-card{
  position:relative;
  min-height:205px;

  padding:18px;

  overflow:hidden;
  isolation:isolate;

  border:1px solid #dedfda;
  border-radius:19px;

  background:#fff;

  box-shadow:0 10px 28px rgba(20,23,19,.045);

  transition:
    transform .25s ease,
    border-color .25s ease,
    box-shadow .25s ease;
}

.service-support-card:before{
  content:"";
  position:absolute;
  z-index:2;
  left:22%;
  right:22%;
  bottom:0;

  height:2px;

  background:#ff0000;

  opacity:.35;

  box-shadow:0 0 12px rgba(255,0,0,.25);

  transition:
    left .25s ease,
    right .25s ease,
    opacity .25s ease,
    box-shadow .25s ease;
}

.service-support-card:after{
  content:"";
  position:absolute;
  z-index:-1;

  width:150px;
  height:150px;

  right:-95px;
  bottom:-105px;

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(255,0,0,.10),
      rgba(255,0,0,.03) 42%,
      transparent 72%
    );

  opacity:.25;

  transition:.25s ease;
}

.service-support-card-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.service-support-icon{
  width:39px;
  height:39px;

  display:grid;
  place-items:center;

  border-radius:11px;

  background:#1b1d1f;
  color:#fff;
}

.service-support-icon svg{
  width:19px;
  height:19px;
}

.service-support-card-top small{
  color:#ff0000;
  font-size:9px;
  font-weight:900;
  letter-spacing:.08em;
}

.service-support-card h3{
  margin:28px 0 8px;

  color:#191b1a;

  font-size:17px;
  line-height:1.13;
  letter-spacing:-.025em;
}

.service-support-card p{
  margin:0!important;

  color:#777c74!important;

  font-size:11px!important;
  line-height:1.55!important;
}

@media(hover:hover){

  .service-support-card:hover{
    transform:translateY(-5px);

    border-color:rgba(255,0,0,.30);

    box-shadow:
      0 18px 38px rgba(20,23,19,.08),
      0 9px 30px rgba(255,0,0,.08);
  }

  .service-support-card:hover:before{
    left:7%;
    right:7%;
    opacity:1;

    box-shadow:
      0 0 14px rgba(255,0,0,.55),
      0 0 28px rgba(255,0,0,.18);
  }

  .service-support-card:hover:after{
    opacity:.8;
    transform:scale(1.2);
  }

}


/* LINK */

.service-support-link{
  margin-top:24px!important;
}


/* MOBILE */

@media(max-width:750px){

  .service-support-section{
    padding-top:48px!important;
    padding-bottom:52px!important;
  }

  .service-support-layout{
    grid-template-columns:1fr!important;
    gap:30px!important;
  }

  .service-support-visual{
    min-height:330px;
    border-radius:20px;
  }

  .service-support-visual-caption{
    left:14px;
    right:14px;
    bottom:14px;

    padding:13px 14px;

    border-radius:13px;
  }

  .service-support-copy h2{
    max-width:100%;

    font-size:31px!important;
    line-height:1.02!important;
  }

  .service-support-lead{
    margin-top:14px!important;

    font-size:13px!important;
    line-height:1.55!important;
  }

  .service-support-cards{
    grid-template-columns:1fr;
    gap:10px;

    margin-top:22px;
  }

  .service-support-card{
    min-height:175px;

    padding:17px;

    border-radius:17px;
  }

  .service-support-card h3{
    margin-top:22px;
    font-size:17px;
  }

  .service-support-link{
    margin-top:20px!important;
  }

}


/* =========================================================
   FINAL CTA BUTTON V279
   ========================================================= */

.cta-pro .cta-pro-actions{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
}

.cta-pro .cta-pro-main-btn{
  position:relative;
  min-height:54px;
  padding:0 22px!important;

  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;

  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:14px!important;

  background:
    linear-gradient(135deg,#ff1717 0%,#e60000 100%)!important;

  color:#fff!important;

  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.01em;

  box-shadow:
    0 10px 28px rgba(255,0,0,.20),
    inset 0 1px 0 rgba(255,255,255,.18)!important;

  overflow:hidden;
  transition:
    transform .22s ease,
    box-shadow .22s ease,
    background .22s ease!important;
}

.cta-pro .cta-pro-main-btn:before{
  content:"";
  position:absolute;
  inset:auto 16% 0 16%;
  height:2px;
  border-radius:999px;
  background:#fff;
  opacity:.40;
  box-shadow:0 0 12px rgba(255,255,255,.38);
  transition:.22s ease;
}

.cta-pro .cta-pro-main-btn svg{
  width:17px!important;
  height:17px!important;
  transition:transform .22s ease;
}

@media(hover:hover){

  .cta-pro .cta-pro-main-btn:hover{
    transform:translateY(-3px)!important;
    background:
      linear-gradient(135deg,#ff2929 0%,#f00000 100%)!important;

    box-shadow:
      0 16px 36px rgba(255,0,0,.30),
      0 0 28px rgba(255,0,0,.13),
      inset 0 1px 0 rgba(255,255,255,.20)!important;
  }

  .cta-pro .cta-pro-main-btn:hover:before{
    inset:auto 6% 0 6%;
    opacity:.8;
  }

  .cta-pro .cta-pro-main-btn:hover svg{
    transform:translateX(3px);
  }

}

@media(max-width:750px){

  .cta-pro .cta-pro-actions{
    width:100%!important;
    align-items:stretch!important;
  }

  .cta-pro .cta-pro-main-btn{
    width:100%!important;
    min-height:52px!important;
  }

}


/* =========================================================
   FINAL CTA BUTTON BLACK V280
   ========================================================= */

.cta-pro .cta-pro-main-btn{
  background:
    linear-gradient(145deg,#202225 0%,#121416 100%)!important;

  border:1px solid rgba(255,255,255,.12)!important;

  color:#fff!important;

  box-shadow:
    0 12px 30px rgba(0,0,0,.24),
    0 8px 28px rgba(255,0,0,.08),
    inset 0 1px 0 rgba(255,255,255,.06)!important;
}

.cta-pro .cta-pro-main-btn:before{
  background:#ff0000!important;
  opacity:.58!important;

  box-shadow:
    0 0 12px rgba(255,0,0,.55),
    0 0 26px rgba(255,0,0,.18)!important;
}

@media(hover:hover){

  .cta-pro .cta-pro-main-btn:hover{
    background:
      linear-gradient(145deg,#292c2f 0%,#17191c 100%)!important;

    border-color:rgba(255,0,0,.38)!important;

    box-shadow:
      0 18px 40px rgba(0,0,0,.32),
      0 10px 34px rgba(255,0,0,.16),
      0 0 30px rgba(255,0,0,.10),
      inset 0 1px 0 rgba(255,255,255,.08)!important;
  }

  .cta-pro .cta-pro-main-btn:hover:before{
    opacity:1!important;

    box-shadow:
      0 0 14px rgba(255,0,0,.78),
      0 0 32px rgba(255,0,0,.28)!important;
  }

}


/* =========================================================
   INNER PAGE HERO SYSTEM V282
   Unified dark opening section
   ========================================================= */

.inner-hero,
.legal-hero,
.shop-inner-hero,
.product-page-top{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;

  background:
    linear-gradient(135deg,#111315 0%,#17191b 52%,#101214 100%)!important;

  color:#fff!important;

  border-top:0!important;
  border-bottom:0!important;
}


/* RED GLOW */

.inner-hero:before,
.legal-hero:before,
.shop-inner-hero:before,
.product-page-top:before{
  content:"";
  position:absolute;
  z-index:0;

  width:560px;
  height:560px;

  right:-220px;
  top:-280px;

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(255,0,0,.19) 0%,
      rgba(255,0,0,.09) 32%,
      rgba(255,0,0,.035) 52%,
      rgba(255,0,0,0) 72%
    );

  pointer-events:none;
}


/* SUBTLE TECH GRID */

.inner-hero:after,
.legal-hero:after,
.shop-inner-hero:after,
.product-page-top:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;

  pointer-events:none;

  background-image:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);

  background-size:46px 46px;

  mask-image:
    linear-gradient(
      to bottom,
      rgba(0,0,0,.72),
      rgba(0,0,0,.30) 70%,
      transparent
    );
}


/* CONTENT ABOVE EFFECTS */

.inner-hero>.container,
.legal-hero>.container,
.shop-inner-hero>.container,
.product-page-top>.container{
  position:relative!important;
  z-index:2!important;
}


/* SPACING */

.inner-hero,
.shop-inner-hero{
  padding:64px 0 58px!important;
}

.legal-hero{
  padding:62px 0 52px!important;
}

.product-page-top{
  padding-top:42px!important;
  padding-bottom:58px!important;
}


/* BREADCRUMBS */

.inner-hero .breadcrumb,
.shop-inner-hero .breadcrumb,
.product-page-top .breadcrumb{
  color:rgba(255,255,255,.42)!important;
}

.inner-hero .breadcrumb a,
.shop-inner-hero .breadcrumb a,
.product-page-top .breadcrumb a{
  color:rgba(255,255,255,.64)!important;
  text-decoration:none!important;
}


/* KICKER */

.inner-hero .kicker,
.legal-hero .kicker,
.shop-inner-hero .kicker,
.product-page-top .kicker,
.product-page-top .category-tag{
  color:#ff3535!important;
}


/* TITLES */

.inner-hero h1,
.legal-hero h1,
.shop-inner-hero h1,
.product-page-top h1,
.product-page-top .product-intro h1{
  color:#fff!important;
}


/* TEXT */

.inner-hero p,
.legal-hero p,
.shop-inner-hero p,
.product-page-top .intro-text{
  color:rgba(255,255,255,.58)!important;
}


/* LINKS */

.inner-hero .plain-link,
.legal-hero .plain-link,
.shop-inner-hero .plain-link{
  color:#fff!important;
}

@media(hover:hover){

  .inner-hero .plain-link:hover,
  .legal-hero .plain-link:hover,
  .shop-inner-hero .plain-link:hover{
    color:#ff3b30!important;
  }

}


/* CATALOG PILLS */

.catalog-top .catalog-pills span{
  border:1px solid rgba(255,255,255,.10)!important;

  background:rgba(255,255,255,.045)!important;

  color:rgba(255,255,255,.68)!important;

  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}

.catalog-top .catalog-pills strong{
  color:#fff!important;
}


/* CATALOG / INNER HERO BUTTON */

.inner-hero .btn-accent,
.shop-inner-hero .btn-accent{
  border:1px solid rgba(255,0,0,.46)!important;

  background:
    linear-gradient(145deg,#ff1919 0%,#e60000 100%)!important;

  color:#fff!important;

  box-shadow:
    0 10px 28px rgba(255,0,0,.17),
    inset 0 1px 0 rgba(255,255,255,.16)!important;

  transition:
    transform .22s ease,
    box-shadow .22s ease!important;
}

@media(hover:hover){

  .inner-hero .btn-accent:hover,
  .shop-inner-hero .btn-accent:hover{
    transform:translateY(-3px)!important;

    box-shadow:
      0 16px 36px rgba(255,0,0,.27),
      0 0 28px rgba(255,0,0,.10),
      inset 0 1px 0 rgba(255,255,255,.18)!important;
  }

}


/* =========================================================
   PRODUCT PAGE OPENING
   ========================================================= */

.product-page-top .product-gallery-pro{
  position:relative;

  background:
    radial-gradient(circle at 50% 78%,rgba(255,0,0,.07),transparent 46%),
    linear-gradient(145deg,#24272a,#17191b)!important;

  border:1px solid rgba(255,255,255,.08)!important;

  box-shadow:
    0 22px 48px rgba(0,0,0,.20)!important;
}

.product-page-top .product-gallery-pro:after{
  content:"";
  position:absolute;

  left:12%;
  right:12%;
  bottom:0;

  height:2px;

  background:#ff0000;

  opacity:.55;

  box-shadow:0 0 16px rgba(255,0,0,.35);

  pointer-events:none;
}

.product-page-top .product-gallery-pro img{
  filter:drop-shadow(0 15px 20px rgba(0,0,0,.24));
}

.product-page-top .key-specs div{
  background:rgba(255,255,255,.05)!important;

  border-color:rgba(255,255,255,.09)!important;

  color:#fff!important;
}

.product-page-top .key-specs small{
  color:rgba(255,255,255,.42)!important;
}

.product-page-top .key-specs strong{
  color:#fff!important;
}

.product-page-top .price-box-pro{
  background:rgba(255,255,255,.05)!important;

  border-color:rgba(255,255,255,.09)!important;

  color:#fff!important;
}

.product-page-top .price-box-pro small,
.product-page-top .price-box-pro span{
  color:rgba(255,255,255,.44)!important;
}

.product-page-top .price-box-pro strong{
  color:#fff!important;
}

.product-page-top .status-pill{
  background:rgba(255,0,0,.10)!important;

  border:1px solid rgba(255,0,0,.20)!important;

  color:#ff4545!important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:750px){

  .inner-hero,
  .shop-inner-hero{
    padding:42px 0 38px!important;
  }

  .legal-hero{
    padding:42px 0 38px!important;
  }

  .product-page-top{
    padding-top:30px!important;
    padding-bottom:42px!important;
  }

  .inner-hero:before,
  .legal-hero:before,
  .shop-inner-hero:before,
  .product-page-top:before{
    width:380px;
    height:380px;

    right:-190px;
    top:-180px;
  }

  .inner-hero h1,
  .legal-hero h1,
  .shop-inner-hero h1,
  .product-page-top .product-intro h1{
    font-size:39px!important;
    line-height:.98!important;
    letter-spacing:-.045em!important;
  }

  .inner-hero p,
  .legal-hero p,
  .shop-inner-hero p,
  .product-page-top .intro-text{
    font-size:13px!important;
    line-height:1.55!important;
  }

  .catalog-top .inner-hero-row{
    gap:24px!important;
  }

  .catalog-top .btn-accent,
  .inner-hero .btn-accent{
    width:100%!important;
    justify-content:center!important;
  }

}



/* =========================================================
   CATALOG FILTER UI V285
   ========================================================= */

.catalog-section{
  padding-top:34px!important;
  padding-bottom:74px!important;
}

.catalog-section .catalog-layout{
  display:grid!important;
  grid-template-columns:310px minmax(0,1fr)!important;
  gap:30px!important;
  align-items:start!important;
}


/* =========================================================
   FILTER PANEL
   ========================================================= */

.catalog-section .catalog-filter-pro{
  position:sticky!important;
  top:98px!important;

  width:100%!important;
  min-width:0!important;

  padding:0!important;
  margin:0!important;

  overflow:hidden;

  border:1px solid #e1e2de!important;
  border-radius:20px!important;

  background:#fff!important;

  box-shadow:
    0 10px 32px rgba(20,23,19,.055)!important;
}


/* HEADER */

.catalog-filter-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;

  padding:20px 20px 17px;

  border-bottom:1px solid #ecece8;

  background:
    linear-gradient(180deg,#fff 0%,#fafaf8 100%);
}

.catalog-filter-head>div{
  display:grid;
  gap:3px;
}

.catalog-filter-head small{
  margin:0!important;

  color:#ff0000!important;

  font-size:9px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.10em!important;
  text-transform:uppercase;
}

.catalog-filter-head strong{
  color:#181a19;

  font-size:20px;
  line-height:1.1;
  font-weight:850;
  letter-spacing:-.025em;
}

.catalog-filter-close{
  display:none;

  width:36px;
  height:36px;

  padding:0;

  place-items:center;

  border:1px solid #e1e2de;
  border-radius:10px;

  background:#f7f7f5;

  color:#222;

  font-size:23px;
  line-height:1;

  cursor:pointer;
}


/* SECTIONS */

.catalog-filter-section{
  padding:18px 20px!important;
  margin:0!important;

  border-bottom:1px solid #ededE9;
}

.catalog-filter-section:last-of-type{
  border-bottom:0;
}

.catalog-filter-label,
.catalog-filter-section-title{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;

  margin:0 0 10px!important;

  color:#242624!important;

  font-size:11px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:.005em!important;
}

.catalog-filter-section-title span{
  font:inherit;
}


/* =========================================================
   SEARCH
   ========================================================= */

.catalog-search-field{
  position:relative;

  display:flex;
  align-items:center;

  height:46px;

  border:1px solid #dcded9;
  border-radius:12px;

  background:#f8f8f6;

  transition:
    border-color .18s ease,
    box-shadow .18s ease,
    background .18s ease;
}

.catalog-search-field:focus-within{
  border-color:#b8bbb5;

  background:#fff;

  box-shadow:
    0 0 0 3px rgba(0,0,0,.035);
}

.catalog-search-field svg{
  position:absolute;
  left:14px;

  width:17px!important;
  height:17px!important;

  color:#777d75;
  opacity:.72;

  pointer-events:none;
}

.catalog-search-field input{
  width:100%!important;
  height:100%!important;

  padding:0 13px 0 40px!important;

  border:0!important;
  border-radius:12px!important;

  background:transparent!important;

  color:#181a19!important;

  font-size:13px!important;
  line-height:1!important;
  font-weight:500!important;

  outline:0!important;
}

.catalog-search-field input::placeholder{
  color:#9a9f97;
}


/* =========================================================
   SELECTS
   ========================================================= */

.catalog-filter-select,
.catalog-sort-wrap select{
  width:100%!important;
  height:46px!important;

  padding:0 40px 0 13px!important;

  border:1px solid #dcded9!important;
  border-radius:12px!important;

  background-color:#f8f8f6!important;

  color:#242624!important;

  font-family:inherit!important;
  font-size:12px!important;
  font-weight:650!important;

  outline:0!important;

  cursor:pointer;

  transition:
    border-color .18s ease,
    box-shadow .18s ease,
    background .18s ease;
}

.catalog-filter-select:hover,
.catalog-sort-wrap select:hover{
  border-color:#c7cac4!important;
  background:#fff!important;
}

.catalog-filter-select:focus,
.catalog-sort-wrap select:focus{
  border-color:#aaaFa8!important;

  background:#fff!important;

  box-shadow:
    0 0 0 3px rgba(0,0,0,.035)!important;
}


/* =========================================================
   PRICE
   ========================================================= */

.catalog-price-fields{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
}

.catalog-price-fields label{
  position:relative;

  display:block!important;

  margin:0!important;
}

.catalog-price-fields label small{
  position:absolute;
  z-index:2;

  left:12px;
  top:9px;

  margin:0!important;

  color:#9a9e97!important;

  font-size:8px!important;
  line-height:1!important;
  font-weight:800!important;
  text-transform:uppercase;

  pointer-events:none;
}

.catalog-price-fields input{
  width:100%!important;
  height:48px!important;

  padding:17px 10px 4px 11px!important;

  border:1px solid #dcded9!important;
  border-radius:11px!important;

  background:#f8f8f6!important;

  color:#202220!important;

  font-size:12px!important;
  font-weight:700!important;

  outline:0!important;
}

.catalog-price-fields input:focus{
  border-color:#b2b6ae!important;
  background:#fff!important;
}

.catalog-price-note{
  display:block;

  margin:9px 0 0!important;

  color:#92978f!important;

  font-size:9px!important;
  line-height:1.45!important;
  font-weight:450!important;
}


/* =========================================================
   STATUS
   ========================================================= */

.catalog-status-filter{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
}

.catalog-status-filter label{
  position:relative;

  display:block!important;

  margin:0!important;

  cursor:pointer;
}

.catalog-status-filter input{
  position:absolute!important;

  width:1px!important;
  height:1px!important;

  opacity:0!important;
  pointer-events:none!important;
}

.catalog-status-filter span{
  min-height:39px;

  display:flex;
  align-items:center;
  justify-content:center;

  padding:8px 9px;

  border:1px solid #dedfda;
  border-radius:10px;

  background:#f8f8f6;

  color:#686d66;

  font-size:10px;
  line-height:1.1;
  font-weight:750;
  text-align:center;

  transition:
    border-color .16s ease,
    background .16s ease,
    color .16s ease,
    box-shadow .16s ease,
    transform .16s ease;
}

.catalog-status-filter label:hover span{
  border-color:#c8cbc4;
  background:#fff;
  color:#252725;
}

.catalog-status-filter input:checked + span{
  border-color:#1d1f1e;

  background:#1d1f1e;

  color:#fff;

  box-shadow:
    0 6px 15px rgba(20,22,20,.12);
}


/* AVAILABLE */

.catalog-status-filter label:has(input[value="В наличии"]:checked) span{
  border-color:#2e8b57;

  background:#eef8f1;

  color:#267348;
}


/* IN TRANSIT */

.catalog-status-filter label:has(input[value="В пути"]:checked) span{
  border-color:#c58b17;

  background:#fff8e7;

  color:#95680d;
}


/* ORDER */

.catalog-status-filter label:has(input[value="Под заказ"]:checked) span{
  border-color:#d11f1f;

  background:#fff0f0;

  color:#c21515;
}


/* =========================================================
   DYNAMIC CHARACTERISTICS
   ========================================================= */

.catalog-dynamic-section{
  padding-bottom:12px!important;
}

#dynamicFilters{
  display:grid;
  gap:8px;
}

.catalog-facet{
  margin:0!important;
  padding:0!important;

  overflow:hidden;

  border:1px solid #e4e5e1!important;
  border-radius:11px!important;

  background:#fafaf8!important;
}

.catalog-facet summary{
  min-height:41px;

  display:flex;
  align-items:center;
  justify-content:space-between;

  padding:0 12px;

  color:#3d403c;

  font-size:10px;
  line-height:1.25;
  font-weight:750;

  cursor:pointer;

  list-style:none;
}

.catalog-facet summary::-webkit-details-marker{
  display:none;
}

.catalog-facet summary:after{
  content:"+";

  margin-left:12px;

  color:#898e86;

  font-size:16px;
  line-height:1;
  font-weight:400;
}

.catalog-facet[open] summary:after{
  content:"−";
}

.catalog-facet[open] summary{
  border-bottom:1px solid #e6e7e3;

  background:#fff;
}

.catalog-facet>div,
.catalog-facet>label,
.catalog-facet select{
  font-family:inherit;
}

.catalog-facet select{
  width:calc(100% - 20px)!important;
  height:40px!important;

  margin:10px!important;
  padding:0 10px!important;

  border:1px solid #dcded9!important;
  border-radius:9px!important;

  background:#fff!important;

  color:#343634!important;

  font-size:10px!important;
}

.catalog-facet-range{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;

  padding:10px;
}

.catalog-facet-range input{
  width:100%!important;
  height:40px!important;

  padding:0 9px!important;

  border:1px solid #dcded9!important;
  border-radius:9px!important;

  background:#fff!important;

  color:#303230!important;

  font-size:10px!important;

  outline:0!important;
}


/* EXTRA FILTERS */

.catalog-show-all-filters{
  width:100%;

  margin:10px 0 0!important;
  padding:10px 12px!important;

  border:1px dashed #d4d6d1!important;
  border-radius:10px!important;

  background:#fafaf8!important;

  color:#666b64!important;

  font-size:10px!important;
  font-weight:750!important;

  cursor:pointer;
}


/* =========================================================
   RESET
   ========================================================= */

.catalog-reset-pro{
  width:calc(100% - 40px)!important;
  height:43px!important;

  margin:18px 20px 20px!important;
  padding:0 14px!important;

  border:1px solid #dedfda!important;
  border-radius:11px!important;

  background:#fff!important;

  color:#676c65!important;

  font-family:inherit!important;
  font-size:10px!important;
  font-weight:800!important;

  cursor:pointer;

  transition:.18s ease;
}

.catalog-reset-pro:hover{
  border-color:#ff2d2d!important;

  background:#fff7f7!important;

  color:#e80000!important;
}


/* =========================================================
   MAIN AREA
   ========================================================= */

.catalog-main{
  min-width:0;
}

.catalog-toolbar-pro{
  min-height:66px;

  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;

  margin:0 0 17px!important;
  padding:9px 10px 9px 17px!important;

  border:1px solid #e1e2de;
  border-radius:15px;

  background:#fff;

  box-shadow:
    0 7px 22px rgba(20,23,19,.035);
}

.catalog-results-info{
  min-width:0;

  display:grid;
  gap:3px;
}

.catalog-results-info strong{
  color:#1b1d1b!important;

  font-size:13px!important;
  line-height:1.15!important;
  font-weight:850!important;
}

.catalog-results-info small{
  margin:0!important;

  color:#8b9088!important;

  font-size:9px!important;
  line-height:1.2!important;
}

.catalog-sort-wrap{
  display:flex;
  align-items:center;
  gap:10px;

  flex:0 0 auto;
}

.catalog-sort-wrap>span{
  color:#858a83;

  font-size:9px;
  font-weight:700;
}

.catalog-sort-wrap select{
  width:205px!important;
  height:44px!important;
}


/* =========================================================
   ACTIVE FILTERS
   ========================================================= */

.catalog-active-filters{
  display:none;

  gap:7px;
  flex-wrap:wrap;

  margin:0 0 15px!important;
}

.catalog-filter-chip{
  min-height:33px;

  display:inline-flex;
  align-items:center;
  gap:7px;

  padding:6px 10px!important;

  border:1px solid #dedfda!important;
  border-radius:999px!important;

  background:#fff!important;

  color:#454944!important;

  font-size:9px!important;
  font-weight:750!important;

  cursor:pointer;

  transition:.16s ease;
}

.catalog-filter-chip:after{
  content:"×";

  color:#ff0000;

  font-size:14px;
  line-height:1;
}

.catalog-filter-chip:hover{
  border-color:#ff3131!important;

  background:#fff7f7!important;
}


/* =========================================================
   PRODUCT GRID INSIDE CATALOG
   ========================================================= */

.catalog-main #catalogGrid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
}

.catalog-main #catalogGrid .product-card{
  min-width:0!important;
  height:100%;
}


/* =========================================================
   NOTHING FOUND
   ========================================================= */

.catalog-main .nothing{
  padding:55px 25px!important;

  border:1px dashed #d9dbd5!important;
  border-radius:18px!important;

  background:#fafaf8!important;

  color:#777c74!important;

  font-size:12px!important;
  text-align:center!important;
}


/* =========================================================
   MOBILE FILTER BUTTON
   ========================================================= */

.catalog-filter-mobile-button{
  display:none;

  width:100%;

  align-items:center;
  justify-content:center;
  gap:9px;

  height:48px;

  margin-bottom:14px;

  border:1px solid #202220;
  border-radius:12px;

  background:#202220;

  color:#fff;

  font-family:inherit;
  font-size:11px;
  font-weight:850;

  cursor:pointer;
}

.catalog-filter-mobile-button svg{
  width:16px;
  height:16px;
}

.catalog-filter-backdrop{
  display:none;
}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:1250px){

  .catalog-section .catalog-layout{
    grid-template-columns:285px minmax(0,1fr)!important;
    gap:22px!important;
  }

  .catalog-main #catalogGrid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

}


/* =========================================================
   MOBILE / DRAWER
   ========================================================= */

@media(max-width:900px){

  .catalog-section{
    padding-top:25px!important;
  }

  .catalog-section .catalog-layout{
    display:block!important;
  }

  .catalog-filter-mobile-button{
    display:flex!important;
  }

  .catalog-section .catalog-filter-pro{
    position:fixed!important;
    z-index:1002!important;

    top:0!important;
    left:0!important;
    bottom:0!important;

    width:min(390px,92vw)!important;
    height:100dvh!important;

    overflow-y:auto!important;
    overscroll-behavior:contain;

    border:0!important;
    border-radius:0 20px 20px 0!important;

    box-shadow:
      18px 0 60px rgba(0,0,0,.24)!important;

    transform:translateX(-105%);
    transition:transform .26s ease!important;
  }

  .catalog-section .catalog-filter-pro.catalog-filter-open{
    transform:translateX(0);
  }

  .catalog-filter-head{
    position:sticky;
    z-index:4;
    top:0;

    background:rgba(255,255,255,.96);

    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
  }

  .catalog-filter-close{
    display:grid;
  }

  .catalog-filter-backdrop{
    position:fixed;
    z-index:1001;

    inset:0;

    display:block;

    background:rgba(8,10,9,.50);

    opacity:0;
    visibility:hidden;

    backdrop-filter:blur(3px);
    -webkit-backdrop-filter:blur(3px);

    transition:
      opacity .24s ease,
      visibility .24s ease;
  }

  .catalog-filter-backdrop.catalog-filter-open{
    opacity:1;
    visibility:visible;
  }

  body.catalog-filter-lock{
    overflow:hidden!important;
  }

  .catalog-toolbar-pro{
    margin-bottom:14px!important;
  }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media(max-width:620px){

  .catalog-toolbar-pro{
    min-height:0;

    flex-direction:column!important;
    align-items:stretch!important;

    padding:14px!important;
  }

  .catalog-results-info{
    padding:2px 2px 4px;
  }

  .catalog-results-info strong{
    font-size:14px!important;
  }

  .catalog-sort-wrap{
    width:100%;

    display:grid;
    grid-template-columns:1fr;
    gap:6px;
  }

  .catalog-sort-wrap>span{
    display:none;
  }

  .catalog-sort-wrap select{
    width:100%!important;
  }

  .catalog-main #catalogGrid{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }

  .catalog-filter-section{
    padding-left:17px!important;
    padding-right:17px!important;
  }

  .catalog-reset-pro{
    width:calc(100% - 34px)!important;
    margin-left:17px!important;
    margin-right:17px!important;
  }

}




/* =========================================================
   CATALOG FILTER UI V285
   ========================================================= */

.catalog-section{
  padding-top:34px!important;
  padding-bottom:74px!important;
}

.catalog-section .catalog-layout{
  display:grid!important;
  grid-template-columns:310px minmax(0,1fr)!important;
  gap:30px!important;
  align-items:start!important;
}


/* =========================================================
   FILTER PANEL
   ========================================================= */

.catalog-section .catalog-filter-pro{
  position:sticky!important;
  top:98px!important;

  width:100%!important;
  min-width:0!important;

  padding:0!important;
  margin:0!important;

  overflow:hidden;

  border:1px solid #e1e2de!important;
  border-radius:20px!important;

  background:#fff!important;

  box-shadow:
    0 10px 32px rgba(20,23,19,.055)!important;
}


/* HEADER */

.catalog-filter-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;

  padding:20px 20px 17px;

  border-bottom:1px solid #ecece8;

  background:
    linear-gradient(180deg,#fff 0%,#fafaf8 100%);
}

.catalog-filter-head>div{
  display:grid;
  gap:3px;
}

.catalog-filter-head small{
  margin:0!important;

  color:#ff0000!important;

  font-size:9px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.10em!important;
  text-transform:uppercase;
}

.catalog-filter-head strong{
  color:#181a19;

  font-size:20px;
  line-height:1.1;
  font-weight:850;
  letter-spacing:-.025em;
}

.catalog-filter-close{
  display:none;

  width:36px;
  height:36px;

  padding:0;

  place-items:center;

  border:1px solid #e1e2de;
  border-radius:10px;

  background:#f7f7f5;

  color:#222;

  font-size:23px;
  line-height:1;

  cursor:pointer;
}


/* SECTIONS */

.catalog-filter-section{
  padding:18px 20px!important;
  margin:0!important;

  border-bottom:1px solid #ededE9;
}

.catalog-filter-section:last-of-type{
  border-bottom:0;
}

.catalog-filter-label,
.catalog-filter-section-title{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;

  margin:0 0 10px!important;

  color:#242624!important;

  font-size:11px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:.005em!important;
}

.catalog-filter-section-title span{
  font:inherit;
}


/* =========================================================
   SEARCH
   ========================================================= */

.catalog-search-field{
  position:relative;

  display:flex;
  align-items:center;

  height:46px;

  border:1px solid #dcded9;
  border-radius:12px;

  background:#f8f8f6;

  transition:
    border-color .18s ease,
    box-shadow .18s ease,
    background .18s ease;
}

.catalog-search-field:focus-within{
  border-color:#b8bbb5;

  background:#fff;

  box-shadow:
    0 0 0 3px rgba(0,0,0,.035);
}

.catalog-search-field svg{
  position:absolute;
  left:14px;

  width:17px!important;
  height:17px!important;

  color:#777d75;
  opacity:.72;

  pointer-events:none;
}

.catalog-search-field input{
  width:100%!important;
  height:100%!important;

  padding:0 13px 0 40px!important;

  border:0!important;
  border-radius:12px!important;

  background:transparent!important;

  color:#181a19!important;

  font-size:13px!important;
  line-height:1!important;
  font-weight:500!important;

  outline:0!important;
}

.catalog-search-field input::placeholder{
  color:#9a9f97;
}


/* =========================================================
   SELECTS
   ========================================================= */

.catalog-filter-select,
.catalog-sort-wrap select{
  width:100%!important;
  height:46px!important;

  padding:0 40px 0 13px!important;

  border:1px solid #dcded9!important;
  border-radius:12px!important;

  background-color:#f8f8f6!important;

  color:#242624!important;

  font-family:inherit!important;
  font-size:12px!important;
  font-weight:650!important;

  outline:0!important;

  cursor:pointer;

  transition:
    border-color .18s ease,
    box-shadow .18s ease,
    background .18s ease;
}

.catalog-filter-select:hover,
.catalog-sort-wrap select:hover{
  border-color:#c7cac4!important;
  background:#fff!important;
}

.catalog-filter-select:focus,
.catalog-sort-wrap select:focus{
  border-color:#aaaFa8!important;

  background:#fff!important;

  box-shadow:
    0 0 0 3px rgba(0,0,0,.035)!important;
}


/* =========================================================
   PRICE
   ========================================================= */

.catalog-price-fields{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
}

.catalog-price-fields label{
  position:relative;

  display:block!important;

  margin:0!important;
}

.catalog-price-fields label small{
  position:absolute;
  z-index:2;

  left:12px;
  top:9px;

  margin:0!important;

  color:#9a9e97!important;

  font-size:8px!important;
  line-height:1!important;
  font-weight:800!important;
  text-transform:uppercase;

  pointer-events:none;
}

.catalog-price-fields input{
  width:100%!important;
  height:48px!important;

  padding:17px 10px 4px 11px!important;

  border:1px solid #dcded9!important;
  border-radius:11px!important;

  background:#f8f8f6!important;

  color:#202220!important;

  font-size:12px!important;
  font-weight:700!important;

  outline:0!important;
}

.catalog-price-fields input:focus{
  border-color:#b2b6ae!important;
  background:#fff!important;
}

.catalog-price-note{
  display:block;

  margin:9px 0 0!important;

  color:#92978f!important;

  font-size:9px!important;
  line-height:1.45!important;
  font-weight:450!important;
}


/* =========================================================
   STATUS
   ========================================================= */

.catalog-status-filter{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
}

.catalog-status-filter label{
  position:relative;

  display:block!important;

  margin:0!important;

  cursor:pointer;
}

.catalog-status-filter input{
  position:absolute!important;

  width:1px!important;
  height:1px!important;

  opacity:0!important;
  pointer-events:none!important;
}

.catalog-status-filter span{
  min-height:39px;

  display:flex;
  align-items:center;
  justify-content:center;

  padding:8px 9px;

  border:1px solid #dedfda;
  border-radius:10px;

  background:#f8f8f6;

  color:#686d66;

  font-size:10px;
  line-height:1.1;
  font-weight:750;
  text-align:center;

  transition:
    border-color .16s ease,
    background .16s ease,
    color .16s ease,
    box-shadow .16s ease,
    transform .16s ease;
}

.catalog-status-filter label:hover span{
  border-color:#c8cbc4;
  background:#fff;
  color:#252725;
}

.catalog-status-filter input:checked + span{
  border-color:#1d1f1e;

  background:#1d1f1e;

  color:#fff;

  box-shadow:
    0 6px 15px rgba(20,22,20,.12);
}


/* AVAILABLE */

.catalog-status-filter label:has(input[value="В наличии"]:checked) span{
  border-color:#2e8b57;

  background:#eef8f1;

  color:#267348;
}


/* IN TRANSIT */

.catalog-status-filter label:has(input[value="В пути"]:checked) span{
  border-color:#c58b17;

  background:#fff8e7;

  color:#95680d;
}


/* ORDER */

.catalog-status-filter label:has(input[value="Под заказ"]:checked) span{
  border-color:#d11f1f;

  background:#fff0f0;

  color:#c21515;
}


/* =========================================================
   DYNAMIC CHARACTERISTICS
   ========================================================= */

.catalog-dynamic-section{
  padding-bottom:12px!important;
}

#dynamicFilters{
  display:grid;
  gap:8px;
}

.catalog-facet{
  margin:0!important;
  padding:0!important;

  overflow:hidden;

  border:1px solid #e4e5e1!important;
  border-radius:11px!important;

  background:#fafaf8!important;
}

.catalog-facet summary{
  min-height:41px;

  display:flex;
  align-items:center;
  justify-content:space-between;

  padding:0 12px;

  color:#3d403c;

  font-size:10px;
  line-height:1.25;
  font-weight:750;

  cursor:pointer;

  list-style:none;
}

.catalog-facet summary::-webkit-details-marker{
  display:none;
}

.catalog-facet summary:after{
  content:"+";

  margin-left:12px;

  color:#898e86;

  font-size:16px;
  line-height:1;
  font-weight:400;
}

.catalog-facet[open] summary:after{
  content:"−";
}

.catalog-facet[open] summary{
  border-bottom:1px solid #e6e7e3;

  background:#fff;
}

.catalog-facet>div,
.catalog-facet>label,
.catalog-facet select{
  font-family:inherit;
}

.catalog-facet select{
  width:calc(100% - 20px)!important;
  height:40px!important;

  margin:10px!important;
  padding:0 10px!important;

  border:1px solid #dcded9!important;
  border-radius:9px!important;

  background:#fff!important;

  color:#343634!important;

  font-size:10px!important;
}

.catalog-facet-range{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;

  padding:10px;
}

.catalog-facet-range input{
  width:100%!important;
  height:40px!important;

  padding:0 9px!important;

  border:1px solid #dcded9!important;
  border-radius:9px!important;

  background:#fff!important;

  color:#303230!important;

  font-size:10px!important;

  outline:0!important;
}


/* EXTRA FILTERS */

.catalog-show-all-filters{
  width:100%;

  margin:10px 0 0!important;
  padding:10px 12px!important;

  border:1px dashed #d4d6d1!important;
  border-radius:10px!important;

  background:#fafaf8!important;

  color:#666b64!important;

  font-size:10px!important;
  font-weight:750!important;

  cursor:pointer;
}


/* =========================================================
   RESET
   ========================================================= */

.catalog-reset-pro{
  width:calc(100% - 40px)!important;
  height:43px!important;

  margin:18px 20px 20px!important;
  padding:0 14px!important;

  border:1px solid #dedfda!important;
  border-radius:11px!important;

  background:#fff!important;

  color:#676c65!important;

  font-family:inherit!important;
  font-size:10px!important;
  font-weight:800!important;

  cursor:pointer;

  transition:.18s ease;
}

.catalog-reset-pro:hover{
  border-color:#ff2d2d!important;

  background:#fff7f7!important;

  color:#e80000!important;
}


/* =========================================================
   MAIN AREA
   ========================================================= */

.catalog-main{
  min-width:0;
}

.catalog-toolbar-pro{
  min-height:66px;

  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;

  margin:0 0 17px!important;
  padding:9px 10px 9px 17px!important;

  border:1px solid #e1e2de;
  border-radius:15px;

  background:#fff;

  box-shadow:
    0 7px 22px rgba(20,23,19,.035);
}

.catalog-results-info{
  min-width:0;

  display:grid;
  gap:3px;
}

.catalog-results-info strong{
  color:#1b1d1b!important;

  font-size:13px!important;
  line-height:1.15!important;
  font-weight:850!important;
}

.catalog-results-info small{
  margin:0!important;

  color:#8b9088!important;

  font-size:9px!important;
  line-height:1.2!important;
}

.catalog-sort-wrap{
  display:flex;
  align-items:center;
  gap:10px;

  flex:0 0 auto;
}

.catalog-sort-wrap>span{
  color:#858a83;

  font-size:9px;
  font-weight:700;
}

.catalog-sort-wrap select{
  width:205px!important;
  height:44px!important;
}


/* =========================================================
   ACTIVE FILTERS
   ========================================================= */

.catalog-active-filters{
  display:none;

  gap:7px;
  flex-wrap:wrap;

  margin:0 0 15px!important;
}

.catalog-filter-chip{
  min-height:33px;

  display:inline-flex;
  align-items:center;
  gap:7px;

  padding:6px 10px!important;

  border:1px solid #dedfda!important;
  border-radius:999px!important;

  background:#fff!important;

  color:#454944!important;

  font-size:9px!important;
  font-weight:750!important;

  cursor:pointer;

  transition:.16s ease;
}

.catalog-filter-chip:after{
  content:"×";

  color:#ff0000;

  font-size:14px;
  line-height:1;
}

.catalog-filter-chip:hover{
  border-color:#ff3131!important;

  background:#fff7f7!important;
}


/* =========================================================
   PRODUCT GRID INSIDE CATALOG
   ========================================================= */

.catalog-main #catalogGrid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
}

.catalog-main #catalogGrid .product-card{
  min-width:0!important;
  height:100%;
}


/* =========================================================
   NOTHING FOUND
   ========================================================= */

.catalog-main .nothing{
  padding:55px 25px!important;

  border:1px dashed #d9dbd5!important;
  border-radius:18px!important;

  background:#fafaf8!important;

  color:#777c74!important;

  font-size:12px!important;
  text-align:center!important;
}


/* =========================================================
   MOBILE FILTER BUTTON
   ========================================================= */

.catalog-filter-mobile-button{
  display:none;

  width:100%;

  align-items:center;
  justify-content:center;
  gap:9px;

  height:48px;

  margin-bottom:14px;

  border:1px solid #202220;
  border-radius:12px;

  background:#202220;

  color:#fff;

  font-family:inherit;
  font-size:11px;
  font-weight:850;

  cursor:pointer;
}

.catalog-filter-mobile-button svg{
  width:16px;
  height:16px;
}

.catalog-filter-backdrop{
  display:none;
}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:1250px){

  .catalog-section .catalog-layout{
    grid-template-columns:285px minmax(0,1fr)!important;
    gap:22px!important;
  }

  .catalog-main #catalogGrid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

}


/* =========================================================
   MOBILE / DRAWER
   ========================================================= */

@media(max-width:900px){

  .catalog-section{
    padding-top:25px!important;
  }

  .catalog-section .catalog-layout{
    display:block!important;
  }

  .catalog-filter-mobile-button{
    display:flex!important;
  }

  .catalog-section .catalog-filter-pro{
    position:fixed!important;
    z-index:1002!important;

    top:0!important;
    left:0!important;
    bottom:0!important;

    width:min(390px,92vw)!important;
    height:100dvh!important;

    overflow-y:auto!important;
    overscroll-behavior:contain;

    border:0!important;
    border-radius:0 20px 20px 0!important;

    box-shadow:
      18px 0 60px rgba(0,0,0,.24)!important;

    transform:translateX(-105%);
    transition:transform .26s ease!important;
  }

  .catalog-section .catalog-filter-pro.catalog-filter-open{
    transform:translateX(0);
  }

  .catalog-filter-head{
    position:sticky;
    z-index:4;
    top:0;

    background:rgba(255,255,255,.96);

    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
  }

  .catalog-filter-close{
    display:grid;
  }

  .catalog-filter-backdrop{
    position:fixed;
    z-index:1001;

    inset:0;

    display:block;

    background:rgba(8,10,9,.50);

    opacity:0;
    visibility:hidden;

    backdrop-filter:blur(3px);
    -webkit-backdrop-filter:blur(3px);

    transition:
      opacity .24s ease,
      visibility .24s ease;
  }

  .catalog-filter-backdrop.catalog-filter-open{
    opacity:1;
    visibility:visible;
  }

  body.catalog-filter-lock{
    overflow:hidden!important;
  }

  .catalog-toolbar-pro{
    margin-bottom:14px!important;
  }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media(max-width:620px){

  .catalog-toolbar-pro{
    min-height:0;

    flex-direction:column!important;
    align-items:stretch!important;

    padding:14px!important;
  }

  .catalog-results-info{
    padding:2px 2px 4px;
  }

  .catalog-results-info strong{
    font-size:14px!important;
  }

  .catalog-sort-wrap{
    width:100%;

    display:grid;
    grid-template-columns:1fr;
    gap:6px;
  }

  .catalog-sort-wrap>span{
    display:none;
  }

  .catalog-sort-wrap select{
    width:100%!important;
  }

  .catalog-main #catalogGrid{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }

  .catalog-filter-section{
    padding-left:17px!important;
    padding-right:17px!important;
  }

  .catalog-reset-pro{
    width:calc(100% - 34px)!important;
    margin-left:17px!important;
    margin-right:17px!important;
  }

}




/* =========================================================
   CATALOG FILTER UI V285
   ========================================================= */

.catalog-section{
  padding-top:34px!important;
  padding-bottom:74px!important;
}

.catalog-section .catalog-layout{
  display:grid!important;
  grid-template-columns:310px minmax(0,1fr)!important;
  gap:30px!important;
  align-items:start!important;
}


/* =========================================================
   FILTER PANEL
   ========================================================= */

.catalog-section .catalog-filter-pro{
  position:sticky!important;
  top:98px!important;

  width:100%!important;
  min-width:0!important;

  padding:0!important;
  margin:0!important;

  overflow:hidden;

  border:1px solid #e1e2de!important;
  border-radius:20px!important;

  background:#fff!important;

  box-shadow:
    0 10px 32px rgba(20,23,19,.055)!important;
}


/* HEADER */

.catalog-filter-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;

  padding:20px 20px 17px;

  border-bottom:1px solid #ecece8;

  background:
    linear-gradient(180deg,#fff 0%,#fafaf8 100%);
}

.catalog-filter-head>div{
  display:grid;
  gap:3px;
}

.catalog-filter-head small{
  margin:0!important;

  color:#ff0000!important;

  font-size:9px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.10em!important;
  text-transform:uppercase;
}

.catalog-filter-head strong{
  color:#181a19;

  font-size:20px;
  line-height:1.1;
  font-weight:850;
  letter-spacing:-.025em;
}

.catalog-filter-close{
  display:none;

  width:36px;
  height:36px;

  padding:0;

  place-items:center;

  border:1px solid #e1e2de;
  border-radius:10px;

  background:#f7f7f5;

  color:#222;

  font-size:23px;
  line-height:1;

  cursor:pointer;
}


/* SECTIONS */

.catalog-filter-section{
  padding:18px 20px!important;
  margin:0!important;

  border-bottom:1px solid #ededE9;
}

.catalog-filter-section:last-of-type{
  border-bottom:0;
}

.catalog-filter-label,
.catalog-filter-section-title{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;

  margin:0 0 10px!important;

  color:#242624!important;

  font-size:11px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:.005em!important;
}

.catalog-filter-section-title span{
  font:inherit;
}


/* =========================================================
   SEARCH
   ========================================================= */

.catalog-search-field{
  position:relative;

  display:flex;
  align-items:center;

  height:46px;

  border:1px solid #dcded9;
  border-radius:12px;

  background:#f8f8f6;

  transition:
    border-color .18s ease,
    box-shadow .18s ease,
    background .18s ease;
}

.catalog-search-field:focus-within{
  border-color:#b8bbb5;

  background:#fff;

  box-shadow:
    0 0 0 3px rgba(0,0,0,.035);
}

.catalog-search-field svg{
  position:absolute;
  left:14px;

  width:17px!important;
  height:17px!important;

  color:#777d75;
  opacity:.72;

  pointer-events:none;
}

.catalog-search-field input{
  width:100%!important;
  height:100%!important;

  padding:0 13px 0 40px!important;

  border:0!important;
  border-radius:12px!important;

  background:transparent!important;

  color:#181a19!important;

  font-size:13px!important;
  line-height:1!important;
  font-weight:500!important;

  outline:0!important;
}

.catalog-search-field input::placeholder{
  color:#9a9f97;
}


/* =========================================================
   SELECTS
   ========================================================= */

.catalog-filter-select,
.catalog-sort-wrap select{
  width:100%!important;
  height:46px!important;

  padding:0 40px 0 13px!important;

  border:1px solid #dcded9!important;
  border-radius:12px!important;

  background-color:#f8f8f6!important;

  color:#242624!important;

  font-family:inherit!important;
  font-size:12px!important;
  font-weight:650!important;

  outline:0!important;

  cursor:pointer;

  transition:
    border-color .18s ease,
    box-shadow .18s ease,
    background .18s ease;
}

.catalog-filter-select:hover,
.catalog-sort-wrap select:hover{
  border-color:#c7cac4!important;
  background:#fff!important;
}

.catalog-filter-select:focus,
.catalog-sort-wrap select:focus{
  border-color:#aaaFa8!important;

  background:#fff!important;

  box-shadow:
    0 0 0 3px rgba(0,0,0,.035)!important;
}


/* =========================================================
   PRICE
   ========================================================= */

.catalog-price-fields{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
}

.catalog-price-fields label{
  position:relative;

  display:block!important;

  margin:0!important;
}

.catalog-price-fields label small{
  position:absolute;
  z-index:2;

  left:12px;
  top:9px;

  margin:0!important;

  color:#9a9e97!important;

  font-size:8px!important;
  line-height:1!important;
  font-weight:800!important;
  text-transform:uppercase;

  pointer-events:none;
}

.catalog-price-fields input{
  width:100%!important;
  height:48px!important;

  padding:17px 10px 4px 11px!important;

  border:1px solid #dcded9!important;
  border-radius:11px!important;

  background:#f8f8f6!important;

  color:#202220!important;

  font-size:12px!important;
  font-weight:700!important;

  outline:0!important;
}

.catalog-price-fields input:focus{
  border-color:#b2b6ae!important;
  background:#fff!important;
}

.catalog-price-note{
  display:block;

  margin:9px 0 0!important;

  color:#92978f!important;

  font-size:9px!important;
  line-height:1.45!important;
  font-weight:450!important;
}


/* =========================================================
   STATUS
   ========================================================= */

.catalog-status-filter{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
}

.catalog-status-filter label{
  position:relative;

  display:block!important;

  margin:0!important;

  cursor:pointer;
}

.catalog-status-filter input{
  position:absolute!important;

  width:1px!important;
  height:1px!important;

  opacity:0!important;
  pointer-events:none!important;
}

.catalog-status-filter span{
  min-height:39px;

  display:flex;
  align-items:center;
  justify-content:center;

  padding:8px 9px;

  border:1px solid #dedfda;
  border-radius:10px;

  background:#f8f8f6;

  color:#686d66;

  font-size:10px;
  line-height:1.1;
  font-weight:750;
  text-align:center;

  transition:
    border-color .16s ease,
    background .16s ease,
    color .16s ease,
    box-shadow .16s ease,
    transform .16s ease;
}

.catalog-status-filter label:hover span{
  border-color:#c8cbc4;
  background:#fff;
  color:#252725;
}

.catalog-status-filter input:checked + span{
  border-color:#1d1f1e;

  background:#1d1f1e;

  color:#fff;

  box-shadow:
    0 6px 15px rgba(20,22,20,.12);
}


/* AVAILABLE */

.catalog-status-filter label:has(input[value="В наличии"]:checked) span{
  border-color:#2e8b57;

  background:#eef8f1;

  color:#267348;
}


/* IN TRANSIT */

.catalog-status-filter label:has(input[value="В пути"]:checked) span{
  border-color:#c58b17;

  background:#fff8e7;

  color:#95680d;
}


/* ORDER */

.catalog-status-filter label:has(input[value="Под заказ"]:checked) span{
  border-color:#d11f1f;

  background:#fff0f0;

  color:#c21515;
}


/* =========================================================
   DYNAMIC CHARACTERISTICS
   ========================================================= */

.catalog-dynamic-section{
  padding-bottom:12px!important;
}

#dynamicFilters{
  display:grid;
  gap:8px;
}

.catalog-facet{
  margin:0!important;
  padding:0!important;

  overflow:hidden;

  border:1px solid #e4e5e1!important;
  border-radius:11px!important;

  background:#fafaf8!important;
}

.catalog-facet summary{
  min-height:41px;

  display:flex;
  align-items:center;
  justify-content:space-between;

  padding:0 12px;

  color:#3d403c;

  font-size:10px;
  line-height:1.25;
  font-weight:750;

  cursor:pointer;

  list-style:none;
}

.catalog-facet summary::-webkit-details-marker{
  display:none;
}

.catalog-facet summary:after{
  content:"+";

  margin-left:12px;

  color:#898e86;

  font-size:16px;
  line-height:1;
  font-weight:400;
}

.catalog-facet[open] summary:after{
  content:"−";
}

.catalog-facet[open] summary{
  border-bottom:1px solid #e6e7e3;

  background:#fff;
}

.catalog-facet>div,
.catalog-facet>label,
.catalog-facet select{
  font-family:inherit;
}

.catalog-facet select{
  width:calc(100% - 20px)!important;
  height:40px!important;

  margin:10px!important;
  padding:0 10px!important;

  border:1px solid #dcded9!important;
  border-radius:9px!important;

  background:#fff!important;

  color:#343634!important;

  font-size:10px!important;
}

.catalog-facet-range{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;

  padding:10px;
}

.catalog-facet-range input{
  width:100%!important;
  height:40px!important;

  padding:0 9px!important;

  border:1px solid #dcded9!important;
  border-radius:9px!important;

  background:#fff!important;

  color:#303230!important;

  font-size:10px!important;

  outline:0!important;
}


/* EXTRA FILTERS */

.catalog-show-all-filters{
  width:100%;

  margin:10px 0 0!important;
  padding:10px 12px!important;

  border:1px dashed #d4d6d1!important;
  border-radius:10px!important;

  background:#fafaf8!important;

  color:#666b64!important;

  font-size:10px!important;
  font-weight:750!important;

  cursor:pointer;
}


/* =========================================================
   RESET
   ========================================================= */

.catalog-reset-pro{
  width:calc(100% - 40px)!important;
  height:43px!important;

  margin:18px 20px 20px!important;
  padding:0 14px!important;

  border:1px solid #dedfda!important;
  border-radius:11px!important;

  background:#fff!important;

  color:#676c65!important;

  font-family:inherit!important;
  font-size:10px!important;
  font-weight:800!important;

  cursor:pointer;

  transition:.18s ease;
}

.catalog-reset-pro:hover{
  border-color:#ff2d2d!important;

  background:#fff7f7!important;

  color:#e80000!important;
}


/* =========================================================
   MAIN AREA
   ========================================================= */

.catalog-main{
  min-width:0;
}

.catalog-toolbar-pro{
  min-height:66px;

  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;

  margin:0 0 17px!important;
  padding:9px 10px 9px 17px!important;

  border:1px solid #e1e2de;
  border-radius:15px;

  background:#fff;

  box-shadow:
    0 7px 22px rgba(20,23,19,.035);
}

.catalog-results-info{
  min-width:0;

  display:grid;
  gap:3px;
}

.catalog-results-info strong{
  color:#1b1d1b!important;

  font-size:13px!important;
  line-height:1.15!important;
  font-weight:850!important;
}

.catalog-results-info small{
  margin:0!important;

  color:#8b9088!important;

  font-size:9px!important;
  line-height:1.2!important;
}

.catalog-sort-wrap{
  display:flex;
  align-items:center;
  gap:10px;

  flex:0 0 auto;
}

.catalog-sort-wrap>span{
  color:#858a83;

  font-size:9px;
  font-weight:700;
}

.catalog-sort-wrap select{
  width:205px!important;
  height:44px!important;
}


/* =========================================================
   ACTIVE FILTERS
   ========================================================= */

.catalog-active-filters{
  display:none;

  gap:7px;
  flex-wrap:wrap;

  margin:0 0 15px!important;
}

.catalog-filter-chip{
  min-height:33px;

  display:inline-flex;
  align-items:center;
  gap:7px;

  padding:6px 10px!important;

  border:1px solid #dedfda!important;
  border-radius:999px!important;

  background:#fff!important;

  color:#454944!important;

  font-size:9px!important;
  font-weight:750!important;

  cursor:pointer;

  transition:.16s ease;
}

.catalog-filter-chip:after{
  content:"×";

  color:#ff0000;

  font-size:14px;
  line-height:1;
}

.catalog-filter-chip:hover{
  border-color:#ff3131!important;

  background:#fff7f7!important;
}


/* =========================================================
   PRODUCT GRID INSIDE CATALOG
   ========================================================= */

.catalog-main #catalogGrid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
}

.catalog-main #catalogGrid .product-card{
  min-width:0!important;
  height:100%;
}


/* =========================================================
   NOTHING FOUND
   ========================================================= */

.catalog-main .nothing{
  padding:55px 25px!important;

  border:1px dashed #d9dbd5!important;
  border-radius:18px!important;

  background:#fafaf8!important;

  color:#777c74!important;

  font-size:12px!important;
  text-align:center!important;
}


/* =========================================================
   MOBILE FILTER BUTTON
   ========================================================= */

.catalog-filter-mobile-button{
  display:none;

  width:100%;

  align-items:center;
  justify-content:center;
  gap:9px;

  height:48px;

  margin-bottom:14px;

  border:1px solid #202220;
  border-radius:12px;

  background:#202220;

  color:#fff;

  font-family:inherit;
  font-size:11px;
  font-weight:850;

  cursor:pointer;
}

.catalog-filter-mobile-button svg{
  width:16px;
  height:16px;
}

.catalog-filter-backdrop{
  display:none;
}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:1250px){

  .catalog-section .catalog-layout{
    grid-template-columns:285px minmax(0,1fr)!important;
    gap:22px!important;
  }

  .catalog-main #catalogGrid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

}


/* =========================================================
   MOBILE / DRAWER
   ========================================================= */

@media(max-width:900px){

  .catalog-section{
    padding-top:25px!important;
  }

  .catalog-section .catalog-layout{
    display:block!important;
  }

  .catalog-filter-mobile-button{
    display:flex!important;
  }

  .catalog-section .catalog-filter-pro{
    position:fixed!important;
    z-index:1002!important;

    top:0!important;
    left:0!important;
    bottom:0!important;

    width:min(390px,92vw)!important;
    height:100dvh!important;

    overflow-y:auto!important;
    overscroll-behavior:contain;

    border:0!important;
    border-radius:0 20px 20px 0!important;

    box-shadow:
      18px 0 60px rgba(0,0,0,.24)!important;

    transform:translateX(-105%);
    transition:transform .26s ease!important;
  }

  .catalog-section .catalog-filter-pro.catalog-filter-open{
    transform:translateX(0);
  }

  .catalog-filter-head{
    position:sticky;
    z-index:4;
    top:0;

    background:rgba(255,255,255,.96);

    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
  }

  .catalog-filter-close{
    display:grid;
  }

  .catalog-filter-backdrop{
    position:fixed;
    z-index:1001;

    inset:0;

    display:block;

    background:rgba(8,10,9,.50);

    opacity:0;
    visibility:hidden;

    backdrop-filter:blur(3px);
    -webkit-backdrop-filter:blur(3px);

    transition:
      opacity .24s ease,
      visibility .24s ease;
  }

  .catalog-filter-backdrop.catalog-filter-open{
    opacity:1;
    visibility:visible;
  }

  body.catalog-filter-lock{
    overflow:hidden!important;
  }

  .catalog-toolbar-pro{
    margin-bottom:14px!important;
  }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media(max-width:620px){

  .catalog-toolbar-pro{
    min-height:0;

    flex-direction:column!important;
    align-items:stretch!important;

    padding:14px!important;
  }

  .catalog-results-info{
    padding:2px 2px 4px;
  }

  .catalog-results-info strong{
    font-size:14px!important;
  }

  .catalog-sort-wrap{
    width:100%;

    display:grid;
    grid-template-columns:1fr;
    gap:6px;
  }

  .catalog-sort-wrap>span{
    display:none;
  }

  .catalog-sort-wrap select{
    width:100%!important;
  }

  .catalog-main #catalogGrid{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }

  .catalog-filter-section{
    padding-left:17px!important;
    padding-right:17px!important;
  }

  .catalog-reset-pro{
    width:calc(100% - 34px)!important;
    margin-left:17px!important;
    margin-right:17px!important;
  }

}




/* =========================================================
   CATALOG FILTER SCROLL V286
   ========================================================= */

@media(min-width:901px){

  .catalog-section .catalog-filter-pro{
    max-height:calc(100vh - 118px)!important;

    overflow-x:hidden!important;
    overflow-y:auto!important;

    overscroll-behavior:contain;

    scrollbar-width:thin;
    scrollbar-color:#c5c8c1 transparent;
  }

  .catalog-section .catalog-filter-pro::-webkit-scrollbar{
    width:6px;
  }

  .catalog-section .catalog-filter-pro::-webkit-scrollbar-track{
    background:transparent;
  }

  .catalog-section .catalog-filter-pro::-webkit-scrollbar-thumb{
    background:#c5c8c1;
    border-radius:999px;
  }

  .catalog-section .catalog-filter-pro::-webkit-scrollbar-thumb:hover{
    background:#9da29a;
  }

  .catalog-filter-head{
    position:sticky;
    z-index:5;
    top:0;

    background:rgba(255,255,255,.97);

    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
  }

}



/* =========================================================
   MOBILE SINGLE TAP FIX V287
   ========================================================= */

@media (hover:none), (pointer:coarse){

  a,
  button,
  [role="button"],
  .product-card,
  .category-card,
  .btn,
  .plain-link,
  .shop-action-btn,
  .product-shop-actions button,
  .catalog-filter-chip,
  .catalog-status-filter label{
    -webkit-tap-highlight-color:transparent;
  }

  .product-card:hover,
  .category-card:hover,
  .btn:hover,
  .plain-link:hover,
  .service-support-card:hover,
  .cta-pro .cta-pro-main-btn:hover{
    transform:none!important;
  }

  .product-card:hover:before,
  .category-card:hover:before,
  .category-card:hover:after,
  .service-support-card:hover:before,
  .service-support-card:hover:after{
    transform:none!important;
  }

  .product-card:hover .product-media img,
  .category-card:hover img,
  .category-card:hover .category-icon,
  .btn:hover svg,
  .plain-link:hover svg{
    transform:none!important;
  }

  a:hover,
  button:hover{
    filter:none!important;
  }

}



/* =========================================================
   MOBILE FILTER HARD LOCK V288
   ========================================================= */

html.catalog-filter-html-lock{
  overflow:hidden!important;
  overscroll-behavior:none!important;
}

@media(max-width:900px){

  body.catalog-filter-lock{
    overflow:hidden!important;
    overscroll-behavior:none!important;
  }

  .catalog-section .catalog-filter-pro{
    position:fixed!important;

    top:0!important;
    bottom:0!important;
    left:0!important;

    width:min(390px,92vw)!important;

    height:100vh!important;
    height:100dvh!important;

    min-height:100vh!important;
    min-height:100dvh!important;

    max-height:100vh!important;
    max-height:100dvh!important;

    margin:0!important;

    overflow-x:hidden!important;
    overflow-y:auto!important;

    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch;

    touch-action:pan-y!important;

    border-radius:0 20px 20px 0!important;

    transform:translate3d(-105%,0,0)!important;
  }

  .catalog-section .catalog-filter-pro.catalog-filter-open{
    transform:translate3d(0,0,0)!important;
  }

  .catalog-filter-head{
    position:sticky!important;

    top:0!important;
    z-index:20!important;

    padding-top:max(20px,env(safe-area-inset-top))!important;

    background:rgba(255,255,255,.985)!important;

    box-shadow:
      0 1px 0 rgba(0,0,0,.06),
      0 8px 18px rgba(0,0,0,.035)!important;

    backdrop-filter:blur(14px)!important;
    -webkit-backdrop-filter:blur(14px)!important;
  }

  .catalog-filter-backdrop.catalog-filter-open{
    position:fixed!important;
    inset:0!important;

    width:100vw!important;
    height:100vh!important;
    height:100dvh!important;

    touch-action:none!important;
    overscroll-behavior:none!important;
  }

}



/* =========================================================
   MOBILE CATALOG DRAWER FINAL V289
   ========================================================= */

@media(max-width:900px){

  html.catalog-filter-html-lock{
    overflow:hidden!important;
    overscroll-behavior:none!important;
  }


  body.catalog-filter-lock{
    overflow:hidden!important;

    overscroll-behavior:none!important;

    touch-action:none!important;
  }


  .catalog-section #filters.catalog-filter-pro{
    position:fixed!important;

    z-index:1002!important;

    top:0!important;
    bottom:0!important;
    left:0!important;

    width:min(390px,92vw)!important;

    height:100vh!important;
    height:100dvh!important;

    min-height:100vh!important;
    min-height:100dvh!important;

    max-height:100vh!important;
    max-height:100dvh!important;

    margin:0!important;

    padding:0!important;

    overflow-x:hidden!important;
    overflow-y:auto!important;

    overscroll-behavior-y:contain!important;
    overscroll-behavior-x:none!important;

    -webkit-overflow-scrolling:touch!important;

    touch-action:pan-y!important;

    transform:translate3d(-105%,0,0)!important;

    border-radius:0 20px 20px 0!important;
  }


  .catalog-section #filters.catalog-filter-pro.catalog-filter-open{
    transform:translate3d(0,0,0)!important;
  }


  /*
   * Верх фильтра всегда остаётся видимым.
   */

  #filters .catalog-filter-head{
    position:sticky!important;

    z-index:50!important;

    top:0!important;

    margin:0!important;

    padding-top:
      max(20px,env(safe-area-inset-top))!important;

    background:
      rgba(255,255,255,.985)!important;

    box-shadow:
      0 1px 0 rgba(0,0,0,.07),
      0 8px 18px rgba(0,0,0,.04)!important;

    backdrop-filter:blur(14px)!important;
    -webkit-backdrop-filter:blur(14px)!important;
  }


  .catalog-filter-backdrop{
    touch-action:none!important;

    overscroll-behavior:none!important;
  }


  .catalog-filter-backdrop.catalog-filter-open{
    position:fixed!important;

    inset:0!important;

    width:100%!important;
    height:100vh!important;
    height:100dvh!important;
  }

}



/* PRODUCT CARD GALLERY V290 START */


/* =========================================================
   PRODUCT CARD IMAGE GALLERY
   ========================================================= */

.product-card-gallery{
  position:relative!important;

  display:block!important;

  overflow:hidden!important;

  cursor:pointer;

  user-select:none;
  -webkit-user-select:none;

  touch-action:pan-y;

  isolation:isolate;
}


.product-card-gallery-track{
  position:relative;

  width:100%;
  height:100%;

  display:flex;

  transform:translate3d(0,0,0);

  transition:
    transform .34s cubic-bezier(.22,.61,.36,1);

  will-change:transform;
}


.product-card-gallery-slide{
  flex:0 0 100%;

  width:100%;
  min-width:100%;
  height:100%;

  display:grid;
  place-items:center;

  overflow:hidden;
}


.product-card-gallery-slide img{
  width:100%!important;
  height:100%!important;

  display:block!important;

  object-fit:contain!important;

  pointer-events:none!important;

  user-select:none!important;
  -webkit-user-drag:none!important;

  transition:
    transform .28s ease!important;
}


/*
 * Отключаем старый zoom картинки,
 * когда карточка является галереей.
 */

.product-card:hover
.product-card-gallery-slide img{
  transform:none!important;
}


/* =========================================================
   ARROWS
   ========================================================= */

.product-gallery-arrow{
  position:absolute;
  z-index:8;

  top:50%;

  width:36px;
  height:36px;

  display:grid;
  place-items:center;

  padding:0;

  border:1px solid rgba(0,0,0,.08);
  border-radius:50%;

  background:rgba(255,255,255,.92);

  color:#202220;

  font-family:Arial,sans-serif;
  font-size:25px;
  line-height:1;

  box-shadow:
    0 5px 18px rgba(0,0,0,.10);

  cursor:pointer;

  transform:translateY(-50%);

  transition:
    opacity .18s ease,
    transform .18s ease,
    background .18s ease,
    box-shadow .18s ease;

  -webkit-tap-highlight-color:transparent;
}


.product-gallery-prev{
  left:10px;
}


.product-gallery-next{
  right:10px;
}


.product-gallery-arrow:hover{
  background:#fff;

  box-shadow:
    0 7px 22px rgba(0,0,0,.16);
}


.product-gallery-prev:hover{
  transform:
    translateY(-50%)
    translateX(-2px);
}


.product-gallery-next:hover{
  transform:
    translateY(-50%)
    translateX(2px);
}


/* =========================================================
   DOTS
   ========================================================= */

.product-gallery-dots{
  position:absolute;
  z-index:9;

  left:50%;
  bottom:11px;

  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;

  padding:5px 7px;

  border-radius:999px;

  background:rgba(20,22,20,.44);

  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);

  transform:translateX(-50%);
}


.product-gallery-dots button{
  width:5px;
  height:5px;

  flex:0 0 5px;

  padding:0!important;

  border:0!important;
  border-radius:50%!important;

  background:rgba(255,255,255,.48)!important;

  box-shadow:none!important;

  cursor:pointer;

  transition:
    width .18s ease,
    background .18s ease,
    opacity .18s ease;
}


.product-gallery-dots button.active{
  width:14px;

  flex-basis:14px;

  border-radius:999px!important;

  background:#fff!important;
}


/* =========================================================
   COUNTER
   ========================================================= */

.product-gallery-counter{
  position:absolute;
  z-index:8;

  top:13px;
  right:13px;

  min-width:39px;
  height:25px;

  display:flex;
  align-items:center;
  justify-content:center;
  gap:3px;

  padding:0 8px;

  border:1px solid rgba(255,255,255,.20);
  border-radius:999px;

  background:rgba(20,22,20,.54);

  color:rgba(255,255,255,.76);

  font-size:8px;
  line-height:1;
  font-weight:700;

  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);

  pointer-events:none;
}


.product-gallery-counter b{
  color:#fff;

  font-size:9px;
}


/* =========================================================
   DESKTOP
   ========================================================= */

@media(hover:hover) and (pointer:fine){

  .product-gallery-arrow{
    opacity:0;
  }

  .product-card-gallery:hover
  .product-gallery-arrow{
    opacity:1;
  }

}


/* =========================================================
   TOUCH
   ========================================================= */

@media(hover:none), (pointer:coarse){

  .product-gallery-arrow{
    width:32px;
    height:32px;

    font-size:22px;

    opacity:.84;
  }

  .product-gallery-prev{
    left:8px;
  }

  .product-gallery-next{
    right:8px;
  }

  .product-gallery-dots{
    bottom:9px;
  }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media(max-width:620px){

  .product-gallery-arrow{
    width:30px;
    height:30px;

    font-size:21px;
  }

  .product-gallery-counter{
    top:11px;
    right:11px;
  }

}


/* PRODUCT CARD GALLERY V290 END */




/* =========================================================
   PRODUCT CARD GALLERY FIX V291
   ========================================================= */


/*
 * У галереи теперь собственная стабильная область.
 * Старые размеры product-media её больше не режут.
 */

.product-card .product-card-gallery{
  width:100%!important;

  height:auto!important;
  min-height:0!important;
  max-height:none!important;

  aspect-ratio:4 / 3!important;

  overflow:hidden!important;

  background:
    linear-gradient(
      180deg,
      #f7f7f5 0%,
      #f2f3ef 100%
    )!important;
}


.product-card
.product-card-gallery-track{
  width:100%!important;
  height:100%!important;

  min-height:0!important;
}


.product-card
.product-card-gallery-slide{
  width:100%!important;
  height:100%!important;

  min-width:100%!important;
  min-height:0!important;

  flex:0 0 100%!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  overflow:hidden!important;
}


.product-card
.product-card-gallery-slide img{

  width:100%!important;
  height:100%!important;

  min-width:0!important;
  min-height:0!important;

  max-width:100%!important;
  max-height:100%!important;

  padding:10px!important;

  box-sizing:border-box!important;

  object-fit:contain!important;
  object-position:center center!important;

  transform:none!important;
}


/*
 * Если фотография одна,
 * вообще никакого горизонтального движения.
 */

.product-card-gallery-single{
  touch-action:pan-y!important;
}


.product-card-gallery-single
.product-card-gallery-track{
  transform:translate3d(0,0,0)!important;
}


/* MOBILE */

@media(max-width:620px){

  .catalog-main
  #catalogGrid
  .product-card-gallery{

    aspect-ratio:4 / 3!important;

    height:auto!important;

    min-height:0!important;

    max-height:none!important;
  }


  .catalog-main
  #catalogGrid
  .product-card-gallery-slide img{

    padding:
      8px 8px 12px!important;

    object-fit:contain!important;

    object-position:
      center center!important;
  }

}




/* =========================================================
   PRODUCT GALLERY LOOP V293
   ========================================================= */

.product-gallery-counter{
  display:none!important;
}



/* =========================================================
   CATALOG GRID VIEW + FAST MOBILE V295
   ========================================================= */


/* ---------- ПЕРЕКЛЮЧАТЕЛЬ ---------- */

.catalog-toolbar-pro{
  gap:14px!important;
}

.catalog-sort-wrap{
  margin-left:auto;
}

.catalog-view-switcher{
  display:flex;
  align-items:center;

  flex:0 0 auto;

  gap:3px;

  padding:3px;

  border:1px solid var(--line,#dedfd9);
  border-radius:10px;

  background:#fff;
}


.catalog-view-button{
  width:35px!important;
  height:35px!important;

  min-width:35px!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  margin:0!important;
  padding:7px!important;

  border:0!important;
  border-radius:7px!important;

  background:transparent!important;

  color:#a2a49f!important;

  box-shadow:none!important;

  cursor:pointer;

  transition:
    background .16s ease,
    color .16s ease,
    transform .16s ease!important;
}


.catalog-view-button svg{
  width:21px;
  height:21px;

  display:block;

  overflow:visible;
}


.catalog-view-button svg rect{
  fill:currentColor;
}


.catalog-view-button:hover{
  color:#262826!important;

  background:#f2f3ef!important;
}


.catalog-view-button.active{
  color:#1e201e!important;

  background:#eceee9!important;
}


/* ---------- САМА СЕТКА ---------- */

#catalogGrid.product-grid{
  grid-template-columns:
    repeat(
      var(--catalog-columns,3),
      minmax(0,1fr)
    )!important;

  align-items:stretch;
}


/* =========================================================
   DESKTOP 3 / 4 / 5
   ========================================================= */

@media(min-width:901px){

  #catalogGrid[data-cols="4"],
  #catalogGrid[data-cols="5"]{
    gap:15px!important;
  }


  #catalogGrid[data-cols="4"]
  .product-info,

  #catalogGrid[data-cols="5"]
  .product-info{
    padding:
      14px 14px 15px!important;
  }


  #catalogGrid[data-cols="4"]
  .product-info h3,

  #catalogGrid[data-cols="5"]
  .product-info h3{
    font-size:
      clamp(11px,1vw,14px)!important;

    line-height:1.25!important;
  }


  #catalogGrid[data-cols="5"]
  .product-info dl{
    display:none!important;
  }


  #catalogGrid[data-cols="5"]
  .product-shop-actions{
    gap:5px!important;
  }

}


/* =========================================================
   MOBILE 1 / 2 / 3
   ========================================================= */

@media(max-width:900px){

  .catalog-toolbar-pro{
    display:flex!important;
    flex-wrap:wrap!important;

    align-items:center!important;

    gap:9px!important;
  }


  .catalog-results-info{
    width:100%;
  }


  .catalog-sort-wrap{
    flex:1 1 170px!important;

    margin-left:0!important;
  }


  .catalog-sort-wrap select{
    width:100%!important;
  }


  .catalog-view-switcher{
    margin-left:auto;
  }


  .catalog-view-button{
    width:33px!important;
    height:33px!important;

    min-width:33px!important;

    padding:7px!important;
  }


  /*
   * Карточки каталога на телефоне больше
   * не ждут поздней reveal-анимации.
   */

  #catalogGrid
  .product-card.reveal{
    opacity:1!important;

    visibility:visible!important;

    transform:none!important;

    transition:
      box-shadow .18s ease,
      border-color .18s ease!important;
  }


  #catalogGrid{
    gap:10px!important;
  }


  /* ---------- 2 карточки ---------- */

  #catalogGrid[data-cols="2"]{
    gap:9px!important;
  }


  #catalogGrid[data-cols="2"]
  .product-info{
    padding:
      10px 10px 11px!important;
  }


  #catalogGrid[data-cols="2"]
  .product-info .model{
    font-size:9px!important;
  }


  #catalogGrid[data-cols="2"]
  .product-info h3{
    margin-top:4px!important;

    font-size:11px!important;
    line-height:1.25!important;

    display:-webkit-box;

    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;

    overflow:hidden;
  }


  #catalogGrid[data-cols="2"]
  .product-info dl{
    display:none!important;
  }


  #catalogGrid[data-cols="2"]
  .product-bottom{
    gap:5px!important;

    margin-top:8px!important;
  }


  #catalogGrid[data-cols="2"]
  .product-bottom strong{
    font-size:10px!important;
  }


  #catalogGrid[data-cols="2"]
  .product-bottom > a{
    display:none!important;
  }


  #catalogGrid[data-cols="2"]
  .product-shop-actions{
    display:none!important;
  }


  /* ---------- 3 карточки ---------- */

  #catalogGrid[data-cols="3"]{
    gap:6px!important;
  }


  #catalogGrid[data-cols="3"]
  .product-card{
    border-radius:11px!important;
  }


  #catalogGrid[data-cols="3"]
  .product-card-gallery{
    border-radius:
      10px 10px 0 0!important;
  }


  #catalogGrid[data-cols="3"]
  .product-info{
    padding:
      7px 7px 8px!important;
  }


  #catalogGrid[data-cols="3"]
  .product-info .model{
    font-size:7.5px!important;

    white-space:nowrap;

    overflow:hidden;
    text-overflow:ellipsis;
  }


  #catalogGrid[data-cols="3"]
  .product-info h3{
    margin:
      3px 0 0!important;

    font-size:9px!important;
    line-height:1.18!important;

    display:-webkit-box;

    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;

    overflow:hidden;

    min-height:21px;
  }


  #catalogGrid[data-cols="3"]
  .product-info dl{
    display:none!important;
  }


  #catalogGrid[data-cols="3"]
  .product-bottom{
    display:block!important;

    margin-top:5px!important;
  }


  #catalogGrid[data-cols="3"]
  .product-bottom strong{
    display:block!important;

    font-size:8px!important;
    line-height:1.2!important;
  }


  #catalogGrid[data-cols="3"]
  .product-bottom > a,
  #catalogGrid[data-cols="3"]
  .product-shop-actions{
    display:none!important;
  }


  #catalogGrid[data-cols="3"]
  .badge{
    top:5px!important;
    left:5px!important;

    padding:
      3px 5px!important;

    font-size:6px!important;
  }


  #catalogGrid[data-cols="3"]
  .demo-visual-badge{
    display:none!important;
  }


  #catalogGrid[data-cols="3"]
  .product-gallery-arrow{
    display:none!important;
  }


  #catalogGrid[data-cols="3"]
  .product-gallery-dots{
    bottom:4px!important;

    padding:
      3px 4px!important;

    gap:3px!important;
  }


  #catalogGrid[data-cols="3"]
  .product-gallery-dots button{
    width:3px!important;
    height:3px!important;

    flex-basis:3px!important;
  }


  #catalogGrid[data-cols="3"]
  .product-gallery-dots button.active{
    width:8px!important;

    flex-basis:8px!important;
  }

}


/* Очень узкие телефоны */

@media(max-width:370px){

  .catalog-view-button{
    width:30px!important;
    height:30px!important;

    min-width:30px!important;

    padding:6px!important;
  }

}




/* =========================================================
   CATALOG GRID VIEW + FAST MOBILE V295
   ========================================================= */


/* ---------- ПЕРЕКЛЮЧАТЕЛЬ ---------- */

.catalog-toolbar-pro{
  gap:14px!important;
}

.catalog-sort-wrap{
  margin-left:auto;
}

.catalog-view-switcher{
  display:flex;
  align-items:center;

  flex:0 0 auto;

  gap:3px;

  padding:3px;

  border:1px solid var(--line,#dedfd9);
  border-radius:10px;

  background:#fff;
}


.catalog-view-button{
  width:35px!important;
  height:35px!important;

  min-width:35px!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  margin:0!important;
  padding:7px!important;

  border:0!important;
  border-radius:7px!important;

  background:transparent!important;

  color:#a2a49f!important;

  box-shadow:none!important;

  cursor:pointer;

  transition:
    background .16s ease,
    color .16s ease,
    transform .16s ease!important;
}


.catalog-view-button svg{
  width:21px;
  height:21px;

  display:block;

  overflow:visible;
}


.catalog-view-button svg rect{
  fill:currentColor;
}


.catalog-view-button:hover{
  color:#262826!important;

  background:#f2f3ef!important;
}


.catalog-view-button.active{
  color:#1e201e!important;

  background:#eceee9!important;
}


/* ---------- САМА СЕТКА ---------- */

#catalogGrid.product-grid{
  grid-template-columns:
    repeat(
      var(--catalog-columns,3),
      minmax(0,1fr)
    )!important;

  align-items:stretch;
}


/* =========================================================
   DESKTOP 3 / 4 / 5
   ========================================================= */

@media(min-width:901px){

  #catalogGrid[data-cols="4"],
  #catalogGrid[data-cols="5"]{
    gap:15px!important;
  }


  #catalogGrid[data-cols="4"]
  .product-info,

  #catalogGrid[data-cols="5"]
  .product-info{
    padding:
      14px 14px 15px!important;
  }


  #catalogGrid[data-cols="4"]
  .product-info h3,

  #catalogGrid[data-cols="5"]
  .product-info h3{
    font-size:
      clamp(11px,1vw,14px)!important;

    line-height:1.25!important;
  }


  #catalogGrid[data-cols="5"]
  .product-info dl{
    display:none!important;
  }


  #catalogGrid[data-cols="5"]
  .product-shop-actions{
    gap:5px!important;
  }

}


/* =========================================================
   MOBILE 1 / 2 / 3
   ========================================================= */

@media(max-width:900px){

  .catalog-toolbar-pro{
    display:flex!important;
    flex-wrap:wrap!important;

    align-items:center!important;

    gap:9px!important;
  }


  .catalog-results-info{
    width:100%;
  }


  .catalog-sort-wrap{
    flex:1 1 170px!important;

    margin-left:0!important;
  }


  .catalog-sort-wrap select{
    width:100%!important;
  }


  .catalog-view-switcher{
    margin-left:auto;
  }


  .catalog-view-button{
    width:33px!important;
    height:33px!important;

    min-width:33px!important;

    padding:7px!important;
  }


  /*
   * Карточки каталога на телефоне больше
   * не ждут поздней reveal-анимации.
   */

  #catalogGrid
  .product-card.reveal{
    opacity:1!important;

    visibility:visible!important;

    transform:none!important;

    transition:
      box-shadow .18s ease,
      border-color .18s ease!important;
  }


  #catalogGrid{
    gap:10px!important;
  }


  /* ---------- 2 карточки ---------- */

  #catalogGrid[data-cols="2"]{
    gap:9px!important;
  }


  #catalogGrid[data-cols="2"]
  .product-info{
    padding:
      10px 10px 11px!important;
  }


  #catalogGrid[data-cols="2"]
  .product-info .model{
    font-size:9px!important;
  }


  #catalogGrid[data-cols="2"]
  .product-info h3{
    margin-top:4px!important;

    font-size:11px!important;
    line-height:1.25!important;

    display:-webkit-box;

    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;

    overflow:hidden;
  }


  #catalogGrid[data-cols="2"]
  .product-info dl{
    display:none!important;
  }


  #catalogGrid[data-cols="2"]
  .product-bottom{
    gap:5px!important;

    margin-top:8px!important;
  }


  #catalogGrid[data-cols="2"]
  .product-bottom strong{
    font-size:10px!important;
  }


  #catalogGrid[data-cols="2"]
  .product-bottom > a{
    display:none!important;
  }


  #catalogGrid[data-cols="2"]
  .product-shop-actions{
    display:none!important;
  }


  /* ---------- 3 карточки ---------- */

  #catalogGrid[data-cols="3"]{
    gap:6px!important;
  }


  #catalogGrid[data-cols="3"]
  .product-card{
    border-radius:11px!important;
  }


  #catalogGrid[data-cols="3"]
  .product-card-gallery{
    border-radius:
      10px 10px 0 0!important;
  }


  #catalogGrid[data-cols="3"]
  .product-info{
    padding:
      7px 7px 8px!important;
  }


  #catalogGrid[data-cols="3"]
  .product-info .model{
    font-size:7.5px!important;

    white-space:nowrap;

    overflow:hidden;
    text-overflow:ellipsis;
  }


  #catalogGrid[data-cols="3"]
  .product-info h3{
    margin:
      3px 0 0!important;

    font-size:9px!important;
    line-height:1.18!important;

    display:-webkit-box;

    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;

    overflow:hidden;

    min-height:21px;
  }


  #catalogGrid[data-cols="3"]
  .product-info dl{
    display:none!important;
  }


  #catalogGrid[data-cols="3"]
  .product-bottom{
    display:block!important;

    margin-top:5px!important;
  }


  #catalogGrid[data-cols="3"]
  .product-bottom strong{
    display:block!important;

    font-size:8px!important;
    line-height:1.2!important;
  }


  #catalogGrid[data-cols="3"]
  .product-bottom > a,
  #catalogGrid[data-cols="3"]
  .product-shop-actions{
    display:none!important;
  }


  #catalogGrid[data-cols="3"]
  .badge{
    top:5px!important;
    left:5px!important;

    padding:
      3px 5px!important;

    font-size:6px!important;
  }


  #catalogGrid[data-cols="3"]
  .demo-visual-badge{
    display:none!important;
  }


  #catalogGrid[data-cols="3"]
  .product-gallery-arrow{
    display:none!important;
  }


  #catalogGrid[data-cols="3"]
  .product-gallery-dots{
    bottom:4px!important;

    padding:
      3px 4px!important;

    gap:3px!important;
  }


  #catalogGrid[data-cols="3"]
  .product-gallery-dots button{
    width:3px!important;
    height:3px!important;

    flex-basis:3px!important;
  }


  #catalogGrid[data-cols="3"]
  .product-gallery-dots button.active{
    width:8px!important;

    flex-basis:8px!important;
  }

}


/* Очень узкие телефоны */

@media(max-width:370px){

  .catalog-view-button{
    width:30px!important;
    height:30px!important;

    min-width:30px!important;

    padding:6px!important;
  }

}




/* =========================================================
   CATALOG GRID POLISH V296
   ========================================================= */


/* ---------------------------------------------------------
   ОБЩИЙ ПЕРЕКЛЮЧАТЕЛЬ
   --------------------------------------------------------- */

.catalog-view-switcher{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;

  gap:3px!important;

  width:auto!important;
  min-width:0!important;

  margin:0!important;

  padding:4px!important;

  border:1px solid #dedfd9!important;
  border-radius:12px!important;

  background:#f5f6f3!important;

  box-shadow:none!important;
}


.catalog-view-button{
  position:relative!important;

  width:36px!important;
  height:36px!important;

  min-width:36px!important;
  min-height:36px!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  margin:0!important;
  padding:7px!important;

  border:0!important;
  border-radius:8px!important;

  background:transparent!important;

  color:#a7aaa4!important;

  box-shadow:none!important;

  transition:
    background .15s ease,
    color .15s ease!important;
}


.catalog-view-button svg{
  display:block!important;

  width:21px!important;
  height:19px!important;

  margin:0!important;

  overflow:visible!important;
}


.catalog-view-button svg rect{
  fill:currentColor!important;
}


.catalog-view-button.active{
  background:#20231f!important;

  color:#fff!important;
}


@media(hover:hover){

  .catalog-view-button:not(.active):hover{
    background:#e9ebe6!important;

    color:#454943!important;

    transform:none!important;
  }

}


/* ---------------------------------------------------------
   МОБИЛЬНАЯ ПАНЕЛЬ
   --------------------------------------------------------- */

@media(max-width:900px){

  .catalog-toolbar.catalog-toolbar-pro{
    display:grid!important;

    grid-template-columns:
      minmax(0,1fr)
      auto!important;

    grid-template-rows:
      auto
      auto!important;

    column-gap:10px!important;
    row-gap:12px!important;

    align-items:end!important;

    width:100%!important;

    height:auto!important;
    min-height:0!important;
    max-height:none!important;

    margin:
      0 0 14px!important;

    padding:
      16px!important;

    overflow:visible!important;
  }


  .catalog-toolbar.catalog-toolbar-pro::before,
  .catalog-toolbar.catalog-toolbar-pro::after{
    content:none!important;

    display:none!important;
  }


  .catalog-results-info{
    grid-column:
      1 / -1!important;

    grid-row:1!important;

    width:auto!important;
    height:auto!important;
    min-height:0!important;

    margin:0!important;
    padding:0!important;
  }


  .catalog-results-info strong{
    margin:0!important;

    font-size:17px!important;
    line-height:1.15!important;
  }


  .catalog-results-info small{
    margin-top:4px!important;

    font-size:10px!important;
    line-height:1.3!important;
  }


  .catalog-sort-wrap{
    grid-column:1!important;
    grid-row:2!important;

    display:block!important;

    width:100%!important;
    min-width:0!important;

    margin:0!important;
    padding:0!important;
  }


  .catalog-sort-wrap > span{
    display:none!important;
  }


  .catalog-sort-wrap select{
    width:100%!important;

    height:46px!important;
    min-height:46px!important;

    margin:0!important;

    padding:
      0 40px 0 14px!important;

    border-radius:11px!important;

    font-size:12px!important;
  }


  .catalog-view-switcher{
    grid-column:2!important;
    grid-row:2!important;

    align-self:end!important;

    height:46px!important;

    padding:4px!important;
  }


  .catalog-view-button{
    width:34px!important;
    height:36px!important;

    min-width:34px!important;
    min-height:36px!important;

    padding:7px!important;
  }


  .catalog-view-button svg{
    width:19px!important;
    height:18px!important;
  }

}


/* ---------------------------------------------------------
   ОЧЕНЬ УЗКИЕ ТЕЛЕФОНЫ
   --------------------------------------------------------- */

@media(max-width:390px){

  .catalog-toolbar.catalog-toolbar-pro{
    column-gap:7px!important;

    padding:
      14px!important;
  }


  .catalog-view-switcher{
    gap:1px!important;

    padding:3px!important;
  }


  .catalog-view-button{
    width:30px!important;
    height:38px!important;

    min-width:30px!important;

    padding:6px!important;
  }

}


/* =========================================================
   DESKTOP 4 / 5 COLUMNS
   ТОЛЬКО ФОТО + НАЗВАНИЕ + ЦЕНА
   ========================================================= */

@media(min-width:901px){

  #catalogGrid[data-cols="4"]
  .product-info,

  #catalogGrid[data-cols="5"]
  .product-info{
    padding:
      12px 13px 14px!important;
  }


  #catalogGrid[data-cols="4"]
  .product-info .model,

  #catalogGrid[data-cols="5"]
  .product-info .model{
    display:none!important;
  }


  #catalogGrid[data-cols="4"]
  .product-info dl,

  #catalogGrid[data-cols="5"]
  .product-info dl{
    display:none!important;
  }


  #catalogGrid[data-cols="4"]
  .product-info h3,

  #catalogGrid[data-cols="5"]
  .product-info h3{
    margin:
      0!important;

    font-size:13px!important;
    line-height:1.3!important;

    display:-webkit-box!important;

    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;

    overflow:hidden!important;
  }


  #catalogGrid[data-cols="5"]
  .product-info h3{
    font-size:12px!important;
  }


  #catalogGrid[data-cols="4"]
  .product-bottom,

  #catalogGrid[data-cols="5"]
  .product-bottom{
    display:block!important;

    margin-top:9px!important;

    padding-top:0!important;
  }


  #catalogGrid[data-cols="4"]
  .product-bottom strong,

  #catalogGrid[data-cols="5"]
  .product-bottom strong{
    display:block!important;

    font-size:13px!important;
    line-height:1.2!important;
  }


  #catalogGrid[data-cols="5"]
  .product-bottom strong{
    font-size:12px!important;
  }


  #catalogGrid[data-cols="4"]
  .product-bottom > a,

  #catalogGrid[data-cols="5"]
  .product-bottom > a{
    display:none!important;
  }


  #catalogGrid[data-cols="4"]
  .product-shop-actions,

  #catalogGrid[data-cols="5"]
  .product-shop-actions{
    display:none!important;
  }


  /*
   * Делаем компактные карточки
   * визуально одинаковой высоты.
   */

  #catalogGrid[data-cols="4"]
  .product-card,

  #catalogGrid[data-cols="5"]
  .product-card{
    height:auto!important;
    min-height:0!important;
  }


  #catalogGrid[data-cols="4"]
  .product-card-gallery,

  #catalogGrid[data-cols="5"]
  .product-card-gallery{
    aspect-ratio:
      4 / 3!important;
  }

}




/* =========================================================
   ASSISTANT HARD FIXED POSITION V297
   ========================================================= */

@media(max-width:650px){

  body > .floating-actions{
    position:fixed!important;

    top:auto!important;
    left:auto!important;

    right:
      max(
        12px,
        env(safe-area-inset-right)
      )!important;

    bottom:
      max(
        12px,
        env(safe-area-inset-bottom)
      )!important;

    z-index:9998!important;

    width:54px!important;
    height:54px!important;

    min-width:54px!important;
    min-height:54px!important;

    max-width:54px!important;
    max-height:54px!important;

    margin:0!important;
    padding:0!important;

    display:block!important;

    background:transparent!important;

    border:0!important;
    border-radius:0!important;

    box-shadow:none!important;

    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;

    /*
     * Контейнер помощника никогда
     * не участвует в прокрутке страницы.
     */

    transform:translate3d(0,0,0)!important;

    translate:none!important;

    contain:layout style!important;

    isolation:isolate!important;

    pointer-events:none!important;

    -webkit-transform:
      translate3d(0,0,0)!important;
  }


  body > .floating-actions
  > .assistant-btn{

    position:absolute!important;

    top:0!important;
    right:0!important;
    bottom:auto!important;
    left:auto!important;

    width:54px!important;
    height:54px!important;

    min-width:54px!important;
    min-height:54px!important;

    margin:0!important;

    pointer-events:auto!important;
  }

}


/*
 * На ПК сохраняем обычное фиксированное положение.
 */

@media(min-width:651px){

  body > .floating-actions{
    position:fixed!important;

    top:auto!important;
    left:auto!important;

    right:16px!important;
    bottom:16px!important;

    z-index:9998!important;
  }

}




/* =========================================================
   ASSISTANT HARD FIXED POSITION V297
   ========================================================= */

@media(max-width:650px){

  body > .floating-actions{
    position:fixed!important;

    top:auto!important;
    left:auto!important;

    right:
      max(
        12px,
        env(safe-area-inset-right)
      )!important;

    bottom:
      max(
        12px,
        env(safe-area-inset-bottom)
      )!important;

    z-index:9998!important;

    width:54px!important;
    height:54px!important;

    min-width:54px!important;
    min-height:54px!important;

    max-width:54px!important;
    max-height:54px!important;

    margin:0!important;
    padding:0!important;

    display:block!important;

    background:transparent!important;

    border:0!important;
    border-radius:0!important;

    box-shadow:none!important;

    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;

    /*
     * Контейнер помощника никогда
     * не участвует в прокрутке страницы.
     */

    transform:translate3d(0,0,0)!important;

    translate:none!important;

    contain:layout style!important;

    isolation:isolate!important;

    pointer-events:none!important;

    -webkit-transform:
      translate3d(0,0,0)!important;
  }


  body > .floating-actions
  > .assistant-btn{

    position:absolute!important;

    top:0!important;
    right:0!important;
    bottom:auto!important;
    left:auto!important;

    width:54px!important;
    height:54px!important;

    min-width:54px!important;
    min-height:54px!important;

    margin:0!important;

    pointer-events:auto!important;
  }

}


/*
 * На ПК сохраняем обычное фиксированное положение.
 */

@media(min-width:651px){

  body > .floating-actions{
    position:fixed!important;

    top:auto!important;
    left:auto!important;

    right:16px!important;
    bottom:16px!important;

    z-index:9998!important;
  }

}




/* =========================================================
   ASSISTANT VISUAL VIEWPORT V298
   ========================================================= */

@media(max-width:650px){

  body > .floating-actions{
    position:fixed!important;

    left:auto!important;
    right:12px!important;

    bottom:auto!important;

    width:54px!important;
    height:54px!important;

    margin:0!important;
    padding:0!important;

    z-index:99999!important;

    transform:none!important;
    -webkit-transform:none!important;

    will-change:top!important;

    pointer-events:none!important;
  }

  body > .floating-actions > .assistant-btn{
    position:absolute!important;

    top:0!important;
    right:0!important;
    bottom:auto!important;
    left:auto!important;

    width:54px!important;
    height:54px!important;

    margin:0!important;

    pointer-events:auto!important;
  }

}



/* =========================================================
   ASSISTANT POSITION RESET V299
   ========================================================= */

@media(max-width:650px){

  body > .floating-actions{
    position:fixed!important;

    top:auto!important;
    left:auto!important;

    right:12px!important;

    bottom:
      calc(
        12px + env(safe-area-inset-bottom,0px)
      )!important;

    width:54px!important;
    height:54px!important;

    min-width:54px!important;
    min-height:54px!important;

    max-width:54px!important;
    max-height:54px!important;

    margin:0!important;
    padding:0!important;

    z-index:99999!important;

    transform:none!important;
    -webkit-transform:none!important;

    translate:none!important;

    will-change:auto!important;

    pointer-events:none!important;
  }


  body > .floating-actions > .assistant-btn{
    position:relative!important;

    inset:auto!important;

    width:54px!important;
    height:54px!important;

    margin:0!important;
    padding:0!important;

    pointer-events:auto!important;
  }

}



/* =========================================================
   PRODUCT PHONE BUTTON V302
   ========================================================= */

.product-page-top .hero-actions .btn.btn-ghost,
.product-intro .hero-actions .btn.btn-ghost{
  background:#fff!important;

  color:#171917!important;

  border:1px solid #d8dad5!important;

  box-shadow:none!important;
}


.product-page-top .hero-actions .btn.btn-ghost svg,
.product-intro .hero-actions .btn.btn-ghost svg{
  color:#171917!important;

  stroke:currentColor!important;
}


/* ПК */

@media(hover:hover) and (pointer:fine){

  .product-page-top .hero-actions .btn.btn-ghost:hover,
  .product-intro .hero-actions .btn.btn-ghost:hover{
    background:#f1f2ee!important;

    color:#111!important;

    border-color:#c7cac3!important;

    transform:none!important;
  }

}


/* Телефон */

@media(hover:none), (pointer:coarse){

  .product-page-top .hero-actions .btn.btn-ghost,
  .product-intro .hero-actions .btn.btn-ghost{
    color:#171917!important;

    -webkit-text-fill-color:#171917!important;
  }

}




/* PRODUCT PAGE STATUS COLORS V303 START */

/*
 * Страница товара использует те же
 * цвета статусов, что и каталог.
 */

.product-page-top .status-pill.status-order{
background:#eef0f3!important;
color:#626b77!important;
border-color:#dfe3e8!important;
}

.product-page-top .status-pill.status-way{
background:#fff3c4!important;
color:#8a6500!important;
border-color:#f3d45c!important;
}

.product-page-top .status-pill.status-stock{
background:#dff5d8!important;
color:#2f6b2f!important;
border-color:#bfe3b6!important;
}


/*
 * Дополнительная защита от старого
 * красного оформления product-page.
 */

.product-page-top .status-pill.status-order,
.product-page-top .status-pill.status-way,
.product-page-top .status-pill.status-stock{
    opacity:1!important;
}

/* PRODUCT PAGE STATUS COLORS V303 END */





/* =========================================================
   PRODUCT SHOP SIGN CLEAN V311
   ========================================================= */

/*
 * Положение, размер и display штатного кружка не меняем.
 * Убираем только нежелательный белый контур.
 */

.product-page-shop-actions .shop-plus{
  border:0!important;
  box-shadow:none!important;
}





/* =========================================================
   GLOBAL MOBILE FAST MODE V314
   ========================================================= */

@media(max-width:650px){

  /*
   * На телефоне контент не ждёт IntersectionObserver.
   * Блоки сразу находятся в своём нормальном положении.
   */

  .reveal,
  .reveal.visible,
  .reveal.show,
  .reveal.is-visible{
    opacity:1!important;
    visibility:visible!important;

    transform:none!important;
    translate:none!important;

    filter:none!important;

    transition:none!important;
    transition-delay:0s!important;

    animation:none!important;
  }


  /*
   * Вложенные reveal также не должны ждать
   * индивидуальные data-delay.
   */

  .reveal *{
    transition-delay:0s;
  }

}




/* =========================================================
   PRODUCT ORDER CARD V316
   Визуальный дизайн без изменения положения блока
   ========================================================= */

.order-card-pro{
  background:
    linear-gradient(
      135deg,
      rgba(255,20,20,.065) 0%,
      rgba(255,20,20,.018) 34%,
      transparent 58%
    ),
    linear-gradient(
      145deg,
      #1b1e1b 0%,
      #121412 56%,
      #0e100f 100%
    )!important;

  border-color:
    rgba(255,255,255,.09)!important;

  border-radius:
    18px!important;

  color:
    #fff!important;

  box-shadow:
    inset 3px 0 0 #f01616,
    inset 0 1px 0 rgba(255,255,255,.055),
    0 12px 32px rgba(15,18,15,.10)!important;
}


/* Заголовок */

.order-card-pro h3{
  color:#fff!important;

  letter-spacing:
    -.018em!important;

  line-height:
    1.15!important;
}


/* Описание */

.order-card-pro p{
  color:
    rgba(255,255,255,.64)!important;

  line-height:
    1.58!important;
}


/* Если есть небольшой верхний текст */

.order-card-pro .kicker,
.order-card-pro .eyebrow{
  color:
    #ff3131!important;
}


/* Кнопка */

.order-card-pro .btn,
.order-card-pro button{
  background:
    #f01616!important;

  border-color:
    #f01616!important;

  color:
    #fff!important;

  box-shadow:
    0 7px 18px rgba(240,22,22,.17)!important;
}


@media(hover:hover) and (pointer:fine){

  .order-card-pro .btn:hover,
  .order-card-pro button:hover{
    background:
      #ff2020!important;

    border-color:
      #ff2020!important;

    color:#fff!important;
  }

}


/* На мобильном меняем только внешний вид */

@media(max-width:650px){

  .order-card-pro{
    border-radius:
      16px!important;

    box-shadow:
      inset 3px 0 0 #f01616,
      inset 0 1px 0 rgba(255,255,255,.05),
      0 8px 24px rgba(15,18,15,.08)!important;
  }

}




/* =========================================================
   PRODUCT ORDER CARD CLEAN V317
   ========================================================= */

/*
 * Убираем красную вертикальную полосу V316.
 * Оставляем только спокойную фирменную карточку.
 */

.order-card-pro{
  border:
    1px solid rgba(255,255,255,.10)!important;

  background:
    linear-gradient(
      145deg,
      #1a1c1a 0%,
      #121412 55%,
      #0d0f0e 100%
    )!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    0 14px 36px rgba(12,14,12,.11)!important;
}


/*
 * Убираем декоративную иконку сверху.
 * Она не соответствует остальной визуальной системе сайта.
 */

.order-card-pro > span:first-child{
  display:none!important;
}


/*
 * На случай если иконка имеет отдельный класс.
 */

.order-card-pro .order-card-icon,
.order-card-pro .order-icon{
  display:none!important;
}


/*
 * "ПЕРЕД ЗАКАЗОМ" делаем спокойной служебной подписью,
 * а не ещё одним ярким акцентом.
 */

.order-card-pro .kicker,
.order-card-pro .eyebrow{
  color:
    rgba(255,255,255,.38)!important;

  margin-top:0!important;
}


/*
 * Никаких декоративных точек или полос.
 */

.order-card-pro .kicker:before,
.order-card-pro .eyebrow:before{
  content:none!important;
  display:none!important;
}


/*
 * Чуть чище сама кнопка.
 */

.order-card-pro .btn,
.order-card-pro button{
  box-shadow:
    0 8px 22px rgba(240,22,22,.14)!important;
}


@media(max-width:650px){

  .order-card-pro{
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.05),
      0 10px 28px rgba(12,14,12,.09)!important;
  }

}




/* =========================================================
   REQUEST MODAL CONSENT FIX V321
   ========================================================= */

.request-dialog .consent-line{
  display:flex!important;
  align-items:flex-start!important;
  gap:9px!important;

  width:100%!important;

  color:#555b52!important;

  font-size:10px!important;
  font-weight:500!important;
  line-height:1.55!important;

  white-space:normal!important;
  overflow:visible!important;
}


.request-dialog .consent-line input[type="checkbox"]{
  flex:0 0 auto!important;

  width:15px!important;
  height:15px!important;

  margin:2px 0 0!important;
  padding:0!important;

  accent-color:#f01616;
}


.request-dialog .consent-line span{
  display:block!important;

  flex:1 1 auto!important;
  min-width:0!important;

  white-space:normal!important;

  overflow:visible!important;
  max-height:none!important;

  text-overflow:clip!important;
}


/*
 * ВАЖНО:
 * глобальный .consent-line a белый,
 * потому что используется и на тёмных формах.
 * В белом модальном окне ссылки должны быть тёмными.
 */

.request-dialog .consent-line a{
  color:#252823!important;

  font-weight:650!important;

  text-decoration:underline!important;
  text-decoration-thickness:1px!important;
  text-underline-offset:2px!important;
}


@media(max-width:650px){

  .request-dialog .consent-line{
    font-size:10.5px!important;
    line-height:1.5!important;
  }

}




/* =========================================================
   COMPARE IMAGE FIX V323
   Только отображение изображений в сравнении
   ========================================================= */

.compare-product-media{
  width:100%!important;
  height:190px!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  padding:12px!important;

  overflow:hidden!important;

  box-sizing:border-box!important;

  background:
    linear-gradient(
      145deg,
      #f4f6f1,
      #ecefe8
    )!important;

  border-radius:18px!important;
}


.compare-product-media img{
  display:block!important;

  width:100%!important;
  height:100%!important;

  max-width:100%!important;
  max-height:100%!important;

  padding:0!important;
  margin:0!important;

  object-fit:contain!important;
  object-position:center center!important;

  box-sizing:border-box!important;

  background:transparent!important;
  border-radius:0!important;
}


/* Телефон */

@media(max-width:680px){

  .compare-product-media{
    height:155px!important;
    padding:8px!important;
  }

  .compare-product-media img{
    width:100%!important;
    height:100%!important;

    object-fit:contain!important;
    object-position:center center!important;
  }

}


/* COMPARE IMAGE FIX V323 END */




/* =========================================================
   CART MARKETPLACE VISUAL V335
   Только внешний вид корзины
   ========================================================= */


/* Основная карточка */

.shop-page .cart-item{
  position:relative!important;

  grid-template-columns:
    142px
    minmax(0,1fr)
    176px!important;

  gap:22px!important;

  padding:18px!important;
  margin-bottom:14px!important;

  background:#fff!important;

  border:
    1px solid
    rgba(19,27,18,.075)!important;

  border-radius:22px!important;

  box-shadow:
    0 7px 24px
    rgba(27,35,25,.045)!important;

  transition:
    border-color .18s ease,
    box-shadow .18s ease,
    transform .18s ease!important;
}


@media(hover:hover) and (pointer:fine){

  .shop-page .cart-item:hover{
    transform:translateY(-2px)!important;

    border-color:
      rgba(19,27,18,.13)!important;

    box-shadow:
      0 14px 38px
      rgba(27,35,25,.075)!important;
  }

}


/* Картинка */

.shop-page .cart-thumb{
  width:142px!important;
  height:122px!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  padding:8px!important;

  overflow:hidden!important;

  background:
    linear-gradient(
      145deg,
      #f7f8f5,
      #f0f2ed
    )!important;

  border:
    1px solid
    rgba(20,26,18,.05)!important;

  border-radius:17px!important;
}


.shop-page .cart-thumb img{
  width:100%!important;
  height:100%!important;

  padding:0!important;
  margin:0!important;

  object-fit:contain!important;
  object-position:center!important;

  border-radius:11px!important;

  background:transparent!important;
}


.shop-page .cart-thumb-empty{
  color:#697064!important;

  font-size:13px!important;
  font-weight:600!important;

  text-align:center!important;
}


/* Центральная часть */

.shop-page .cart-item-main{
  min-width:0!important;

  display:flex!important;
  flex-direction:column!important;

  justify-content:center!important;

  gap:7px!important;
}


.shop-page .cart-topline{
  display:flex!important;
  align-items:center!important;

  gap:8px!important;

  flex-wrap:wrap!important;
}


/* Код модели */

.shop-page .cart-item-main .model{
  display:inline-flex!important;
  align-items:center!important;

  width:max-content!important;

  padding:6px 9px!important;

  border-radius:999px!important;

  background:#182236!important;
  color:#fff!important;

  font-size:10px!important;
  font-weight:700!important;
  line-height:1!important;

  letter-spacing:.035em!important;
}


/* Статус */

.shop-page .cart-status{
  display:inline-flex!important;
  align-items:center!important;

  width:max-content!important;

  padding:6px 9px!important;

  border-radius:999px!important;

  border:
    1px solid
    rgba(25,31,23,.06)!important;

  font-size:10px!important;
  font-weight:600!important;
  line-height:1!important;
}


.shop-page .cart-status.status-order{
  background:#f1f3f0!important;
  color:#737b70!important;
}


.shop-page .cart-status.status-way{
  background:#fff4da!important;
  color:#8a681d!important;
}


.shop-page .cart-status.status-stock{
  background:#eaf7ec!important;
  color:#397143!important;
}


/* Название */

.shop-page .cart-title{
  display:block!important;

  margin:1px 0 0!important;

  color:#151a14!important;

  font-size:19px!important;
  font-weight:650!important;
  line-height:1.25!important;

  letter-spacing:-.025em!important;

  text-decoration:none!important;

  transition:opacity .18s ease!important;
}


.shop-page .cart-title:hover{
  opacity:.68!important;
}


/* Цена за единицу */

.shop-page .cart-unit-price{
  display:flex!important;
  align-items:baseline!important;

  gap:8px!important;

  margin-top:6px!important;
}


.shop-page .cart-unit-price strong{
  margin:0!important;

  color:#151a14!important;

  font-size:19px!important;
  font-weight:700!important;
  line-height:1.15!important;
}


.shop-page .cart-unit-price span{
  color:#929a8f!important;

  font-size:11px!important;
  font-weight:500!important;
}


/* Правая часть */

.shop-page .cart-item-side{
  display:flex!important;
  flex-direction:column!important;

  align-items:flex-end!important;
  justify-content:center!important;

  gap:11px!important;
}


/* Количество */

.shop-page .cart-qty{
  display:grid!important;

  grid-template-columns:
    36px 40px 36px!important;

  align-items:center!important;

  height:40px!important;

  padding:3px!important;

  overflow:hidden!important;

  background:#f4f5f2!important;

  border:
    1px solid
    rgba(18,25,16,.055)!important;

  border-radius:13px!important;
}


.shop-page .cart-qty button{
  width:34px!important;
  height:32px!important;

  display:grid!important;
  place-items:center!important;

  padding:0!important;

  border:0!important;
  border-radius:9px!important;

  background:transparent!important;
  color:#1d231c!important;

  font-size:18px!important;
  font-weight:600!important;

  cursor:pointer!important;

  transition:
    background .16s ease,
    transform .16s ease!important;
}


.shop-page .cart-qty button:hover{
  background:#fff!important;

  box-shadow:
    0 2px 7px
    rgba(20,28,18,.07)!important;
}


.shop-page .cart-qty button:active{
  transform:scale(.94)!important;
}


.shop-page .cart-qty span{
  min-width:0!important;

  display:grid!important;
  place-items:center!important;

  color:#151a14!important;

  font-size:14px!important;
  font-weight:700!important;
}


/* Сумма */

.shop-page .cart-line-total{
  display:flex!important;
  flex-direction:column!important;

  align-items:flex-end!important;

  gap:2px!important;
}


.shop-page .cart-line-total span{
  color:#a0a79d!important;

  font-size:11px!important;
  font-weight:500!important;
}


.shop-page .cart-line-total strong{
  color:#161b15!important;

  font-size:21px!important;
  font-weight:700!important;

  letter-spacing:-.025em!important;
}


/* Удалить */

.shop-page .cart-remove{
  padding:7px 10px!important;

  border:0!important;
  border-radius:10px!important;

  background:#f6f7f5!important;
  color:#858d82!important;

  font-size:11px!important;
  font-weight:600!important;

  cursor:pointer!important;

  transition:
    background .16s ease,
    color .16s ease!important;
}


.shop-page .cart-remove:hover{
  background:#fff0ef!important;
  color:#d6322e!important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:680px){

  .shop-page .cart-item{
    grid-template-columns:
      96px minmax(0,1fr)!important;

    grid-template-areas:
      "image main"
      "side side"!important;

    gap:12px 14px!important;

    padding:13px!important;

    border-radius:18px!important;

    box-shadow:
      0 6px 20px
      rgba(27,35,25,.045)!important;
  }


  .shop-page .cart-thumb{
    grid-area:image!important;

    width:96px!important;
    height:88px!important;

    padding:6px!important;

    border-radius:14px!important;
  }


  .shop-page .cart-item-main{
    grid-area:main!important;

    gap:5px!important;
  }


  .shop-page .cart-item-side{
    grid-area:side!important;

    width:100%!important;

    display:grid!important;

    grid-template-columns:
      auto minmax(0,1fr) auto!important;

    align-items:center!important;

    gap:10px!important;

    padding-top:11px!important;

    border-top:
      1px solid
      #eef0eb!important;
  }


  .shop-page .cart-item-main .model,
  .shop-page .cart-status{
    padding:5px 7px!important;

    font-size:8.5px!important;
  }


  .shop-page .cart-title{
    font-size:15px!important;
    line-height:1.23!important;
  }


  .shop-page .cart-unit-price{
    gap:6px!important;

    margin-top:3px!important;
  }


  .shop-page .cart-unit-price strong{
    font-size:15px!important;
  }


  .shop-page .cart-unit-price span{
    font-size:9px!important;
  }


  .shop-page .cart-qty{
    grid-template-columns:
      32px 34px 32px!important;

    height:36px!important;

    border-radius:11px!important;
  }


  .shop-page .cart-qty button{
    width:30px!important;
    height:28px!important;

    font-size:17px!important;
  }


  .shop-page .cart-qty span{
    font-size:13px!important;
  }


  .shop-page .cart-line-total{
    align-items:flex-end!important;
  }


  .shop-page .cart-line-total span{
    font-size:9px!important;
  }


  .shop-page .cart-line-total strong{
    font-size:16px!important;
  }


  .shop-page .cart-remove{
    padding:7px 9px!important;

    font-size:10px!important;
  }

}


/* CART MARKETPLACE VISUAL V335 END */




/* =========================================================
   DELIVERY PREMIUM V338
   ========================================================= */


.vt-delivery-v338{
  overflow:hidden;
  background:#fff;
}


/* HERO */

.vt-delivery-hero{
  padding-top:68px!important;
  padding-bottom:72px!important;
}


.vt-delivery-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 390px;
  gap:72px;
  align-items:end;
  margin-top:26px;
}


.vt-delivery-hero-copy{
  max-width:800px;
}


.vt-delivery-hero-copy h1{
  max-width:790px;
  margin:0 0 23px;
  font-size:58px;
  line-height:.98;
  letter-spacing:-.05em;
}


.vt-delivery-hero-copy p{
  max-width:650px;
  margin:0 0 29px;
  color:rgba(255,255,255,.61)!important;
  font-size:15px!important;
  line-height:1.68!important;
}


.vt-delivery-hero-panel{
  overflow:hidden;
  border:1px solid rgba(255,255,255,.09);
  border-radius:23px;
  background:rgba(255,255,255,.04);
  box-shadow:0 20px 55px rgba(0,0,0,.18);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}


.vt-delivery-hero-panel-head{
  padding:20px 21px 17px;
  border-bottom:1px solid rgba(255,255,255,.07);
}


.vt-delivery-hero-panel-head span{
  display:block;
  margin-bottom:5px;
  color:#ff3838;
  font-size:9px;
  font-weight:800;
  letter-spacing:.10em;
  text-transform:uppercase;
}


.vt-delivery-hero-panel-head strong{
  color:#fff;
  font-size:20px;
}


.vt-delivery-hero-point{
  display:grid;
  grid-template-columns:38px 1fr;
  gap:13px;
  padding:17px 21px;
  border-bottom:1px solid rgba(255,255,255,.065);
}


.vt-delivery-hero-point:last-child{
  border-bottom:0;
}


.vt-delivery-hero-point>b{
  color:#ff3434;
  font-size:9px;
  font-weight:800;
}


.vt-delivery-hero-point div{
  display:grid;
  gap:4px;
}


.vt-delivery-hero-point strong{
  color:#fff;
  font-size:12.5px;
}


.vt-delivery-hero-point span{
  color:rgba(255,255,255,.45);
  font-size:10.5px;
  line-height:1.45;
}



/* COMMON */

.vt-delivery-heading{
  display:grid;
  grid-template-columns:minmax(0,1fr) 420px;
  gap:70px;
  align-items:end;
  margin-bottom:38px;
}


.vt-delivery-heading h2{
  margin:0;
}


.vt-delivery-heading>p{
  margin:0;
  color:#71796e;
  font-size:13.5px;
  line-height:1.7;
}



/* SHIPPING */

.vt-shipping-section{
  padding-top:82px;
  padding-bottom:86px;
}


.vt-shipping-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}


.vt-shipping-card{
  position:relative;
  min-height:285px;
  display:flex;
  flex-direction:column;
  padding:25px;
  overflow:hidden;
  border:1px solid #e1e5dd;
  border-radius:23px;
  background:#fff;
  box-shadow:0 11px 32px rgba(25,31,23,.05);
  transition:
    transform .22s ease,
    box-shadow .22s ease,
    border-color .22s ease;
}


@media(hover:hover) and (pointer:fine){

  .vt-shipping-card:hover{
    transform:translateY(-5px);
    border-color:#d4d9d0;
    box-shadow:0 20px 46px rgba(25,31,23,.085);
  }

}


.vt-shipping-card-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:43px;
}


.vt-shipping-card-top span{
  color:#a2aaa0;
  font-size:10px;
  font-weight:800;
}


.vt-shipping-card-top b{
  padding:6px 10px;
  border-radius:999px;
  background:#f1f3ef;
  color:#657062;
  font-size:9px;
  font-weight:700;
}


.vt-shipping-card h3{
  margin:0 0 12px;
  color:#171c16;
  font-size:21px;
  line-height:1.2;
}


.vt-shipping-card p{
  margin:0;
  color:#71796e;
  font-size:12.5px;
  line-height:1.65;
}


.vt-shipping-card-accent:after{
  content:"";
  position:absolute;
  left:25px;
  right:25px;
  bottom:0;
  height:2px;
  border-radius:999px;
  background:#ef2525;
}


.vt-shipping-card-accent
.vt-shipping-card-top b{
  background:#fff0ef;
  color:#ce312d;
}



/* ROUTE */

.vt-route{
  display:grid;
  grid-template-columns:
    auto 1fr auto 1fr auto 1fr auto 1fr auto;
  align-items:center;
  gap:14px;
  margin-top:22px;
  padding:20px 22px;
  border:1px solid #e2e6df;
  border-radius:19px;
  background:linear-gradient(180deg,#fbfcfa,#f6f8f4);
}


.vt-route>div{
  display:flex;
  align-items:center;
  gap:8px;
  white-space:nowrap;
}


.vt-route b{
  color:#ec2929;
  font-size:9px;
}


.vt-route strong{
  color:#3b4338;
  font-size:10px;
}


.vt-route>i{
  height:1px;
  background:#d9dfd6;
}



/* PAYMENT */

.vt-payment-section{
  padding-top:82px;
  padding-bottom:88px;
}


.vt-payment-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) 360px;
  gap:18px;
}


.vt-payment-card{
  overflow:hidden;
  border:1px solid #dfe4dc;
  border-radius:23px;
  background:#fff;
  box-shadow:0 11px 32px rgba(25,31,23,.05);
}


.vt-payment-card-head{
  display:flex;
  align-items:center;
  gap:15px;
  padding:23px;
  border-bottom:1px solid #e9ede6;
}


.vt-payment-card-head>span{
  width:45px;
  height:45px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:14px;
  background:#f0f3ee;
  color:#333b31;
  font-size:10px;
  font-weight:850;
}


.vt-payment-card-head div{
  display:grid;
  gap:3px;
}


.vt-payment-card-head small{
  color:#9aa197;
  font-size:8.5px;
  text-transform:uppercase;
  letter-spacing:.08em;
}


.vt-payment-card-head h3{
  margin:0;
  font-size:20px;
}


.vt-payment-list>div{
  min-height:62px;
  display:grid;
  grid-template-columns:34px 1fr;
  gap:12px;
  align-items:center;
  padding:13px 23px;
  border-bottom:1px solid #edf0eb;
}


.vt-payment-list>div:last-child{
  border-bottom:0;
}


.vt-payment-list b{
  color:#a1a79e;
  font-size:9px;
}


.vt-payment-list span{
  color:#373e35;
  font-size:11.5px;
  line-height:1.45;
  font-weight:550;
}


.vt-payment-trust{
  display:flex;
  flex-direction:column;
  padding:27px;
  border:1px solid #dce1da;
  border-radius:23px;
  background:linear-gradient(145deg,#fff,#f4f6f2);
  box-shadow:0 13px 36px rgba(25,31,23,.055);
}


.vt-payment-trust h3{
  margin:5px 0 14px;
  color:#171c16;
  font-size:25px;
  line-height:1.1;
  letter-spacing:-.035em;
}


.vt-payment-trust>p{
  margin:0 0 20px;
  color:#71796e;
  font-size:11.5px;
  line-height:1.65;
}


.vt-payment-tags{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-bottom:24px;
}


.vt-payment-tags span{
  padding:7px 9px;
  border:1px solid #e3e7e0;
  border-radius:999px;
  background:#fff;
  color:#596257;
  font-size:9px;
  font-weight:650;
}


.vt-payment-trust .btn{
  width:100%;
  justify-content:center;
  margin-top:auto;
}



/* CHINA LOGISTICS */

.vt-china-section{
  padding-top:82px;
  padding-bottom:92px;
}


.vt-china-shell{
  display:grid;
  grid-template-columns:minmax(390px,.88fr) minmax(0,1.12fr);
  overflow:hidden;
  border:1px solid #dce1da;
  border-radius:30px;
  background:#fff;
  box-shadow:0 24px 65px rgba(20,26,19,.09);
}


.vt-china-visual{
  position:relative;
  min-height:620px;
  overflow:hidden;
  background:
    radial-gradient(circle at 75% 25%,rgba(255,0,0,.18),transparent 28%),
    linear-gradient(145deg,#151819,#24292b 60%,#171a1b);
}


.vt-china-visual-grid{
  position:absolute;
  inset:0;
  opacity:.34;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:40px 40px;
}


.vt-china-route-label{
  position:absolute;
  z-index:3;
  left:28px;
  top:28px;
  color:rgba(255,255,255,.48);
  font-size:10px;
  font-weight:800;
  letter-spacing:.16em;
}


.vt-truck-svg{
  position:absolute;
  z-index:2;
  width:112%;
  max-width:none;
  left:-8%;
  top:105px;
}


.vt-china-big-number{
  position:absolute;
  z-index:4;
  left:31px;
  bottom:31px;
}


.vt-china-big-number strong{
  display:block;
  color:#fff;
  font-size:76px;
  line-height:.85;
  letter-spacing:-.06em;
}


.vt-china-big-number span{
  display:block;
  margin-top:11px;
  color:rgba(255,255,255,.53);
  font-size:12px;
  font-weight:600;
}


.vt-china-content{
  padding:38px 38px 40px;
}


.vt-china-content h2{
  max-width:650px;
  margin:5px 0 15px;
}


.vt-china-lead{
  max-width:680px;
  margin:0 0 23px;
  color:#636c61;
  font-size:14px;
  line-height:1.7;
}


.vt-office-route{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:22px;
}


.vt-office-route span{
  padding:7px 11px;
  border:1px solid #e0e5dd;
  border-radius:999px;
  background:#f8faf7;
  color:#333a31;
  font-size:10px;
  font-weight:700;
}


.vt-office-route i{
  color:#ee2b2b;
  font-style:normal;
  font-size:12px;
}


.vt-china-facts{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-bottom:18px;
}


.vt-china-facts>div{
  padding:15px 13px;
  border:1px solid #e8ece5;
  border-radius:17px;
  background:#f7f9f5;
}


.vt-china-facts strong{
  display:block;
  margin-bottom:5px;
  color:#171c16;
  font-size:16px;
  font-weight:800;
}


.vt-china-facts span{
  display:block;
  color:#788074;
  font-size:9px;
  line-height:1.4;
}


.vt-china-columns{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-bottom:17px;
}


.vt-china-columns>div{
  padding:18px;
  border:1px solid #e6eae3;
  border-radius:19px;
  background:#fff;
}


.vt-china-columns small{
  display:block;
  margin-bottom:7px;
  color:#ed2929;
  font-size:8px;
  font-weight:800;
  letter-spacing:.09em;
  text-transform:uppercase;
}


.vt-china-columns h3{
  margin:0 0 8px;
  color:#181d17;
  font-size:17px;
  line-height:1.25;
}


.vt-china-columns p{
  margin:0;
  color:#70786d;
  font-size:10.5px;
  line-height:1.6;
}


.vt-china-trust{
  display:flex;
  gap:11px;
  align-items:flex-start;
  margin-bottom:21px;
  padding:15px 17px;
  border-radius:17px;
  background:#f5f7f3;
}


.vt-china-trust>span{
  width:7px;
  height:7px;
  flex:0 0 auto;
  margin-top:6px;
  border-radius:50%;
  background:#ed2929;
}


.vt-china-trust p{
  margin:0;
  color:#5c6559;
  font-size:10.5px;
  line-height:1.6;
}



/* TABLET */

@media(max-width:1050px){

  .vt-delivery-hero-grid{
    grid-template-columns:1fr;
    gap:35px;
  }


  .vt-delivery-hero-panel{
    max-width:560px;
  }


  .vt-payment-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }


  .vt-payment-trust{
    grid-column:1/-1;
  }


  .vt-china-shell{
    grid-template-columns:1fr;
  }


  .vt-china-visual{
    min-height:430px;
  }


  .vt-truck-svg{
    width:760px;
    max-width:105%;
    left:50%;
    transform:translateX(-50%);
    top:35px;
  }

}



/* MOBILE */

@media(max-width:750px){

  .vt-delivery-hero{
    padding-top:42px!important;
    padding-bottom:43px!important;
  }


  .vt-delivery-hero-grid{
    margin-top:18px;
    gap:27px;
  }


  .vt-delivery-hero-copy h1{
    font-size:38px!important;
    line-height:.99!important;
  }


  .vt-delivery-hero-copy p{
    font-size:12.5px!important;
  }


  .vt-delivery-hero-copy .btn{
    width:100%;
    justify-content:center;
  }


  .vt-delivery-heading{
    grid-template-columns:1fr;
    gap:13px;
    margin-bottom:27px;
  }


  .vt-delivery-heading h2{
    font-size:29px;
  }


  .vt-delivery-heading>p{
    font-size:12px;
  }


  .vt-shipping-section,
  .vt-payment-section,
  .vt-china-section{
    padding-top:54px;
    padding-bottom:58px;
  }


  .vt-shipping-grid,
  .vt-payment-grid{
    grid-template-columns:1fr;
  }


  .vt-shipping-card{
    min-height:225px;
    padding:20px;
    border-radius:19px;
  }


  .vt-shipping-card-top{
    margin-bottom:30px;
  }


  .vt-route{
    grid-template-columns:1fr;
    gap:0;
    padding:0;
    overflow:hidden;
  }


  .vt-route>div{
    padding:14px 17px;
    border-bottom:1px solid #e5e9e2;
  }


  .vt-route>div:last-child{
    border-bottom:0;
  }


  .vt-route>i{
    display:none;
  }


  .vt-payment-card,
  .vt-payment-trust{
    border-radius:19px;
  }


  .vt-payment-trust{
    grid-column:auto;
    padding:21px;
  }


  .vt-china-shell{
    border-radius:21px;
  }


  .vt-china-visual{
    min-height:295px;
  }


  .vt-truck-svg{
    width:540px;
    max-width:none;
    top:18px;
  }


  .vt-china-big-number{
    left:21px;
    bottom:21px;
  }


  .vt-china-big-number strong{
    font-size:52px;
  }


  .vt-china-content{
    padding:24px 20px 25px;
  }


  .vt-china-facts{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }


  .vt-china-columns{
    grid-template-columns:1fr;
  }


  .vt-china-content .btn{
    width:100%;
    justify-content:center;
  }

}


/* DELIVERY PREMIUM V338 END */


/* =========================================================
   CHINA LOGISTICS CLEAN V339
   ========================================================= */


.vt-china-clean-v339{
  padding-top:82px;
  padding-bottom:92px;
}


.vt-china-clean-shell{
  display:grid;
  grid-template-columns:minmax(390px,.9fr) minmax(0,1.1fr);

  overflow:hidden;

  border:1px solid #dfe4dc;
  border-radius:30px;

  background:#fff;

  box-shadow:
    0 24px 65px
    rgba(20,26,19,.085);
}



/* VISUAL */


.vt-china-clean-visual{
  position:relative;

  min-height:570px;

  overflow:hidden;

  background:
    radial-gradient(
      circle at 74% 22%,
      rgba(255,0,0,.18),
      transparent 28%
    ),
    linear-gradient(
      145deg,
      #151819,
      #24292b 60%,
      #171a1b
    );
}


.vt-china-clean-grid{
  position:absolute;
  inset:0;

  opacity:.30;

  background-image:
    linear-gradient(
      rgba(255,255,255,.035) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255,255,255,.035) 1px,
      transparent 1px
    );

  background-size:42px 42px;
}


.vt-china-clean-label{
  position:absolute;
  z-index:3;

  left:29px;
  top:29px;

  color:rgba(255,255,255,.42);

  font-size:9px;
  font-weight:800;

  letter-spacing:.17em;
}


.vt-china-clean-truck{
  position:absolute;
  z-index:2;

  width:112%;
  max-width:none;

  left:-8%;
  top:80px;
}


.vt-china-clean-years{
  position:absolute;
  z-index:4;

  left:31px;
  bottom:32px;

  display:flex;
  align-items:flex-end;

  gap:16px;
}


.vt-china-clean-years strong{
  color:#fff;

  font-size:76px;
  line-height:.79;
  font-weight:850;

  letter-spacing:-.06em;
}


.vt-china-clean-years span{
  padding-bottom:3px;

  color:rgba(255,255,255,.54);

  font-size:11px;
  line-height:1.45;
  font-weight:600;
}



/* CONTENT */


.vt-china-clean-content{
  display:flex;
  flex-direction:column;

  justify-content:center;

  padding:39px 40px 40px;
}


.vt-china-clean-content h2{
  max-width:650px;

  margin:5px 0 15px;
}


.vt-china-clean-lead{
  max-width:670px;

  margin:0;

  color:#646d61;

  font-size:14px;
  line-height:1.72;
}



/* ROUTE */


.vt-china-clean-route{
  display:flex;
  align-items:center;

  gap:8px;

  margin:27px 0 26px;

  padding:17px 18px;

  overflow-x:auto;

  border:1px solid #e5e9e2;
  border-radius:18px;

  background:
    linear-gradient(
      180deg,
      #fafbf9,
      #f6f8f4
    );

  scrollbar-width:none;
}


.vt-china-clean-route::-webkit-scrollbar{
  display:none;
}


.vt-china-clean-route>div{
  min-width:max-content;

  display:grid;

  gap:2px;
}


.vt-china-clean-route span{
  color:#262d24;

  font-size:10.5px;
  font-weight:750;
}


.vt-china-clean-route small{
  color:#979f94;

  font-size:8px;
}


.vt-china-clean-route i{
  flex:0 0 auto;

  color:#ec2a2a;

  font-style:normal;
  font-size:11px;
}



/* TWO FORMATS */


.vt-china-clean-formats{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));

  gap:13px;

  margin-bottom:27px;
}


.vt-china-clean-formats>div{
  display:grid;
  grid-template-columns:8px minmax(0,1fr);

  gap:12px;

  padding:18px;

  border:1px solid #e5e9e2;
  border-radius:18px;

  background:#fff;
}


.vt-china-clean-dot{
  width:7px;
  height:7px;

  margin-top:5px;

  border-radius:50%;

  background:#eb2929;

  box-shadow:
    0 0 0 5px
    rgba(235,41,41,.07);
}


.vt-china-clean-formats strong{
  display:block;

  margin-bottom:5px;

  color:#202620;

  font-size:13px;
  font-weight:750;
}


.vt-china-clean-formats p{
  margin:0;

  color:#737c70;

  font-size:10.5px;
  line-height:1.55;
}



/* BOTTOM */


.vt-china-clean-bottom{
  display:flex;

  align-items:center;
  justify-content:space-between;

  gap:25px;

  padding-top:23px;

  border-top:1px solid #e8ece5;
}


.vt-china-clean-bottom p{
  max-width:390px;

  margin:0;

  color:#4f584d;

  font-size:11.5px;
  line-height:1.6;
  font-weight:550;
}


.vt-china-clean-bottom .btn{
  flex:0 0 auto;
}



/* TABLET */


@media(max-width:1050px){

  .vt-china-clean-shell{
    grid-template-columns:1fr;
  }


  .vt-china-clean-visual{
    min-height:410px;
  }


  .vt-china-clean-truck{
    width:720px;

    left:50%;
    top:20px;

    transform:translateX(-50%);
  }

}



/* MOBILE */


@media(max-width:750px){

  .vt-china-clean-v339{
    padding-top:54px;
    padding-bottom:62px;
  }


  .vt-china-clean-shell{
    border-radius:21px;
  }


  .vt-china-clean-visual{
    min-height:285px;
  }


  .vt-china-clean-truck{
    width:530px;

    top:0;
  }


  .vt-china-clean-label{
    left:20px;
    top:20px;
  }


  .vt-china-clean-years{
    left:21px;
    bottom:21px;

    gap:11px;
  }


  .vt-china-clean-years strong{
    font-size:51px;
  }


  .vt-china-clean-years span{
    font-size:9px;
  }


  .vt-china-clean-content{
    padding:25px 20px 25px;
  }


  .vt-china-clean-content h2{
    font-size:29px;
  }


  .vt-china-clean-lead{
    font-size:12px;
  }


  .vt-china-clean-route{
    margin:21px 0;

    padding:14px;
  }


  .vt-china-clean-formats{
    grid-template-columns:1fr;
  }


  .vt-china-clean-bottom{
    flex-direction:column;

    align-items:stretch;

    gap:17px;
  }


  .vt-china-clean-bottom .btn{
    width:100%;

    justify-content:center;
  }

}


/* CHINA LOGISTICS CLEAN V339 END */


/* =========================================================
   REAL DELIVERY TRUCK V340
   ========================================================= */

.vt-china-clean-truck{
  display:none!important;
}


.vt-china-clean-truck-img{
  position:absolute;
  z-index:2;

  left:47%;
  top:50%;

  width:112%;
  max-width:none;
  height:auto;

  display:block;

  transform:
    translate(-50%,-48%);

  object-fit:contain;
  object-position:center;

  pointer-events:none;
  user-select:none;
  -webkit-user-drag:none;

  filter:
    drop-shadow(
      0 24px 26px
      rgba(0,0,0,.34)
    );
}


/* немного воздуха снизу под 10+ */

.vt-china-clean-visual{
  isolation:isolate;
}


/* TABLET */

@media(max-width:1050px){

  .vt-china-clean-truck-img{
    width:min(820px,112%);

    top:48%;

    transform:
      translate(-50%,-50%);
  }

}


/* MOBILE */

@media(max-width:750px){

  .vt-china-clean-truck-img{
    width:118%;

    top:47%;

    transform:
      translate(-50%,-52%);

    filter:
      drop-shadow(
        0 15px 18px
        rgba(0,0,0,.30)
      );
  }

}


/* REAL DELIVERY TRUCK V340 END */


/* TRUCK POSITION V342 */

.vt-china-clean-truck-img{
  left:50%!important;
  transform:
    translate(
      calc(-50% - 55px),
      -48%
    )!important;
}


@media(max-width:1050px){

  .vt-china-clean-truck-img{
    transform:
      translate(
        calc(-50% - 45px),
        -50%
      )!important;
  }

}


@media(max-width:750px){

  .vt-china-clean-truck-img{
    transform:
      translate(
        calc(-50% - 22px),
        -52%
      )!important;
  }

}

/* TRUCK POSITION V342 END */




/* =========================================================
   WARRANTY & SERVICE PREMIUM V344
   ========================================================= */


.vt-service-page-v344{
  overflow:hidden;
  background:#fff;
}



/* =========================================================
   HERO
   ========================================================= */


.vt-service-hero-v344{
  padding-top:68px!important;
  padding-bottom:72px!important;
}


.vt-service-hero-layout-v344{
  display:grid;
  grid-template-columns:minmax(0,1fr) 430px;
  gap:76px;
  align-items:center;
  margin-top:28px;
}


.vt-service-hero-copy-v344{
  max-width:820px;
}


.vt-service-hero-copy-v344 h1{
  max-width:790px;
  margin:0 0 23px;

  font-size:56px;
  line-height:.99;

  letter-spacing:-.048em;
}


.vt-service-hero-copy-v344 p{
  max-width:660px;

  margin:0 0 30px;

  color:rgba(255,255,255,.61)!important;

  font-size:14.5px!important;
  line-height:1.7!important;
}



/* HERO VISUAL */


.vt-service-hero-visual-v344{
  position:relative;

  min-height:390px;

  overflow:hidden;

  border:
    1px solid
    rgba(255,255,255,.085);

  border-radius:29px;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.055),
      rgba(255,255,255,.018)
    );

  box-shadow:
    0 26px 65px
    rgba(0,0,0,.22);

  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}


.vt-service-hero-glow-v344{
  position:absolute;

  width:280px;
  height:280px;

  top:-110px;
  right:-90px;

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(255,0,0,.28),
      rgba(255,0,0,.07) 42%,
      transparent 70%
    );
}


.vt-service-hero-shield-v344{
  position:absolute;

  width:175px;
  height:195px;

  right:42px;
  top:46px;

  display:grid;
  place-items:center;

  color:rgba(255,255,255,.92);
}


.vt-service-hero-shield-v344 svg{
  width:100%;
  height:100%;

  fill:
    rgba(255,255,255,.035);

  stroke:
    rgba(255,255,255,.78);

  stroke-width:2;

  stroke-linecap:round;
  stroke-linejoin:round;

  filter:
    drop-shadow(
      0 20px 24px
      rgba(0,0,0,.28)
    );
}


.vt-service-hero-shield-v344 svg path:last-child{
  stroke:#ff3434;
  stroke-width:4;
}


.vt-service-hero-word-v344{
  position:absolute;

  left:24px;
  top:28px;

  color:
    rgba(255,255,255,.06);

  font-size:54px;
  line-height:1;
  font-weight:900;

  letter-spacing:-.05em;
}


.vt-service-hero-caption-v344{
  position:absolute;

  left:27px;
  bottom:28px;

  display:grid;
  gap:6px;
}


.vt-service-hero-caption-v344 span{
  color:#ff3737;

  font-size:9px;
  font-weight:800;

  text-transform:uppercase;
  letter-spacing:.11em;
}


.vt-service-hero-caption-v344 strong{
  max-width:280px;

  color:#fff;

  font-size:23px;
  line-height:1.13;

  letter-spacing:-.025em;
}



/* =========================================================
   COMMON
   ========================================================= */


.vt-service-heading-v344{
  max-width:850px;

  margin-bottom:40px;
}


.vt-service-heading-v344 h2{
  margin:0;

  max-width:800px;
}



/* =========================================================
   WARRANTY
   ========================================================= */


.vt-warranty-v344{
  padding-top:84px;
  padding-bottom:90px;
}


.vt-warranty-layout-v344{
  display:grid;

  grid-template-columns:
    minmax(0,1.05fr)
    minmax(380px,.95fr);

  gap:21px;

  align-items:stretch;
}



/* BIG WARRANTY STATEMENT */


.vt-warranty-statement-v344{
  position:relative;

  min-height:385px;

  display:flex;
  flex-direction:column;

  justify-content:space-between;

  padding:31px;

  overflow:hidden;

  border:1px solid #dfe4dc;
  border-radius:27px;

  background:
    radial-gradient(
      circle at 88% 10%,
      rgba(255,0,0,.055),
      transparent 28%
    ),
    linear-gradient(
      145deg,
      #fafbf9,
      #f3f5f1
    );

  box-shadow:
    0 17px 44px
    rgba(25,31,23,.055);
}


.vt-warranty-statement-v344:after{
  content:"";

  position:absolute;

  right:-90px;
  bottom:-125px;

  width:300px;
  height:300px;

  border:
    1px solid
    rgba(225,35,35,.08);

  border-radius:50%;
}


.vt-warranty-icon-v344{
  width:61px;
  height:61px;

  display:grid;
  place-items:center;

  border-radius:18px;

  background:
    linear-gradient(
      145deg,
      #1b1f20,
      #101314
    );

  color:#fff;

  box-shadow:
    0 14px 30px
    rgba(17,20,20,.16);
}


.vt-warranty-icon-v344 svg{
  width:30px;
  height:30px;

  fill:none;

  stroke:currentColor;
  stroke-width:2;

  stroke-linecap:round;
  stroke-linejoin:round;
}


.vt-warranty-icon-v344 svg path:last-child{
  stroke:#ff3636;
}


.vt-warranty-statement-copy-v344{
  position:relative;
  z-index:2;

  max-width:620px;
}


.vt-warranty-statement-copy-v344>span{
  display:block;

  margin-bottom:9px;

  color:#e92c2c;

  font-size:9px;
  font-weight:800;

  letter-spacing:.11em;
  text-transform:uppercase;
}


.vt-warranty-statement-copy-v344 h3{
  max-width:590px;

  margin:0;

  color:#171c16;

  font-size:31px;
  line-height:1.1;

  letter-spacing:-.038em;
}



/* WARRANTY TEXT */


.vt-warranty-copy-v344{
  min-height:385px;

  display:flex;
  flex-direction:column;

  justify-content:center;

  padding:36px 34px;

  border:
    1px solid
    #e1e5de;

  border-radius:27px;

  background:#fff;

  box-shadow:
    0 14px 38px
    rgba(25,31,23,.04);
}


.vt-warranty-lead-v344{
  margin:0 0 18px;

  color:#252c24;

  font-size:18px;
  line-height:1.55;

  font-weight:650;
}


.vt-warranty-copy-v344>p:not(.vt-warranty-lead-v344){
  margin:0;

  color:#70796e;

  font-size:13px;
  line-height:1.72;
}


.vt-warranty-accent-v344{
  display:grid;

  grid-template-columns:7px 1fr;

  gap:12px;

  align-items:start;

  margin-top:26px;

  padding-top:22px;

  border-top:1px solid #e8ece5;
}


.vt-warranty-accent-v344>span{
  width:7px;
  height:7px;

  margin-top:6px;

  border-radius:50%;

  background:#eb2929;

  box-shadow:
    0 0 0 5px
    rgba(235,41,41,.07);
}


.vt-warranty-accent-v344 p{
  max-width:410px;

  margin:0;

  color:#4f584d;

  font-size:11.5px;
  line-height:1.6;

  font-weight:600;
}



/* =========================================================
   SERVICE
   ========================================================= */


.vt-service-support-v344{
  padding-top:84px;
  padding-bottom:94px;
}


.vt-service-support-layout-v344{
  display:grid;

  grid-template-columns:
    minmax(410px,.92fr)
    minmax(0,1.08fr);

  gap:22px;

  align-items:stretch;
}



/* IMAGE */


.vt-service-support-visual-v344{
  position:relative;

  min-height:610px;

  overflow:hidden;

  border-radius:28px;

  background:#171a1b;

  box-shadow:
    0 21px 56px
    rgba(20,24,20,.14);
}


.vt-service-support-visual-v344 img{
  width:100%;
  height:100%;

  display:block;

  object-fit:cover;
  object-position:center;

  transition:
    transform .5s ease;
}


@media(hover:hover) and (pointer:fine){

  .vt-service-support-visual-v344:hover img{
    transform:scale(1.025);
  }

}


.vt-service-support-overlay-v344{
  position:absolute;
  inset:0;

  background:
    linear-gradient(
      to top,
      rgba(12,14,15,.88) 0%,
      rgba(12,14,15,.32) 46%,
      rgba(12,14,15,.04) 76%
    );

  pointer-events:none;
}


.vt-service-support-badge-v344{
  position:absolute;

  left:27px;
  right:27px;
  bottom:27px;

  display:grid;
  gap:7px;
}


.vt-service-support-badge-v344 span{
  color:#ff3636;

  font-size:9px;
  font-weight:800;

  letter-spacing:.11em;
  text-transform:uppercase;
}


.vt-service-support-badge-v344 strong{
  max-width:410px;

  color:#fff;

  font-size:28px;
  line-height:1.1;

  letter-spacing:-.03em;
}



/* SERVICE COPY */


.vt-service-support-content-v344{
  display:flex;
  flex-direction:column;

  gap:15px;
}


.vt-service-freedom-v344{
  padding:29px;

  border:
    1px solid
    #dfe4dc;

  border-radius:25px;

  background:#fff;

  box-shadow:
    0 13px 36px
    rgba(25,31,23,.045);
}


.vt-service-freedom-v344 h3{
  max-width:560px;

  margin:6px 0 13px;

  color:#171c16;

  font-size:30px;
  line-height:1.1;

  letter-spacing:-.038em;
}


.vt-service-freedom-v344>p{
  max-width:600px;

  margin:0;

  color:#70796e;

  font-size:12.5px;
  line-height:1.72;
}



/* OWN SERVICE */


.vt-service-own-v344{
  padding:25px;

  border:
    1px solid
    #dfe4dc;

  border-radius:24px;

  background:
    linear-gradient(
      145deg,
      #fafbf9,
      #f5f7f3
    );
}


.vt-service-own-head-v344{
  display:flex;

  align-items:center;

  gap:15px;

  margin-bottom:15px;
}


.vt-service-own-icon-v344{
  width:49px;
  height:49px;

  display:grid;
  place-items:center;

  flex:0 0 auto;

  border-radius:15px;

  background:#171a1b;

  color:#fff;
}


.vt-service-own-icon-v344 svg{
  width:25px;
  height:25px;

  fill:none;

  stroke:currentColor;
  stroke-width:2;

  stroke-linecap:round;
  stroke-linejoin:round;
}


.vt-service-own-head-v344 small{
  display:block;

  margin-bottom:4px;

  color:#e92c2c;

  font-size:8px;
  font-weight:800;

  letter-spacing:.10em;
  text-transform:uppercase;
}


.vt-service-own-head-v344 h3{
  margin:0;

  color:#1c221b;

  font-size:19px;
}


.vt-service-own-v344>p{
  max-width:610px;

  margin:0;

  color:#70796e;

  font-size:11.5px;
  line-height:1.67;
}



/* FINAL CTA */


.vt-service-final-v344{
  display:flex;

  align-items:center;
  justify-content:space-between;

  gap:20px;

  margin-top:auto;

  padding:21px 22px;

  border:
    1px solid
    #dfe4dc;

  border-radius:21px;

  background:#fff;
}


.vt-service-final-v344>div{
  display:grid;
  gap:4px;
}


.vt-service-final-v344 strong{
  color:#222922;

  font-size:12px;
  font-weight:750;
}


.vt-service-final-v344 span{
  color:#81897e;

  font-size:10px;
}


.vt-service-final-v344 .btn{
  flex:0 0 auto;
}



/* =========================================================
   TABLET
   ========================================================= */


@media(max-width:1000px){

  .vt-service-hero-layout-v344{
    grid-template-columns:1fr;
    gap:35px;
  }


  .vt-service-hero-visual-v344{
    max-width:600px;
  }


  .vt-warranty-layout-v344,
  .vt-service-support-layout-v344{
    grid-template-columns:1fr;
  }


  .vt-service-support-visual-v344{
    min-height:450px;
  }

}



/* =========================================================
   MOBILE
   ========================================================= */


@media(max-width:750px){

  .vt-service-hero-v344{
    padding-top:42px!important;
    padding-bottom:43px!important;
  }


  .vt-service-hero-layout-v344{
    margin-top:19px;
    gap:27px;
  }


  .vt-service-hero-copy-v344 h1{
    font-size:38px!important;
    line-height:.99!important;
  }


  .vt-service-hero-copy-v344 p{
    font-size:12.5px!important;
  }


  .vt-service-hero-copy-v344 .btn{
    width:100%;
    justify-content:center;
  }


  .vt-service-hero-visual-v344{
    min-height:300px;
    border-radius:22px;
  }


  .vt-service-hero-shield-v344{
    width:125px;
    height:140px;

    right:23px;
    top:42px;
  }


  .vt-service-hero-word-v344{
    left:18px;
    top:21px;

    font-size:40px;
  }


  .vt-service-hero-caption-v344{
    left:20px;
    bottom:21px;
  }


  .vt-service-hero-caption-v344 strong{
    font-size:19px;
  }


  .vt-warranty-v344,
  .vt-service-support-v344{
    padding-top:55px;
    padding-bottom:62px;
  }


  .vt-service-heading-v344{
    margin-bottom:28px;
  }


  .vt-service-heading-v344 h2{
    font-size:29px;
  }


  .vt-warranty-statement-v344{
    min-height:300px;

    padding:22px;

    border-radius:21px;
  }


  .vt-warranty-icon-v344{
    width:51px;
    height:51px;

    border-radius:15px;
  }


  .vt-warranty-statement-copy-v344 h3{
    font-size:25px;
  }


  .vt-warranty-copy-v344{
    min-height:auto;

    padding:23px 21px;

    border-radius:21px;
  }


  .vt-warranty-lead-v344{
    font-size:16px;
  }


  .vt-service-support-visual-v344{
    min-height:310px;

    border-radius:21px;
  }


  .vt-service-support-badge-v344{
    left:20px;
    right:20px;
    bottom:20px;
  }


  .vt-service-support-badge-v344 strong{
    font-size:22px;
  }


  .vt-service-freedom-v344{
    padding:22px 20px;

    border-radius:21px;
  }


  .vt-service-freedom-v344 h3{
    font-size:24px;
  }


  .vt-service-own-v344{
    padding:20px;

    border-radius:20px;
  }


  .vt-service-own-head-v344{
    align-items:flex-start;
  }


  .vt-service-final-v344{
    flex-direction:column;

    align-items:stretch;

    padding:19px;

    border-radius:19px;
  }


  .vt-service-final-v344 .btn{
    width:100%;

    justify-content:center;
  }

}


/* WARRANTY & SERVICE PREMIUM V344 END */


/* =========================================================
   SERVICE SECTION COMPACT V345
   ========================================================= */


/* Сам раздел немного компактнее */

.vt-service-support-v344{
  padding-top:76px!important;
  padding-bottom:78px!important;
}


/* Колонки больше не растягиваем искусственно по высоте */

.vt-service-support-layout-v344{
  align-items:start!important;
}


/* Фотография ниже */

.vt-service-support-visual-v344{
  min-height:0!important;
  height:470px!important;
}


/* Правая колонка без искусственного растягивания */

.vt-service-support-content-v344{
  gap:14px!important;
}


/* После удаления иконки заголовок собственного сервиса */

.vt-service-own-head-v344{
  display:block!important;
  margin-bottom:13px!important;
}


.vt-service-own-head-v344>div{
  display:block!important;
}


/* CTA больше не прижимается к низу высокой колонки */

.vt-service-final-v344{
  margin-top:0!important;
}


/* Чуть компактнее сам блок собственного сервиса */

.vt-service-own-v344{
  padding:22px 24px!important;
}


.vt-service-own-head-v344 h3{
  margin-top:3px!important;
}


/* TABLET */

@media(max-width:1000px){

  .vt-service-support-visual-v344{
    height:390px!important;
    min-height:0!important;
  }

}


/* MOBILE */

@media(max-width:750px){

  .vt-service-support-v344{
    padding-top:54px!important;
    padding-bottom:58px!important;
  }


  .vt-service-support-visual-v344{
    height:275px!important;
    min-height:0!important;
  }


  .vt-service-own-v344{
    padding:19px!important;
  }


  .vt-service-own-head-v344{
    margin-bottom:11px!important;
  }

}


/* SERVICE SECTION COMPACT V345 END */


/* =========================================================
   ABOUT COMPANY PREMIUM V346
   ========================================================= */


.vt-about-v346{
  overflow:hidden;
  background:#fff;
}



/* =========================================================
   HERO
   ========================================================= */


.vt-about-hero-v346{
  padding-top:68px!important;
  padding-bottom:72px!important;
}


.vt-about-hero-layout-v346{
  display:grid;

  grid-template-columns:
    minmax(0,1fr)
    430px;

  gap:76px;

  align-items:center;

  margin-top:27px;
}


.vt-about-hero-copy-v346{
  max-width:820px;
}


.vt-about-hero-copy-v346 h1{
  max-width:790px;

  margin:0 0 23px;

  font-size:58px;
  line-height:.98;

  letter-spacing:-.05em;
}


.vt-about-hero-copy-v346 p{
  max-width:680px;

  margin:0 0 30px;

  color:
    rgba(255,255,255,.61)!important;

  font-size:14.5px!important;
  line-height:1.7!important;
}



/* HERO VISUAL */


.vt-about-hero-visual-v346{
  position:relative;

  min-height:400px;

  overflow:hidden;

  border:
    1px solid
    rgba(255,255,255,.085);

  border-radius:29px;

  background:
    radial-gradient(
      circle at 78% 18%,
      rgba(255,0,0,.18),
      transparent 28%
    ),
    linear-gradient(
      145deg,
      rgba(255,255,255,.055),
      rgba(255,255,255,.018)
    );

  box-shadow:
    0 26px 65px
    rgba(0,0,0,.22);

  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}


.vt-about-hero-grid-v346{
  position:absolute;
  inset:0;

  opacity:.38;

  background-image:
    linear-gradient(
      rgba(255,255,255,.035) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255,255,255,.035) 1px,
      transparent 1px
    );

  background-size:42px 42px;
}


.vt-about-hero-route-v346{
  position:absolute;

  left:27px;
  top:26px;

  color:
    rgba(255,255,255,.38);

  font-size:9px;
  font-weight:800;

  letter-spacing:.17em;
}


.vt-about-hero-years-v346{
  position:absolute;

  left:29px;
  top:87px;

  display:flex;
  align-items:flex-end;

  gap:16px;
}


.vt-about-hero-years-v346 strong{
  color:#fff;

  font-size:82px;
  line-height:.79;

  font-weight:850;

  letter-spacing:-.065em;
}


.vt-about-hero-years-v346 span{
  padding-bottom:3px;

  color:
    rgba(255,255,255,.52);

  font-size:10.5px;
  line-height:1.45;

  font-weight:600;
}


.vt-about-hero-offices-v346{
  position:absolute;

  left:27px;
  right:27px;
  bottom:26px;

  padding:19px;

  border:
    1px solid
    rgba(255,255,255,.08);

  border-radius:20px;

  background:
    rgba(255,255,255,.045);

  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}


.vt-about-hero-offices-v346>small{
  display:block;

  margin-bottom:5px;

  color:#ff3838;

  font-size:8px;
  font-weight:800;

  letter-spacing:.1em;
  text-transform:uppercase;
}


.vt-about-hero-offices-v346>strong{
  display:block;

  margin-bottom:12px;

  color:#fff;

  font-size:19px;
}


.vt-about-hero-offices-v346>div{
  display:flex;
  flex-wrap:wrap;

  gap:7px;
}


.vt-about-hero-offices-v346 span{
  padding:6px 9px;

  border:
    1px solid
    rgba(255,255,255,.08);

  border-radius:999px;

  background:
    rgba(255,255,255,.04);

  color:
    rgba(255,255,255,.64);

  font-size:9px;
  font-weight:600;
}



/* =========================================================
   COMMON HEAD
   ========================================================= */


.vt-about-heading-v346{
  display:grid;

  grid-template-columns:
    minmax(0,1fr)
    400px;

  gap:70px;

  align-items:end;

  margin-bottom:40px;
}


.vt-about-heading-v346 h2{
  max-width:720px;

  margin:0;
}


.vt-about-heading-v346>p{
  margin:0;

  color:#727a6f;

  font-size:13px;
  line-height:1.68;
}



/* =========================================================
   COMPANY
   ========================================================= */


.vt-about-company-v346{
  padding-top:84px;
  padding-bottom:90px;
}


.vt-about-company-layout-v346{
  display:grid;

  grid-template-columns:
    minmax(0,1.15fr)
    minmax(360px,.85fr);

  gap:20px;
}



/* MAIN COPY */


.vt-about-company-main-v346{
  min-height:430px;

  display:flex;
  flex-direction:column;

  justify-content:space-between;

  padding:31px;

  overflow:hidden;

  border:
    1px solid
    #dfe4dc;

  border-radius:27px;

  background:
    radial-gradient(
      circle at 90% 10%,
      rgba(255,0,0,.045),
      transparent 28%
    ),
    linear-gradient(
      145deg,
      #fafbf9,
      #f4f6f2
    );

  box-shadow:
    0 17px 44px
    rgba(25,31,23,.055);
}


.vt-about-company-index-v346{
  color:#c5cbc2;

  font-size:43px;
  line-height:1;

  font-weight:700;

  letter-spacing:-.05em;
}


.vt-about-company-copy-v346{
  max-width:690px;
}


.vt-about-company-copy-v346>span{
  display:block;

  margin-bottom:8px;

  color:#e92b2b;

  font-size:8.5px;
  font-weight:800;

  letter-spacing:.1em;
  text-transform:uppercase;
}


.vt-about-company-copy-v346 h3{
  max-width:650px;

  margin:0 0 16px;

  color:#171c16;

  font-size:30px;
  line-height:1.1;

  letter-spacing:-.037em;
}


.vt-about-company-copy-v346 p{
  max-width:660px;

  margin:0 0 13px;

  color:#70796e;

  font-size:12.5px;
  line-height:1.7;
}


.vt-about-company-copy-v346>strong{
  display:block;

  max-width:610px;

  margin-top:20px;

  padding-left:15px;

  border-left:
    2px solid
    #ec2929;

  color:#343c32;

  font-size:11.5px;
  line-height:1.6;
}



/* CAPABILITIES */


.vt-about-capabilities-v346{
  overflow:hidden;

  border:
    1px solid
    #dfe4dc;

  border-radius:27px;

  background:#fff;

  box-shadow:
    0 14px 38px
    rgba(25,31,23,.045);
}


.vt-about-capability-v346{
  min-height:107px;

  display:grid;

  grid-template-columns:
    38px minmax(0,1fr);

  gap:14px;

  align-items:center;

  padding:18px 23px;

  border-bottom:
    1px solid
    #edf0eb;
}


.vt-about-capability-v346:last-child{
  border-bottom:0;
}


.vt-about-capability-v346>b{
  color:#a1a89e;

  font-size:9px;
  font-weight:800;
}


.vt-about-capability-v346>div{
  display:grid;

  gap:5px;
}


.vt-about-capability-v346 strong{
  color:#30372e;

  font-size:12.5px;
  font-weight:750;
}


.vt-about-capability-v346 span{
  max-width:320px;

  color:#7b8378;

  font-size:10.5px;
  line-height:1.5;
}



/* ROUTE */


.vt-about-route-v346{
  display:grid;

  grid-template-columns:
    auto 1fr
    auto 1fr
    auto 1fr
    auto 1fr
    auto;

  gap:14px;

  align-items:center;

  margin-top:22px;

  padding:20px 22px;

  border:
    1px solid
    #e2e6df;

  border-radius:19px;

  background:
    linear-gradient(
      180deg,
      #fbfcfa,
      #f6f8f4
    );
}


.vt-about-route-v346>div{
  display:grid;

  gap:2px;

  white-space:nowrap;
}


.vt-about-route-v346 small{
  color:#9ba297;

  font-size:8px;
}


.vt-about-route-v346 strong{
  color:#343c32;

  font-size:11px;
}


.vt-about-route-v346>i{
  height:1px;

  background:#d8ded5;

  font-size:0;
}


.vt-about-route-v346>i:after{
  content:"";

  display:block;

  width:5px;
  height:5px;

  margin-left:auto;

  margin-top:-2px;

  border-radius:50%;

  background:#ec2929;
}



/* =========================================================
   REQUISITES
   ========================================================= */


.vt-about-details-v346{
  padding-top:84px;
  padding-bottom:92px;
}


.vt-about-details-layout-v346{
  display:grid;

  grid-template-columns:
    minmax(330px,.72fr)
    minmax(0,1.28fr);

  gap:20px;

  align-items:stretch;
}



/* COMPANY CARD */


.vt-about-company-card-v346{
  position:relative;

  min-height:390px;

  display:flex;
  flex-direction:column;

  justify-content:space-between;

  padding:29px;

  overflow:hidden;

  border-radius:27px;

  background:
    radial-gradient(
      circle at 84% 12%,
      rgba(255,0,0,.17),
      transparent 26%
    ),
    linear-gradient(
      145deg,
      #171a1b,
      #24292b
    );

  box-shadow:
    0 21px 54px
    rgba(20,24,20,.16);
}


.vt-about-company-card-v346:after{
  content:"";

  position:absolute;
  inset:0;

  opacity:.27;

  background-image:
    linear-gradient(
      rgba(255,255,255,.035) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255,255,255,.035) 1px,
      transparent 1px
    );

  background-size:39px 39px;

  pointer-events:none;
}


.vt-about-company-card-top-v346,
.vt-about-company-card-mark-v346,
.vt-about-company-card-bottom-v346{
  position:relative;
  z-index:2;
}


.vt-about-company-card-top-v346{
  display:grid;

  gap:6px;
}


.vt-about-company-card-top-v346 span{
  color:#ff3939;

  font-size:8.5px;
  font-weight:800;

  text-transform:uppercase;
  letter-spacing:.11em;
}


.vt-about-company-card-top-v346 strong{
  color:#fff;

  font-size:23px;
}


.vt-about-company-card-mark-v346{
  display:grid;

  gap:5px;
}


.vt-about-company-card-mark-v346>span{
  color:
    rgba(255,255,255,.07);

  font-size:61px;
  line-height:.9;

  font-weight:900;

  letter-spacing:-.055em;
}


.vt-about-company-card-mark-v346 small{
  color:
    rgba(255,255,255,.38);

  font-size:9px;

  letter-spacing:.12em;
  text-transform:uppercase;
}


.vt-about-company-card-bottom-v346{
  display:grid;

  gap:5px;
}


.vt-about-company-card-bottom-v346 strong{
  color:#fff;

  font-size:12px;
}


.vt-about-company-card-bottom-v346 span{
  max-width:290px;

  color:
    rgba(255,255,255,.46);

  font-size:10px;
  line-height:1.5;
}



/* REQUISITES TABLE */


.vt-about-requisites-v346{
  overflow:hidden;

  border:
    1px solid
    #dfe4dc;

  border-radius:27px;

  background:#fff;

  box-shadow:
    0 14px 38px
    rgba(25,31,23,.045);
}


.vt-about-requisite-v346{
  min-height:86px;

  display:flex;

  flex-direction:column;

  justify-content:center;

  gap:6px;

  padding:18px 24px;

  border-bottom:
    1px solid
    #eaeee7;
}


.vt-about-requisites-v346>
.vt-about-requisite-v346:last-child{
  border-bottom:0;
}


.vt-about-requisite-v346>span{
  color:#929a8f;

  font-size:8.5px;
  font-weight:700;

  text-transform:uppercase;
  letter-spacing:.08em;
}


.vt-about-requisite-v346>strong,
.vt-about-requisite-v346>a{
  color:#252c24;

  font-size:13px;
  line-height:1.5;

  font-weight:650;

  text-decoration:none;
}


.vt-about-requisite-v346>a:hover{
  color:#e92b2b;
}


.vt-about-requisites-row-v346{
  display:grid;

  grid-template-columns:
    repeat(2,minmax(0,1fr));

  border-bottom:
    1px solid
    #eaeee7;
}


.vt-about-requisites-row-v346
.vt-about-requisite-v346{
  border-bottom:0;
}


.vt-about-requisites-row-v346
.vt-about-requisite-v346:first-child{
  border-right:
    1px solid
    #eaeee7;
}



/* =========================================================
   TABLET
   ========================================================= */


@media(max-width:1000px){

  .vt-about-hero-layout-v346{
    grid-template-columns:1fr;

    gap:35px;
  }


  .vt-about-hero-visual-v346{
    max-width:600px;
  }


  .vt-about-heading-v346{
    grid-template-columns:1fr;

    gap:14px;
  }


  .vt-about-heading-v346>p{
    max-width:620px;
  }


  .vt-about-company-layout-v346,
  .vt-about-details-layout-v346{
    grid-template-columns:1fr;
  }


  .vt-about-company-card-v346{
    min-height:330px;
  }

}



/* =========================================================
   MOBILE
   ========================================================= */


@media(max-width:750px){

  .vt-about-hero-v346{
    padding-top:42px!important;
    padding-bottom:43px!important;
  }


  .vt-about-hero-layout-v346{
    margin-top:19px;

    gap:27px;
  }


  .vt-about-hero-copy-v346 h1{
    font-size:38px!important;
    line-height:.99!important;
  }


  .vt-about-hero-copy-v346 p{
    font-size:12.5px!important;
  }


  .vt-about-hero-copy-v346 .btn{
    width:100%;

    justify-content:center;
  }


  .vt-about-hero-visual-v346{
    min-height:350px;

    border-radius:22px;
  }


  .vt-about-hero-years-v346{
    left:20px;
    top:75px;

    gap:10px;
  }


  .vt-about-hero-years-v346 strong{
    font-size:58px;
  }


  .vt-about-hero-years-v346 span{
    font-size:9px;
  }


  .vt-about-hero-offices-v346{
    left:19px;
    right:19px;
    bottom:19px;

    padding:15px;

    border-radius:17px;
  }


  .vt-about-company-v346,
  .vt-about-details-v346{
    padding-top:55px;
    padding-bottom:62px;
  }


  .vt-about-heading-v346{
    margin-bottom:28px;
  }


  .vt-about-heading-v346 h2{
    font-size:29px;
  }


  .vt-about-company-main-v346{
    min-height:380px;

    padding:22px;

    border-radius:21px;
  }


  .vt-about-company-copy-v346 h3{
    font-size:24px;
  }


  .vt-about-capabilities-v346{
    border-radius:21px;
  }


  .vt-about-capability-v346{
    min-height:91px;

    padding:15px 18px;
  }


  .vt-about-route-v346{
    grid-template-columns:1fr;

    gap:0;

    padding:0;

    overflow:hidden;
  }


  .vt-about-route-v346>div{
    padding:13px 17px;

    border-bottom:
      1px solid
      #e5e9e2;
  }


  .vt-about-route-v346>div:last-child{
    border-bottom:0;
  }


  .vt-about-route-v346>i{
    display:none;
  }


  .vt-about-company-card-v346{
    min-height:285px;

    padding:22px;

    border-radius:21px;
  }


  .vt-about-company-card-mark-v346>span{
    font-size:48px;
  }


  .vt-about-requisites-v346{
    border-radius:21px;
  }


  .vt-about-requisites-row-v346{
    grid-template-columns:1fr;
  }


  .vt-about-requisites-row-v346
  .vt-about-requisite-v346:first-child{
    border-right:0;

    border-bottom:
      1px solid
      #eaeee7;
  }


  .vt-about-requisite-v346{
    min-height:78px;

    padding:16px 19px;
  }

}


/* ABOUT COMPANY PREMIUM V346 END */


/* =========================================================
   ABOUT DETAILS HEIGHT COMPACT V348
   ========================================================= */


/* Основной блок компании после удаления цифры */

.vt-about-company-main-v346{
  min-height:390px!important;
  justify-content:center!important;
}


/* =========================================================
   РЕКВИЗИТЫ
   Возвращаем нормальную ширину,
   уменьшаем именно высоту
   ========================================================= */


.vt-about-details-v346{
  padding-top:58px!important;
  padding-bottom:62px!important;
}


/* Заголовок снова занимает нормальную ширину */

.vt-about-details-v346
.vt-about-heading-v346{
  width:100%!important;

  display:grid!important;

  grid-template-columns:
    minmax(0,1fr)
    400px!important;

  gap:70px!important;

  margin:
    0 0
    24px!important;
}


/* Основной блок снова широкий */

.vt-about-details-layout-v346{
  width:100%!important;

  grid-template-columns:
    minmax(330px,.72fr)
    minmax(0,1.28fr)!important;

  gap:18px!important;

  margin:0!important;
}



/* ГРАФИТОВАЯ КАРТОЧКА - СИЛЬНО НИЖЕ */

.vt-about-company-card-v346{
  min-height:250px!important;

  padding:22px!important;

  border-radius:22px!important;
}


.vt-about-company-card-top-v346 strong{
  font-size:19px!important;
}


.vt-about-company-card-mark-v346{
  display:flex!important;

  align-items:center!important;
}


.vt-about-company-card-mark-v346>span{
  font-size:43px!important;
}


.vt-about-company-card-bottom-v346{
  gap:3px!important;
}


.vt-about-company-card-bottom-v346 strong{
  font-size:10.5px!important;
}


.vt-about-company-card-bottom-v346 span{
  max-width:260px!important;

  font-size:8.5px!important;
  line-height:1.4!important;
}



/* БЕЛЫЙ БЛОК РЕКВИЗИТОВ - КОМПАКТНЕЕ ПО ВЫСОТЕ */

.vt-about-requisites-v346{
  border-radius:22px!important;
}


.vt-about-requisite-v346{
  min-height:58px!important;

  padding:
    10px
    18px!important;

  gap:4px!important;
}


.vt-about-requisite-v346>span{
  font-size:7.5px!important;
}


.vt-about-requisite-v346>strong,
.vt-about-requisite-v346>a{
  font-size:11.5px!important;
  line-height:1.35!important;
}



/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:1000px){

  .vt-about-details-v346
  .vt-about-heading-v346{
    grid-template-columns:1fr!important;

    gap:10px!important;
  }


  .vt-about-details-layout-v346{
    grid-template-columns:1fr!important;
  }


  .vt-about-company-card-v346{
    min-height:210px!important;
  }

}



/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:750px){

  .vt-about-details-v346{
    padding-top:50px!important;
    padding-bottom:55px!important;
  }


  .vt-about-details-v346
  .vt-about-heading-v346{
    display:block!important;

    margin-bottom:21px!important;
  }


  .vt-about-company-card-v346{
    min-height:195px!important;

    padding:18px!important;

    border-radius:19px!important;
  }


  .vt-about-company-card-mark-v346>span{
    font-size:38px!important;
  }


  .vt-about-requisites-v346{
    border-radius:19px!important;
  }


  .vt-about-requisite-v346{
    min-height:57px!important;

    padding:
      10px
      16px!important;
  }

}


/* ABOUT DETAILS HEIGHT COMPACT V348 END */


/* =========================================================
   ABOUT MOBILE CLEANUP V349
   ========================================================= */


/* Новая надпись в графитовой карточке */

.vt-about-company-card-mark-v346>span{
  font-size:36px!important;
  line-height:.92!important;
  letter-spacing:-.045em!important;
}


/* На телефоне убираем маршрут с 5 городами,
   расположенный непосредственно перед реквизитами */

@media(max-width:750px){

  .vt-about-route-v346{
    display:none!important;
  }


  .vt-about-company-card-mark-v346>span{
    font-size:32px!important;
  }

}


/* ABOUT MOBILE CLEANUP V349 END */


/* =========================================================
   CONTACTS PREMIUM V350
   ========================================================= */

.vt-contacts-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}

.vt-contact-card{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:10px;
  min-height:180px;
  padding:24px 22px;
  border:1px solid #e5e8e1;
  border-radius:24px;
  background:linear-gradient(180deg,#ffffff 0%,#fafbf9 100%);
  box-shadow:0 14px 34px rgba(20,23,19,.05);
  text-decoration:none;
  color:#161916;
  overflow:hidden;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.vt-contact-card:before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:3px;
  background:linear-gradient(90deg,#ff1a1a 0%,#ff5a5a 100%);
  opacity:.92;
}

.vt-contact-card:hover{
  transform:translateY(-4px);
  box-shadow:0 18px 42px rgba(20,23,19,.09);
  border-color:#d7ddd4;
}

.vt-contact-icon{
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  border-radius:18px;
  background:linear-gradient(145deg,#161918 0%,#242826 100%);
  color:#fff;
  box-shadow:0 10px 24px rgba(17,21,16,.16);
}

.vt-contact-icon svg{
  width:21px;
  height:21px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.vt-contact-card small{
  margin-top:4px;
  font-size:11px;
  font-weight:900;
  letter-spacing:.11em;
  text-transform:uppercase;
  color:#9aa196;
}

.vt-contact-card strong{
  font-size:19px;
  line-height:1.2;
  color:#111510;
}

.vt-contact-card em{
  font-style:normal;
  color:#61695d;
  line-height:1.5;
}

.vt-location-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(420px,540px);
  gap:28px;
  align-items:center;
  padding:28px;
  border:1px solid #e2e6df;
  border-radius:30px;
  background:linear-gradient(180deg,#ffffff 0%,#fbfcfa 100%);
  box-shadow:0 18px 48px rgba(22,28,20,.06);
  overflow:hidden;
}

.vt-location-card-reverse{
  grid-template-columns:minmax(420px,540px) minmax(0,1fr);
}

.vt-location-card-reverse .vt-location-copy{
  order:2;
}

.vt-location-card-reverse .vt-map-card{
  order:1;
}

.vt-location-copy h2{
  margin:10px 0 14px;
  font-size:34px;
  line-height:1.06;
  color:#111510;
}

.vt-location-lead{
  margin:0 0 20px;
  font-size:15px;
  line-height:1.65;
  color:#5f675c;
}

.vt-location-list{
  display:grid;
  gap:12px;
  margin:0 0 22px;
}

.vt-location-list>div{
  padding:15px 16px;
  border:1px solid #ecefe9;
  border-radius:18px;
  background:#fff;
}

.vt-location-list span{
  display:block;
  margin-bottom:6px;
  font-size:11px;
  font-weight:900;
  letter-spacing:.09em;
  text-transform:uppercase;
  color:#98a094;
}

.vt-location-list strong{
  font-size:15px;
  line-height:1.45;
  color:#151916;
}

.vt-location-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

.vt-map-card{
  display:block;
  text-decoration:none;
  color:inherit;
}

.vt-map-frame{
  position:relative;
  overflow:hidden;
  border-radius:26px;
  background:#eef1ec;
  border:1px solid #e1e6de;
  box-shadow:0 18px 44px rgba(20,23,19,.10);
  min-height:360px;
}

.vt-map-frame img{
  display:block;
  width:100%;
  height:100%;
  min-height:360px;
  object-fit:cover;
}

.vt-map-frame:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,0) 38%,rgba(0,0,0,.20) 100%);
  pointer-events:none;
}

.vt-map-badge{
  position:absolute;
  left:18px;
  top:18px;
  z-index:3;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(17,21,16,.84);
  color:#fff;
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

.vt-map-hint{
  position:absolute;
  left:18px;
  right:18px;
  bottom:18px;
  z-index:3;
  padding:12px 14px;
  border-radius:16px;
  background:rgba(255,255,255,.92);
  color:#111510;
  font-size:13px;
  font-weight:800;
  box-shadow:0 10px 30px rgba(0,0,0,.10);
}

.vt-map-pin{
  position:absolute;
  left:50%;
  top:50%;
  z-index:4;
  width:24px;
  height:24px;
  border-radius:50%;
  background:radial-gradient(circle at 35% 35%,#ff9b9b 0%,#ff3b3b 45%,#d80000 100%);
  transform:translate(-50%,-50%);
  box-shadow:
    0 0 0 4px rgba(255,255,255,.95),
    0 0 0 10px rgba(255,0,0,.18),
    0 10px 28px rgba(216,0,0,.45),
    0 0 30px rgba(255,0,0,.45);
}

.vt-map-pin:before,
.vt-map-pin:after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:24px;
  height:24px;
  border-radius:50%;
  transform:translate(-50%,-50%);
  border:2px solid rgba(255,48,48,.55);
  animation:vtMapPulse 2.15s ease-out infinite;
}

.vt-map-pin:after{
  animation-delay:.8s;
}

@keyframes vtMapPulse{
  0%{
    opacity:.95;
    transform:translate(-50%,-50%) scale(1);
  }
  70%{
    opacity:0;
    transform:translate(-50%,-50%) scale(3.4);
  }
  100%{
    opacity:0;
    transform:translate(-50%,-50%) scale(3.8);
  }
}

@media(max-width:1100px){
  .vt-contacts-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .vt-location-card,
  .vt-location-card-reverse{
    grid-template-columns:1fr;
  }

  .vt-location-card-reverse .vt-location-copy,
  .vt-location-card-reverse .vt-map-card{
    order:initial;
  }
}

@media(max-width:750px){
  .vt-contacts-grid{
    grid-template-columns:1fr;
    gap:14px;
  }

  .vt-contact-card{
    min-height:0;
    padding:20px 18px;
    border-radius:20px;
  }

  .vt-location-card{
    padding:18px;
    gap:18px;
    border-radius:24px;
  }

  .vt-location-copy h2{
    font-size:27px;
    line-height:1.08;
  }

  .vt-location-lead{
    font-size:14px;
    line-height:1.6;
  }

  .vt-map-frame,
  .vt-map-frame img{
    min-height:250px;
  }

  .vt-map-badge{
    left:12px;
    top:12px;
    padding:7px 10px;
    font-size:10px;
  }

  .vt-map-hint{
    left:12px;
    right:12px;
    bottom:12px;
    padding:10px 12px;
    font-size:12px;
  }

  .vt-map-pin{
    width:20px;
    height:20px;
  }

  .vt-map-pin:before,
  .vt-map-pin:after{
    width:20px;
    height:20px;
  }
}

/* CONTACTS PREMIUM V350 END */


/* =========================================================
   CONTACT MAP CLEANUP V351
   ========================================================= */


/* Подпись остается, но без белой плашки */

.vt-map-hint{
  padding:0!important;

  background:transparent!important;

  box-shadow:none!important;

  border:0!important;

  color:rgba(255,255,255,.50)!important;

  font-weight:650!important;

  text-shadow:
    0 1px 5px
    rgba(0,0,0,.55)!important;

  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}


/* На мобильном так же */

@media(max-width:750px){

  .vt-map-hint{
    left:14px!important;
    right:14px!important;
    bottom:14px!important;

    padding:0!important;

    background:transparent!important;

    color:rgba(255,255,255,.50)!important;

    box-shadow:none!important;
  }

}


/* CONTACT MAP CLEANUP V351 END */


/* CONTACT ICON IMAGES V1 */
.contact-card .contact-icon-image{
  display:grid;
  place-items:center;
}

.contact-card .contact-icon-image img{
  width:34px;
  height:34px;
  display:block;
  object-fit:contain;
  filter:drop-shadow(0 8px 20px rgba(0,0,0,.08));
}

@media(max-width:750px){
  .contact-card .contact-icon-image img{
    width:30px;
    height:30px;
  }
}


/* =========================================================
   CONTACT LIQUID GLASS ICONS V352
   ========================================================= */

.vt-contact-card .vt-contact-icon.vt-contact-icon-image{
  width:68px!important;
  height:68px!important;

  display:grid!important;
  place-items:center!important;

  padding:0!important;

  border:0!important;
  border-radius:20px!important;

  background:transparent!important;

  box-shadow:none!important;

  overflow:visible!important;
}


.vt-contact-card .vt-contact-icon.vt-contact-icon-image img{
  width:68px!important;
  height:68px!important;

  display:block!important;

  object-fit:contain!important;

  filter:
    drop-shadow(
      0 10px 18px
      rgba(20,25,20,.11)
    )!important;

  transition:
    transform .28s ease,
    filter .28s ease;
}


@media(hover:hover) and (pointer:fine){

  .vt-contact-card:hover
  .vt-contact-icon.vt-contact-icon-image img{
    transform:
      translateY(-2px)
      scale(1.045);

    filter:
      drop-shadow(
        0 14px 22px
        rgba(20,25,20,.15)
      )!important;
  }

}


@media(max-width:750px){

  .vt-contact-card .vt-contact-icon.vt-contact-icon-image{
    width:60px!important;
    height:60px!important;
  }


  .vt-contact-card .vt-contact-icon.vt-contact-icon-image img{
    width:60px!important;
    height:60px!important;
  }

}


/* CONTACT LIQUID GLASS ICONS V352 END */

/* FOOTER OFFICE V353 */
.footer-grid{grid-template-columns:minmax(190px,1.25fr) minmax(120px,.70fr) minmax(150px,.90fr) minmax(170px,1fr) minmax(190px,1.15fr)!important;gap:28px!important;align-items:start!important}
@media(max-width:1050px){.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:650px){.footer-grid{grid-template-columns:1fr!important}}



/* =========================================================
   HOME BUSINESS PREMIUM ICONS V359
   ========================================================= */

.business-benefit-icon-premium{
  position:relative!important;
  width:100%!important;
  height:190px!important;
  display:grid!important;
  place-items:center!important;
  overflow:visible!important;
  isolation:isolate;
}

.business-benefit-icon-stage{
  position:relative;
  width:170px;
  height:170px;
  display:grid;
  place-items:center;
  perspective:900px;
  transform-style:preserve-3d;
}

.business-benefit-icon-stage:before{
  content:"";
  position:absolute;
  width:118px;
  height:118px;
  border-radius:50%;
  background:
    radial-gradient(
      circle,
      rgba(222,28,35,.20) 0%,
      rgba(222,28,35,.08) 34%,
      rgba(222,28,35,0) 72%
    );
  filter:blur(10px);
  opacity:.28;
  transform:scale(.80);
  transition:
    opacity .55s ease,
    transform .65s cubic-bezier(.16,1,.3,1);
  z-index:-2;
}

.business-benefit-icon-stage:after{
  content:"";
  position:absolute;
  width:144px;
  height:144px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:
    inset 0 0 28px rgba(255,255,255,.025),
    0 0 0 1px rgba(0,0,0,.04);
  opacity:0;
  transform:
    rotateX(68deg)
    rotateZ(-20deg)
    scale(.68);
  transition:
    opacity .45s ease,
    transform .8s cubic-bezier(.16,1,.3,1);
  z-index:-1;
}

.business-benefit-premium-img{
  display:block!important;
  width:158px!important;
  height:158px!important;
  max-width:none!important;
  object-fit:contain!important;
  transform:
    translate3d(0,0,0)
    rotateX(0)
    rotateY(0)
    scale(1);
  transform-origin:center;
  filter:
    drop-shadow(0 16px 18px rgba(0,0,0,.18))
    drop-shadow(0 4px 8px rgba(0,0,0,.10));
  transition:
    transform .72s cubic-bezier(.16,1,.3,1),
    filter .72s cubic-bezier(.16,1,.3,1);
  will-change:transform,filter;
}

.business-benefit-icon-premium:after{
  content:"";
  position:absolute;
  top:12px;
  left:50%;
  width:54px;
  height:160px;
  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255,255,255,.18),
      transparent
    );
  filter:blur(7px);
  opacity:0;
  pointer-events:none;
  transform:
    translateX(-190px)
    skewX(-18deg);
  z-index:5;
}

@media(hover:hover){

  .business-benefit-card{
    transition:
      transform .55s cubic-bezier(.16,1,.3,1),
      box-shadow .55s ease,
      border-color .55s ease!important;
  }

  .business-benefit-card:hover{
    transform:translateY(-6px);
  }

  .business-benefit-card:hover
  .business-benefit-premium-img{
    transform:
      translate3d(0,-7px,18px)
      rotateX(4deg)
      rotateY(-7deg)
      scale(1.075);

    filter:
      drop-shadow(0 25px 30px rgba(0,0,0,.25))
      drop-shadow(0 0 18px rgba(222,28,35,.10));
  }

  .business-benefit-card:nth-child(even):hover
  .business-benefit-premium-img{
    transform:
      translate3d(0,-7px,18px)
      rotateX(4deg)
      rotateY(7deg)
      scale(1.075);
  }

  .business-benefit-card:hover
  .business-benefit-icon-stage:before{
    opacity:.72;
    transform:scale(1.28);
  }

  .business-benefit-card:hover
  .business-benefit-icon-stage:after{
    opacity:1;
    transform:
      rotateX(68deg)
      rotateZ(18deg)
      scale(1);
  }

  .business-benefit-card:hover
  .business-benefit-icon-premium:after{
    animation:
      vtPremiumIconLightSweep
      1.05s
      cubic-bezier(.16,1,.3,1)
      forwards;
  }
}

@keyframes vtPremiumIconLightSweep{
  0%{
    opacity:0;
    transform:
      translateX(-190px)
      skewX(-18deg);
  }

  20%{
    opacity:.75;
  }

  70%{
    opacity:.42;
  }

  100%{
    opacity:0;
    transform:
      translateX(145px)
      skewX(-18deg);
  }
}

@media(max-width:750px){

  .business-benefit-icon-premium{
    height:155px!important;
  }

  .business-benefit-icon-stage{
    width:145px;
    height:145px;
  }

  .business-benefit-premium-img{
    width:138px!important;
    height:138px!important;
  }

  .business-benefit-icon-stage:after{
    width:124px;
    height:124px;
  }
}

/* HOME BUSINESS PREMIUM ICONS V359 END */

/* HOME PREMIUM BENEFITS V361 */

.premium-benefit-visual{
  --rx:0deg;
  --ry:0deg;
  --mx:50%;
  --my:50%;
  position:relative;
  width:100%;
  height:210px;
  display:grid;
  place-items:center;
  perspective:1000px;
  isolation:isolate;
  background:
    radial-gradient(
      circle at var(--mx) var(--my),
      rgba(225,25,32,.12),
      rgba(225,25,32,.035) 27%,
      transparent 54%
    );
}

.premium-benefit-img{
  position:relative;
  z-index:3;
  display:block;
  width:185px;
  height:185px;
  object-fit:contain;
  transform:
    perspective(900px)
    rotateX(var(--rx))
    rotateY(var(--ry))
    translateY(0)
    scale(1);
  filter:
    drop-shadow(0 17px 18px rgba(0,0,0,.20))
    drop-shadow(0 5px 7px rgba(0,0,0,.12));
  transition:
    transform .22s ease-out,
    filter .4s ease;
  will-change:transform;
}

.premium-benefit-visual:before{
  content:"";
  position:absolute;
  z-index:1;
  width:155px;
  height:155px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:
    0 0 32px rgba(225,25,32,.08),
    inset 0 0 24px rgba(255,255,255,.025);
  opacity:.12;
  transform:
    rotateX(72deg)
    rotateZ(-25deg)
    scale(.78);
}

.premium-benefit-visual:after{
  content:"";
  position:absolute;
  z-index:5;
  top:12px;
  bottom:12px;
  left:0;
  width:55px;
  pointer-events:none;
  opacity:0;
  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255,255,255,.32),
      transparent
    );
  filter:blur(7px);
  transform:translateX(-80px) skewX(-18deg);
}

.business-benefit-card{
  transition:
    transform .45s cubic-bezier(.16,1,.3,1),
    box-shadow .45s ease,
    border-color .45s ease!important;
}

@media(hover:hover){

  .business-benefit-card:hover{
    transform:translateY(-7px);
    box-shadow:
      0 26px 55px rgba(0,0,0,.16),
      0 8px 24px rgba(225,25,32,.06)!important;
  }

  .business-benefit-card:hover .premium-benefit-img{
    transform:
      perspective(900px)
      rotateX(var(--rx))
      rotateY(var(--ry))
      translateY(-11px)
      scale(1.09);
    filter:
      drop-shadow(0 28px 26px rgba(0,0,0,.26))
      drop-shadow(0 0 18px rgba(225,25,32,.15));
  }

  .business-benefit-card:hover .premium-benefit-visual:before{
    opacity:.9;
    animation:vtPremiumOrbit 1.35s cubic-bezier(.16,1,.3,1) forwards;
  }

  .business-benefit-card:hover .premium-benefit-visual:after{
    animation:vtPremiumSweep 1.05s cubic-bezier(.16,1,.3,1);
  }
}

@keyframes vtPremiumOrbit{
  0%{
    transform:rotateX(72deg) rotateZ(-25deg) scale(.78);
  }
  100%{
    transform:rotateX(72deg) rotateZ(335deg) scale(1.08);
  }
}

@keyframes vtPremiumSweep{
  0%{
    opacity:0;
    transform:translateX(-80px) skewX(-18deg);
  }
  22%{opacity:.9}
  68%{opacity:.45}
  100%{
    opacity:0;
    transform:translateX(260px) skewX(-18deg);
  }
}

@media(max-width:750px){
  .premium-benefit-visual{
    height:170px;
  }

  .premium-benefit-img{
    width:155px;
    height:155px;
  }
}

/* HOME PREMIUM BENEFITS V361 END */

/* =========================================================
   HOME PREMIUM BENEFITS FIX V362
   ========================================================= */

/* Убираем квадратное красное свечение */
.premium-benefit-visual{
  height:170px!important;
  background:none!important;
}

/* Нормальный компактный размер */
.premium-benefit-img{
  width:145px!important;
  height:145px!important;
}

/* Только круглый мягкий свет под объектом */
.premium-benefit-visual:before{
  width:125px!important;
  height:125px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  background:
    radial-gradient(
      circle,
      rgba(225,25,32,.13) 0%,
      rgba(225,25,32,.055) 38%,
      rgba(225,25,32,0) 70%
    )!important;
  box-shadow:
    0 0 24px rgba(225,25,32,.07),
    inset 0 0 18px rgba(255,255,255,.025)!important;
  filter:none!important;
}

/* Убираем красный drop-shadow с самой PNG */
.business-benefit-card:hover .premium-benefit-img{
  transform:
    perspective(900px)
    rotateX(var(--rx))
    rotateY(var(--ry))
    translateY(-5px)
    scale(1.035)!important;

  filter:
    drop-shadow(0 20px 20px rgba(0,0,0,.24))
    drop-shadow(0 5px 8px rgba(0,0,0,.12))!important;
}

/* Карточка теперь двигается совсем немного */
.business-benefit-card:hover{
  transform:translateY(-3px)!important;
}


/* =========================
   MOBILE
   ========================= */

@media(max-width:750px){

  .business-benefits-grid{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }

  .business-benefit-card{
    display:grid!important;
    grid-template-columns:105px minmax(0,1fr)!important;
    align-items:center!important;
    gap:14px!important;
    min-height:128px!important;
    padding:14px!important;
  }

  .premium-benefit-visual{
    width:105px!important;
    height:105px!important;
    min-width:105px!important;
  }

  .premium-benefit-img{
    width:100px!important;
    height:100px!important;
  }

  .premium-benefit-visual:before{
    width:88px!important;
    height:88px!important;
  }

  .business-benefit-copy{
    min-width:0!important;
  }

  .business-benefit-copy strong{
    display:block!important;
    margin:0 0 6px!important;
    font-size:17px!important;
    line-height:1.15!important;
  }

  .business-benefit-copy p{
    margin:0!important;
    font-size:13px!important;
    line-height:1.45!important;
  }

  /* На телефоне никакого hover-прыжка */
  .business-benefit-card:hover{
    transform:none!important;
  }

  .business-benefit-card:hover .premium-benefit-img{
    transform:none!important;
  }
}

/* HOME PREMIUM BENEFITS FIX V362 END */

/* =========================================================
   HOME BENEFITS MOBILE ONLY V367
   ПК НЕ ТРОГАЕМ
   ========================================================= */

@media(max-width:750px){

  .home-business-benefits .business-benefits-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
  }

  .home-business-benefits .business-benefit-card{
    display:grid!important;
    grid-template-columns:92px minmax(0,1fr)!important;
    align-items:center!important;
    column-gap:16px!important;

    width:100%!important;
    min-height:0!important;
    height:auto!important;

    padding:18px 16px!important;
    margin:0!important;

    overflow:hidden!important;
    transform:none!important;
  }

  .home-business-benefits .premium-benefit-visual{
    position:relative!important;

    width:92px!important;
    height:92px!important;
    min-width:92px!important;
    min-height:92px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    padding:0!important;
    margin:0!important;

    overflow:visible!important;
    background:none!important;

    transform:none!important;
    animation:none!important;
  }

  .home-business-benefits .premium-benefit-img{
    position:relative!important;

    width:88px!important;
    height:88px!important;
    max-width:88px!important;
    max-height:88px!important;

    display:block!important;
    object-fit:contain!important;

    margin:0!important;
    padding:0!important;

    transform:none!important;
    animation:none!important;

    filter:
      drop-shadow(0 8px 10px rgba(0,0,0,.16))!important;
  }

  .home-business-benefits .premium-benefit-visual:before,
  .home-business-benefits .premium-benefit-visual:after{
    display:none!important;
    content:none!important;
  }

  .home-business-benefits .business-benefit-copy{
    display:block!important;

    min-width:0!important;
    width:auto!important;

    margin:0!important;
    padding:0!important;

    position:relative!important;
  }

  .home-business-benefits .business-benefit-copy strong{
    display:block!important;

    margin:0 0 7px!important;
    padding:0!important;

    font-size:18px!important;
    line-height:1.16!important;
    letter-spacing:-.02em!important;

    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
  }

  .home-business-benefits .business-benefit-copy p{
    display:block!important;

    margin:0!important;
    padding:0!important;

    font-size:13px!important;
    line-height:1.48!important;

    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
  }

  .home-business-benefits .business-benefit-card:hover,
  .home-business-benefits .business-benefit-card:active{
    transform:none!important;
  }

  .home-business-benefits .business-benefit-card:hover
  .premium-benefit-img,
  .home-business-benefits .business-benefit-card:active
  .premium-benefit-img{
    transform:none!important;
  }
}


/* Маленькие телефоны */

@media(max-width:390px){

  .home-business-benefits .business-benefit-card{
    grid-template-columns:78px minmax(0,1fr)!important;
    column-gap:12px!important;
    padding:15px 13px!important;
  }

  .home-business-benefits .premium-benefit-visual{
    width:78px!important;
    height:78px!important;
    min-width:78px!important;
    min-height:78px!important;
  }

  .home-business-benefits .premium-benefit-img{
    width:74px!important;
    height:74px!important;
    max-width:74px!important;
    max-height:74px!important;
  }

  .home-business-benefits .business-benefit-copy strong{
    font-size:16px!important;
  }

  .home-business-benefits .business-benefit-copy p{
    font-size:12.5px!important;
  }
}

/* HOME BENEFITS MOBILE ONLY V367 END */

/* LIVE MANAGER CHAT V17 */

.vt-ai-message.is-manager .vt-ai-bubble{
  background:#17181a;
  color:#fff;
  border-color:#17181a;
}

.vt-ai-manager-label{
  display:block;
  margin-bottom:5px;
  font-size:10px;
  font-weight:750;
  opacity:.58;
  text-transform:uppercase;
  letter-spacing:.05em;
}

.vt-ai-message.is-system{
  justify-content:center;
}

.vt-ai-message.is-system .vt-ai-bubble{
  max-width:88%;
  background:#f3f3f1;
  color:#777e88;
  box-shadow:none;
  text-align:center;
  font-size:12px;
}

#vtAiManagerBtn:disabled{
  opacity:.72;
  cursor:default;
}

/* LIVE MANAGER CHAT V17 END */

/* =========================================================
   MOBILE LIVE CHAT V18
   ========================================================= */

@media(max-width:760px){

  /* Открытый чат выше всего интерфейса */
  #vtAiChat.open{
    position:fixed!important;
    inset:0!important;

    width:100%!important;
    height:100dvh!important;

    margin:0!important;
    padding:0!important;

    z-index:2147483000!important;

    overflow:hidden!important;
  }


  /* Само окно превращаем в полноценный экран */
  #vtAiChat.open .vt-ai-panel{
    position:fixed!important;

    left:0!important;
    right:0!important;
    top:0!important;
    bottom:0!important;

    width:100%!important;
    max-width:none!important;

    height:100vh!important;
    height:100dvh!important;
    max-height:none!important;

    margin:0!important;

    border-radius:0!important;

    display:flex!important;
    flex-direction:column!important;

    overflow:hidden!important;

    padding-top:env(safe-area-inset-top)!important;

    z-index:2147483001!important;
  }


  /* История сообщений занимает всё свободное место */
  #vtAiMessages{
    flex:1 1 auto!important;

    width:100%!important;

    min-height:0!important;
    max-height:none!important;

    overflow-x:hidden!important;
    overflow-y:auto!important;

    -webkit-overflow-scrolling:touch;

    padding-left:12px!important;
    padding-right:12px!important;
    padding-bottom:14px!important;

    scroll-behavior:smooth;
  }


  /* Сообщения */
  #vtAiMessages .vt-ai-message{
    max-width:100%!important;
  }

  #vtAiMessages .vt-ai-bubble{
    max-width:88%!important;

    overflow-wrap:anywhere!important;
    word-break:normal!important;
  }


  /* Нижняя строка ввода */
  #vtAiForm{
    position:relative!important;

    left:auto!important;
    right:auto!important;
    bottom:auto!important;

    flex:0 0 auto!important;

    width:100%!important;

    display:grid!important;
    grid-template-columns:minmax(0,1fr) 48px!important;
    gap:8px!important;

    align-items:end!important;

    margin:0!important;

    padding:
      10px
      10px
      calc(10px + env(safe-area-inset-bottom))!important;

    background:rgba(255,255,255,.98)!important;

    border-top:
      1px solid rgba(20,24,30,.09)!important;

    box-shadow:
      0 -8px 24px rgba(18,22,28,.05)!important;

    z-index:2147483005!important;
  }


  /* Поле ввода */
  #vtAiInput{
    position:relative!important;

    display:block!important;

    width:100%!important;
    min-width:0!important;

    height:auto!important;
    min-height:46px!important;
    max-height:110px!important;

    margin:0!important;

    padding:11px 13px!important;

    font-size:16px!important;
    line-height:1.35!important;

    resize:none!important;

    z-index:2!important;
  }


  /* Кнопка отправить */
  #vtAiSend{
    position:relative!important;

    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    width:48px!important;
    min-width:48px!important;
    max-width:48px!important;

    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;

    margin:0!important;
    padding:0!important;

    transform:none!important;

    z-index:2147483006!important;
  }


  /* Кнопка вызова менеджера */
  #vtAiManagerBtn{
    position:relative!important;

    width:100%!important;
    max-width:none!important;

    z-index:30!important;
  }


  /*
   * Главная плавающая иконка помощника остаётся
   * на странице, но при открытом чате находится ПОД ним.
   */
  body.vt-ai-open [data-open-assistant]{
    z-index:1!important;
    pointer-events:none!important;
  }


  /* Никакие внешние floating элементы не должны
     перекрывать нижнюю часть открытого чата */
  body.vt-ai-open #vtAiChat{
    pointer-events:auto!important;
  }


  /* Системные сообщения после вызова менеджера */
  .vt-ai-message.is-system .vt-ai-bubble{
    max-width:92%!important;

    margin-left:auto!important;
    margin-right:auto!important;

    padding:9px 12px!important;

    font-size:12px!important;
    line-height:1.4!important;
  }


  /* Ответ менеджера */
  .vt-ai-message.is-manager .vt-ai-bubble{
    max-width:88%!important;
  }

}


/* Совсем маленькие iPhone */
@media(max-width:390px){

  #vtAiMessages{
    padding-left:9px!important;
    padding-right:9px!important;
  }

  #vtAiForm{
    grid-template-columns:minmax(0,1fr) 46px!important;

    padding-left:8px!important;
    padding-right:8px!important;
  }

  #vtAiSend{
    width:46px!important;
    min-width:46px!important;
    max-width:46px!important;

    height:46px!important;
    min-height:46px!important;
    max-height:46px!important;
  }

}

/* MOBILE LIVE CHAT V18 END */

/* MOBILE CHAT COLORS V19 */

@media(max-width:760px){

  /* Сообщение клиента */
  #vtAiMessages .vt-ai-message.is-user .vt-ai-bubble{
    background:#17181a!important;
    border-color:#17181a!important;
    color:#fff!important;
  }

  #vtAiMessages .vt-ai-message.is-user .vt-ai-message-text{
    color:#fff!important;
  }


  /* Системное сообщение */
  #vtAiMessages .vt-ai-message.is-system .vt-ai-bubble{
    background:#eeeeec!important;
    border:1px solid #dededb!important;
    color:#44484e!important;
  }

  #vtAiMessages .vt-ai-message.is-system .vt-ai-message-text{
    color:#44484e!important;
  }


  /* Ответ живого менеджера */
  #vtAiMessages .vt-ai-message.is-manager .vt-ai-bubble{
    background:#17181a!important;
    border-color:#17181a!important;
    color:#fff!important;
  }

  #vtAiMessages .vt-ai-message.is-manager .vt-ai-message-text,
  #vtAiMessages .vt-ai-message.is-manager .vt-ai-manager-label{
    color:#fff!important;
  }

}

/* MOBILE CHAT COLORS V19 END */

/* LIVE CHAT COLOR FIX V20 */

/* Поле, где клиент печатает */
#vtAiChat #vtAiInput{
  background:#ffffff!important;
  background-color:#ffffff!important;

  color:#17181a!important;
  -webkit-text-fill-color:#17181a!important;

  caret-color:#d71920!important;

  border-color:#d9dadd!important;
}

#vtAiChat #vtAiInput::placeholder{
  color:#8a8e95!important;
  -webkit-text-fill-color:#8a8e95!important;
  opacity:1!important;
}


/* Сообщение самого клиента */
#vtAiChat #vtAiMessages .vt-ai-message.is-user .vt-ai-bubble{
  background:#17181a!important;
  background-color:#17181a!important;
  color:#ffffff!important;
}

#vtAiChat #vtAiMessages .vt-ai-message.is-user .vt-ai-message-text{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
}


/* Ответ живого менеджера */
#vtAiChat #vtAiMessages .vt-ai-message.is-manager .vt-ai-bubble{
  background:#17181a!important;
  background-color:#17181a!important;
  color:#ffffff!important;
}

#vtAiChat #vtAiMessages .vt-ai-message.is-manager .vt-ai-message-text,
#vtAiChat #vtAiMessages .vt-ai-message.is-manager .vt-ai-manager-label{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
}


/* Служебные сообщения */
#vtAiChat #vtAiMessages .vt-ai-message.is-system .vt-ai-bubble{
  background:#eeeeec!important;
  background-color:#eeeeec!important;

  color:#34373c!important;

  border:1px solid #dedfdb!important;
}

#vtAiChat #vtAiMessages .vt-ai-message.is-system .vt-ai-message-text{
  color:#34373c!important;
  -webkit-text-fill-color:#34373c!important;
}


/* На телефоне поле всегда поверх нижнего фона */
@media(max-width:760px){

  #vtAiChat.open #vtAiInput{
    background:#fff!important;
    color:#17181a!important;
    -webkit-text-fill-color:#17181a!important;
  }

}

/* LIVE CHAT COLOR FIX V20 END */

/* =========================================================
   CLIENT CHAT COMPOSER V21
   ========================================================= */

#vtAiChat #vtAiForm{
  display:flex!important;
  align-items:flex-end!important;
  gap:9px!important;

  width:100%!important;

  padding:10px!important;

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.97),
      #f7f7f6
    )!important;

  border-top:1px solid rgba(20,24,30,.08)!important;

  box-shadow:
    0 -8px 28px rgba(20,24,30,.045)!important;
}


/* Поле сообщения */
#vtAiChat #vtAiInput{
  flex:1 1 auto!important;

  width:100%!important;
  min-width:0!important;

  min-height:48px!important;
  max-height:120px!important;

  margin:0!important;
  padding:13px 16px!important;

  border:1px solid #d9dbdf!important;
  border-radius:16px!important;

  outline:none!important;

  background:#fff!important;

  color:#17181a!important;
  -webkit-text-fill-color:#17181a!important;

  caret-color:#d71920!important;

  font-family:inherit!important;
  font-size:14px!important;
  font-weight:500!important;
  line-height:1.4!important;

  resize:none!important;

  box-shadow:
    inset 0 1px 2px rgba(20,24,30,.025),
    0 2px 8px rgba(20,24,30,.025)!important;

  transition:
    border-color .18s ease,
    box-shadow .18s ease!important;
}

#vtAiChat #vtAiInput:focus{
  border-color:rgba(215,25,32,.48)!important;

  box-shadow:
    0 0 0 3px rgba(215,25,32,.07),
    0 3px 12px rgba(20,24,30,.04)!important;
}

#vtAiChat #vtAiInput::placeholder{
  color:#92969d!important;
  -webkit-text-fill-color:#92969d!important;
  opacity:1!important;
}


/* Кнопка отправки */
#vtAiChat #vtAiSend{
  position:relative!important;

  flex:0 0 48px!important;

  width:48px!important;
  min-width:48px!important;
  height:48px!important;
  min-height:48px!important;

  margin:0!important;
  padding:0!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  border:0!important;
  border-radius:15px!important;

  background:
    linear-gradient(
      145deg,
      #e3262d,
      #c9141b
    )!important;

  color:#fff!important;

  box-shadow:
    0 7px 18px rgba(201,20,27,.20),
    inset 0 1px 0 rgba(255,255,255,.18)!important;

  cursor:pointer!important;

  transform:none!important;

  transition:
    transform .16s ease,
    box-shadow .16s ease,
    opacity .16s ease!important;
}

#vtAiChat #vtAiSend:hover{
  transform:translateY(-1px)!important;

  box-shadow:
    0 9px 22px rgba(201,20,27,.26),
    inset 0 1px 0 rgba(255,255,255,.2)!important;
}

#vtAiChat #vtAiSend:active{
  transform:translateY(0)!important;
}

#vtAiChat #vtAiSend:disabled{
  opacity:.48!important;
  cursor:default!important;
  transform:none!important;
}


/* Телефон */
@media(max-width:760px){

  #vtAiChat #vtAiForm{
    gap:8px!important;

    padding:
      9px
      9px
      calc(9px + env(safe-area-inset-bottom))!important;

    background:rgba(248,248,247,.98)!important;
  }

  #vtAiChat #vtAiInput{
    min-height:48px!important;

    padding:12px 14px!important;

    border-radius:15px!important;

    font-size:16px!important;
  }

  #vtAiChat #vtAiSend{
    flex-basis:48px!important;
    border-radius:15px!important;
  }

}

/* CLIENT CHAT COMPOSER V21 END */