/* Start:/local/templates/rant/css/template.css?178286541063919*/
/* ============================================
   ROOT VARIABLES
   ============================================ */
:root{--bg:#FCFBF9;--surface:#FFFFFF;--surface-muted:#F5F2EE;--text:#1C1917;--text-muted:#78716C;--primary:#2C1E16;--primary-hover:#1A120D;--accent:#E05915;--accent-hover:#C24A0F;--accent-light:#FFF0E8;--border:#E7E5E4;--danger:#DC2626;--success:#059669;--r4:4px;--r8:8px;--r10:10px;--r16:16px;--font:'Segoe UI',system-ui,-apple-system,sans-serif;--t:.2s ease;--w:1240px}

/* ============================================
   RESET & BASE
   ============================================ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}
ul,ol{list-style:none}
button{font-family:var(--font);border:none;background:none;cursor:pointer}
img{max-width:100%;display:block}
input{font-family:var(--font)}
.wrap{max-width:var(--w);margin:0 auto;padding:0 16px}
.page{min-height:100vh;display:flex;flex-direction:column}

/* ============================================
   BUTTONS
   ============================================ */
.btn{display:inline-flex;align-items:center;justify-content:center;padding:0 22px;height:44px;font-size:14px;font-weight:700;border-radius:var(--r4);white-space:nowrap;transition:background var(--t),border-color var(--t),color var(--t);cursor:pointer}
.btn:active{transform:translateY(1px)}
.btn-primary{background:var(--primary);color:#fff}
.btn-primary:hover{background:var(--primary-hover)}
.btn-accent{background:var(--accent);color:#fff}
.btn-accent:hover{background:var(--accent-hover)}
.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text)}
.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}
.btn-sm{height:32px;padding:0 14px;font-size:12px}

/* ============================================
   HEADER
   ============================================ */
.header{position:sticky;top:0;z-index:200;background:#fff;box-shadow:0 2px 8px rgba(28,25,23,.05)}
.header-top{border-bottom:1px solid var(--border)}
.header-top__in{height:40px;display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--text-muted)}
.header-top__logo{display:flex;align-items:center;gap:8px;font-weight:800;color:var(--primary)}
.header-top__mark{width:32px;height:32px;border:2px solid var(--primary);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:11px}
.header-top__logo-text{display:inline}
.header-top__right{display:flex;align-items:center;gap:20px}
/* Телефон — десктопная версия с текстом */
.header-top__phone{font-weight:600;color:var(--text);display:flex;align-items:center;gap:4px}
.header-top__phone-text{display:inline}
.header-icon{display:flex;align-items:center;gap:5px;color:var(--text-muted);position:relative}
.header-icon svg{width:16px;height:16px}
.header-icon:hover{color:var(--accent)}
.header-icon span{display:inline}
.header-badge{min-width:18px;height:18px;border-radius:9px;background:var(--accent);color:#fff;font-size:11px;font-weight:800;display:flex !important;align-items:center;justify-content:center;padding:0 5px}
.header-nav{border-bottom:1px solid var(--border);position:relative}
.header-nav__in{height:64px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px}
.burger{display:none;align-items:center;justify-content:center;padding:6px;color:var(--primary);background:none;border:none;cursor:pointer}
.nav{display:flex;align-items:center;gap:20px;font-size:14px;font-weight:600}
.nav__item{position:static}
.nav__link{padding:4px 0;border-bottom:2px solid transparent;white-space:nowrap}
.nav__link:hover,.nav__link--accent{color:var(--accent);border-bottom-color:var(--accent)}
.nav__link--active{color:var(--accent);border-bottom-color:var(--accent)}
.search{display:flex;align-items:center;gap:12px;flex:1}
.search__wrap{position:relative;flex:1}
.search__input{width:100%;height:40px;padding:0 16px 0 36px;border:1px solid var(--border);border-radius:999px;font-size:14px;outline:none;transition:border-color var(--t),box-shadow var(--t)}
.search__input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}
.search__ico{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}
.search__adv{font-size:13px;font-weight:600;color:var(--text-muted);white-space:nowrap;display:block}
.search__adv:hover{color:var(--accent)}

/* ============================================
   MEGA MENU
   ============================================ */
.mega{position:absolute;left:0;right:0;top:100%;background:#fff;border-top:2px solid var(--accent);border-bottom:1px solid var(--border);box-shadow:0 16px 40px rgba(28,25,23,.12);z-index:300;display:none}
.mega--open{display:block}
.mega__in{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:20px 16px 24px}
.mega__col{padding:0 20px;border-right:1px solid var(--border)}
.mega__col:first-child{padding-left:0}
.mega__col:last-child{border-right:none}
.mega__head{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--primary);margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--border)}
.mega__link{display:block;font-size:13px;color:var(--text-muted);padding:4px 0;line-height:1.4}
.mega__link:hover{color:var(--accent)}
.mega__all{display:block;font-size:12px;font-weight:700;color:var(--accent);padding:8px 0 4px;margin-top:2px}
.mega__promo{margin-top:14px;background:var(--accent-light);border-radius:var(--r8);padding:14px 12px}
.mega__promo-title{font-weight:800;font-size:13px;color:var(--primary);margin-bottom:4px}
.mega__promo-text{font-size:12px;color:var(--text-muted);margin-bottom:10px;line-height:1.4}
@media(max-width:900px){.mega{display:none!important}}

/* ============================================
   OFF-CANVAS MOBILE MENU
   ============================================ */
.oc-overlay{display:none;position:fixed;inset:0;background:rgba(28,25,23,.55);z-index:800;transition:opacity .25s}
.oc-overlay--on{display:block}
.oc{position:fixed;top:0;left:0;bottom:0;width:min(320px,92vw);background:#fff;z-index:900;display:flex;flex-direction:column;transform:translateX(-100%);transition:transform .28s cubic-bezier(.4,0,.2,1);box-shadow:4px 0 32px rgba(28,25,23,.15)}
.oc--on{transform:translateX(0)}
.oc__head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--primary);flex-shrink:0}
.oc__logo{font-size:18px;font-weight:900;color:#fff}
.oc__logo span{color:var(--accent)}
.oc__close{color:#fff;display:flex;align-items:center;padding:4px}
.oc__search{padding:12px 16px;border-bottom:1px solid var(--border);flex-shrink:0}
.oc__si{position:relative}
.oc__input{width:100%;height:38px;padding:0 16px 0 36px;border:1px solid var(--border);border-radius:999px;font-size:14px;outline:none}
.oc__input:focus{border-color:var(--accent)}
.oc__sico{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}
.oc__body{flex:1;overflow-y:auto}
.oc__sect{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);padding:14px 16px 4px}
.oc__acc{border-bottom:1px solid var(--border)}
.oc__trg{width:100%;display:flex;align-items:center;justify-content:space-between;padding:13px 16px;font-size:14px;font-weight:600;color:var(--text);text-align:left;background:none}
.oc__trg--on{color:var(--accent)}
.oc__arr{width:16px;height:16px;flex-shrink:0;transition:transform .2s;color:var(--text-muted)}
.oc__arr--on{transform:rotate(90deg)}
.oc__panel{display:none;background:var(--bg);padding:4px 0 8px 32px}
.oc__panel--on{display:block}
.oc__sub{display:block;font-size:13px;color:var(--text-muted);padding:6px 16px 6px 0}
.oc__sub:hover{color:var(--accent)}
.oc__suball{display:block;font-size:12px;font-weight:700;color:var(--accent);padding:8px 16px 6px 0}
.oc__navlink{display:flex;align-items:center;padding:13px 16px;font-size:14px;font-weight:500;color:var(--text);border-bottom:1px solid var(--border)}
.oc__navlink:hover{color:var(--accent)}
.oc__foot{padding:14px 16px;border-top:1px solid var(--border);flex-shrink:0}
.oc__phone{font-size:18px;font-weight:800;color:var(--primary);display:block;margin-bottom:4px}

/* ============================================
   MAIN CONTENT
   ============================================ */
.main{flex:1;padding:15px 0 72px}

/* ============================================
   BREADCRUMBS
   ============================================ */
.breadcrumbs{padding:12px 0;font-size:12px;color:var(--text-muted);overflow-x:auto;white-space:nowrap}
.breadcrumbs__list{display:flex;flex-wrap:nowrap;align-items:center;gap:6px}
.breadcrumbs__link{color:var(--text-muted)}
.breadcrumbs__link:hover{color:var(--accent)}
.breadcrumbs__sep{color:var(--border);margin:0 2px}
.breadcrumbs__current{color:var(--text-muted);font-weight:500}

/* ============================================
   HERO SLIDER
   ============================================ */
.hero__in{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:center}
.hero__eyebrow{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:10px}
.hero__h1{font-size:34px;font-weight:900;line-height:1.15;color:var(--primary);margin-bottom:14px}
.hero__sub{font-size:16px;color:var(--text-muted);margin-bottom:24px;max-width:500px}
.hero__actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.hero__sec{font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:5px}
.hero__sec svg{width:13px;height:13px}
.hero__media{background:#fff;border:1px solid var(--border);border-radius:var(--r16);padding:16px;box-shadow:0 4px 16px rgba(28,25,23,.06)}
.hero__slider{position:relative;overflow:hidden;border-radius:var(--r10);min-height:240px}
.hero__slides{display:flex;transition:transform 0.4s ease-in-out}
.hero__slide{flex:0 0 100%;min-height:240px;background:repeating-linear-gradient(135deg,#F3EDE5 0,#F3EDE5 10px,#EFE7DD 10px,#EFE7DD 20px);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:14px;text-transform:uppercase;letter-spacing:.08em;font-weight:500}
.hero__ctrl{margin-top:12px;display:flex;justify-content:space-between;align-items:center}
.hero__dots{display:flex;gap:6px}
.hero__dot{width:8px;height:8px;border-radius:50%;background:var(--border);cursor:pointer;transition:background 0.2s}
.hero__dot--on{background:var(--accent)}
.hero__arrows{display:flex;gap:8px;align-items:center}
.hero__arrow{width:36px;height:36px;border-radius:50%;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;background:#fff;transition:all 0.2s;padding:0;line-height:1}
.hero__arrow:hover{border-color:var(--accent);color:var(--accent)}
@media(max-width:900px){.hero__in{grid-template-columns:1fr}.hero__h1{font-size:26px}.hero__sub{font-size:14px}}

/* ============================================
   SECTIONS
   ============================================ */
.sec{padding:48px 0 0}
.sec__hd{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border);padding-bottom:12px;margin-bottom:24px}
.sec__title{font-size:22px;font-weight:800;color:var(--primary)}
.sec__link{font-size:13px;font-weight:700;color:var(--accent);white-space:nowrap}

/* ============================================
   CATEGORIES
   ============================================ */
.cats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.cat{background:#fff;border:1px solid var(--border);border-radius:var(--r10);padding:18px 16px;display:flex;flex-direction:column;gap:12px;min-height:140px;transition:border-color var(--t),box-shadow var(--t)}
.cat:hover{border-color:var(--accent);box-shadow:0 4px 16px rgba(224,89,21,.08)}
.cat__ico{width:40px;height:40px;border-radius:10px;background:var(--surface-muted);display:flex;align-items:center;justify-content:center;color:var(--accent)}
.cat__name{font-size:15px;font-weight:700;color:var(--primary);line-height:1.3}
.cat__go{margin-top:auto;font-size:13px;color:var(--text-muted)}
@media(max-width:1024px){.cats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:768px){.cats{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ============================================
   PRODUCTS
   ============================================ */
.tabs{display:flex;gap:8px}
.tab{padding:5px 14px;font-size:13px;border-radius:999px;border:1px solid var(--border);cursor:pointer;transition:all var(--t);background:#fff}
.tab--on{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}
.prods{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:20px}
.pcard{background:#fff;border:1px solid var(--border);border-radius:var(--r10);padding:14px;display:flex;flex-direction:column;transition:border-color var(--t),box-shadow var(--t)}
.pcard:hover{border-color:var(--primary);box-shadow:0 4px 16px rgba(28,25,23,.08)}
.pcard__img{aspect-ratio:4/3;border-radius:var(--r8);background:var(--surface-muted);display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--text-muted);margin-bottom:10px}
.pcard__sku{font-size:11px;color:var(--text-muted);font-family:'Courier New',monospace;margin-bottom:3px}
.pcard__name{font-size:14px;font-weight:600;line-height:1.4;margin-bottom:8px}
.pcard__stock{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--text-muted);margin-bottom:8px}
.pcard__dot{width:8px;height:8px;border-radius:50%;background:var(--success)}
.pcard__prices{display:flex;align-items:baseline;gap:8px;margin-bottom:10px}
.pcard__price{font-size:18px;font-weight:800;color:var(--primary)}
.pcard__old{font-size:13px;text-decoration:line-through;color:var(--text-muted)}
.pcard__bot{margin-top:auto;display:flex;align-items:center;gap:8px}
.pcard__qty{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:999px;overflow:hidden}
.pcard__qbtn{width:26px;height:30px;font-size:14px;color:var(--text);cursor:pointer}
.pcard__qval{width:32px;height:30px;border:none;border-left:1px solid var(--border);border-right:1px solid var(--border);text-align:center;font-size:13px;-moz-appearance:textfield}
.pcard__qval::-webkit-inner-spin-button{-webkit-appearance:none}
.pcard__add{flex:1;height:32px;border-radius:999px;background:var(--accent);color:#fff;font-size:13px;font-weight:700;transition:background var(--t)}
.pcard__add:hover{background:var(--accent-hover)}
@media(max-width:1100px){.prods{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:768px){.prods{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ============================================
   B2B SECTION
   ============================================ */
.b2b{margin-top:48px;background:var(--surface-muted)}
.b2b__in{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:24px 0}
.b2b__col{background:#fff;border:1px solid var(--border);border-radius:var(--r16);padding:20px 18px}
.b2b__title{font-size:18px;font-weight:800;color:var(--primary);margin-bottom:6px}
.b2b__text{font-size:14px;color:var(--text-muted);margin-bottom:12px}
.b2b__list{padding-left:16px;margin-bottom:16px}
.b2b__list li{list-style:disc;font-size:14px;color:var(--text-muted);margin-bottom:4px}
@media(max-width:768px){.b2b__in{grid-template-columns:1fr}}

/* ============================================
   BENEFITS
   ============================================ */
.bens{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.ben{background:#fff;border:1px solid var(--border);border-radius:var(--r10);padding:16px 14px;display:flex;flex-direction:column;gap:8px}
.ben__ico{width:36px;height:36px;border-radius:8px;background:var(--accent-light);display:flex;align-items:center;justify-content:center;color:var(--accent)}
.ben__name{font-size:14px;font-weight:700;color:var(--primary)}
.ben__text{font-size:13px;color:var(--text-muted);line-height:1.4}
@media(max-width:1100px){.bens{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.bens{grid-template-columns:1fr}}

/* ============================================
   SEO BLOCK
   ============================================ */
.seo__box{background:#fff;border:1px solid var(--border);border-radius:var(--r10);padding:20px 18px;max-width:960px}
.seo__title{font-size:18px;font-weight:800;color:var(--primary);margin-bottom:10px}
.seo__text{font-size:14px;color:var(--text-muted);line-height:1.6}

/* ============================================
   CONTACTS
   ============================================ */
.contacts__in{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}
.contacts__map{border-radius:var(--r10);background:var(--border);min-height:260px;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}
.contacts__block{background:#fff;border:1px solid var(--border);border-radius:var(--r10);padding:18px 16px}
.contacts__title{font-size:18px;font-weight:800;color:var(--primary);margin-bottom:10px}
.contacts__row{font-size:14px;color:var(--text-muted);margin-bottom:8px;line-height:1.4}
@media(max-width:900px){.contacts__in{grid-template-columns:1fr}}

/* ============================================
   PRODUCT DETAIL PAGE
   ============================================ */
.product{display:grid;grid-template-columns:1fr;gap:24px;padding-bottom:32px}
@media(min-width:768px){.product{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:48px}}
.gallery__main{position:relative;border-radius:var(--r10);overflow:hidden;border:1px solid var(--border);background:var(--muted);aspect-ratio:4/3;cursor:zoom-in}
.gallery__main-img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.gallery__expand{position:absolute;bottom:10px;right:10px;width:32px;height:32px;background:rgba(255,255,255,.9);border-radius:var(--r4);display:flex;align-items:center;justify-content:center;color:var(--text-muted);border:1px solid var(--border);cursor:pointer}
.gallery__expand:hover{background:#fff;color:var(--accent)}
.gallery__thumbs{display:flex;gap:8px;margin-top:12px;flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}
.gallery__thumb{width:70px;height:70px;flex-shrink:0;border-radius:var(--r8);border:2px solid var(--border);background:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--text-muted);transition:border-color var(--t)}
@media(min-width:768px){.gallery__thumb{width:80px;height:80px}}
.gallery__thumb--on{border-color:var(--accent)}
.gallery__thumb:hover{border-color:var(--primary)}
.pinfo__sku{font-size:12px;color:var(--text-muted);font-family:'Courier New',monospace;margin-bottom:6px}
.pinfo__title{font-size:20px;font-weight:800;line-height:1.3;color:var(--primary);margin-bottom:10px}
@media(min-width:768px){.pinfo__title{font-size:24px}}
.pinfo__rating{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted);margin-bottom:16px}
.stars{display:flex;gap:2px;color:#F59E0B}
.stars svg{width:14px;height:14px}
.stars svg.empty{color:var(--border)}
.pinfo__price-block{margin-bottom:16px}
.pinfo__price-row{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:6px}
.pinfo__price{font-size:24px;font-weight:900;color:var(--primary);line-height:1}
@media(min-width:768px){.pinfo__price{font-size:28px}}
.pinfo__price-unit{font-size:13px;color:var(--text-muted);font-weight:500}
.pinfo__price-old{font-size:14px;text-decoration:line-through;color:var(--text-muted)}
.pinfo__your-price{font-size:11px;font-weight:700;color:var(--accent);background:var(--accent-light);padding:2px 8px;border-radius:999px}
.pinfo__stock{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:4px 10px;border-radius:999px;font-weight:600}
.pinfo__stock--in{background:#DCFCE7;color:#166534}
.pinfo__stock-rest{font-size:11px;color:var(--text-muted);margin-top:6px}
.pinfo__actions{margin-bottom:20px}
.pinfo__actions-row{display:flex;align-items:center;gap:10px;margin-bottom:8px;flex-wrap:wrap}
.stepper{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:var(--r4);overflow:hidden;height:44px}
@media(min-width:768px){.stepper{height:48px}}
.stepper__btn{width:36px;height:100%;font-size:18px;font-weight:700;color:var(--text);transition:background var(--t);background:#fff}
.stepper__btn:hover{background:var(--muted)}
.stepper__input{width:50px;height:100%;border:none;border-left:1px solid var(--border);border-right:1px solid var(--border);text-align:center;font-size:16px;font-weight:700;-moz-appearance:textfield;outline:none}
.cart-btn{height:44px;padding:0 20px;font-size:14px;flex:1}
@media(min-width:768px){.cart-btn{height:48px;padding:0 28px;font-size:15px;min-width:180px;flex:initial}}
.pinfo__actions-hint{font-size:11px;color:var(--text-muted);margin-bottom:10px}
.pinfo__actions-row2{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.pinfo__quick,.pinfo__fav{font-size:12px;font-weight:600;color:var(--text-muted);display:inline-flex;align-items:center;gap:5px}
.pinfo__quick:hover,.pinfo__fav:hover{color:var(--accent)}
.pinfo__fav:hover{color:var(--danger)}
.pinfo__specs{margin-bottom:20px}
.pinfo__specs-title{font-size:14px;font-weight:700;color:var(--primary);margin-bottom:8px}
.specs-table{width:100%;border-collapse:collapse;font-size:12px}
@media(min-width:768px){.specs-table{font-size:13px}}
.specs-table tr:nth-child(even){background:var(--muted)}
.specs-table td{padding:6px 8px;color:var(--text)}
.specs-table td:first-child{color:var(--text-muted);width:45%}
.pinfo__specs-all{display:inline-block;margin-top:8px;font-size:12px;font-weight:600;color:var(--accent)}
.pinfo__delivery{background:var(--muted);border-radius:var(--r8);padding:12px 14px;margin-bottom:16px}
.pinfo__delivery-row{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:var(--text-muted);margin-bottom:6px;line-height:1.4}
.pinfo__delivery-row:last-child{margin-bottom:0}
.pinfo__delivery-row a{color:var(--accent);font-weight:600}
.pinfo__social{font-size:11px;color:var(--text-muted);display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.pinfo__social .stars svg{width:11px;height:11px}
.tabs-section{padding:32px 0 0}
.tabs-nav{display:flex;border-bottom:2px solid var(--border);gap:0;margin-bottom:0;white-space:nowrap;-webkit-overflow-scrolling:touch}
.tabs-nav__btn{padding:10px 16px;font-size:13px;font-weight:600;color:var(--text-muted);border-bottom:3px solid transparent;margin-bottom:-2px;transition:color var(--t),border-color var(--t);cursor:pointer;background:none;flex-shrink:0}
@media(min-width:768px){.tabs-nav__btn{padding:12px 20px;font-size:14px}}
.tabs-nav__btn:hover{color:var(--text)}
.tabs-nav__btn--on{color:var(--accent);border-bottom-color:var(--accent)}
.tabs-body{background:#fff;border:1px solid var(--border);border-top:none;border-radius:0 0 var(--r10) var(--r10);padding:16px}
@media(min-width:768px){.tabs-body{padding:24px}}
.tab-panel{display:none}
.tab-panel--on{display:block}
.tab-desc p{font-size:13px;color:var(--text-muted);line-height:1.6;margin-bottom:12px}
@media(min-width:768px){.tab-desc p{font-size:14px}}
.tab-desc h3{font-size:14px;font-weight:700;color:var(--primary);margin:14px 0 6px}
.tab-desc ul{padding-left:18px;margin-bottom:12px}
.tab-desc ul li{list-style:disc;font-size:13px;color:var(--text-muted);margin-bottom:4px;line-height:1.5}
.specs-full-group{margin-bottom:16px}
.specs-full-group h4{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);margin-bottom:6px;padding-bottom:4px;border-bottom:1px solid var(--border)}
.specs-full{width:100%;border-collapse:collapse;font-size:12px}
@media(min-width:768px){.specs-full{font-size:14px}}
.specs-full tr:nth-child(even){background:var(--muted)}
.specs-full td{padding:6px 8px}
@media(min-width:768px){.specs-full td{padding:8px 12px}}
.specs-full td:first-child{color:var(--text-muted);width:40%}
.reviews-summary{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border);flex-wrap:wrap}
.reviews-score{font-size:36px;font-weight:900;color:var(--primary);line-height:1}
@media(min-width:768px){.reviews-score{font-size:48px}}
.reviews-stars .stars svg{width:16px;height:16px}
@media(min-width:768px){.reviews-stars .stars svg{width:20px;height:20px}}
.review{padding:12px 0;border-bottom:1px solid var(--border)}
.review__head{display:flex;align-items:center;gap:8px;margin-bottom:6px;flex-wrap:wrap}
.review__author{font-size:13px;font-weight:700;color:var(--primary)}
.review__date{font-size:11px;color:var(--text-muted)}
.review__text{font-size:13px;color:var(--text-muted);line-height:1.5;margin-bottom:6px}
.review__helpful{font-size:11px;color:var(--text-muted)}
.review__helpful button{font-size:11px;color:var(--accent);margin-left:6px;background:none}
.review-form{margin-top:20px;padding-top:20px;border-top:1px solid var(--border)}
.review-form__title{font-size:15px;font-weight:700;color:var(--primary);margin-bottom:14px}
.review-form__stars{display:flex;gap:4px;margin-bottom:14px}
.review-form__star{width:24px;height:24px;cursor:pointer;color:var(--border);transition:color var(--t)}
@media(min-width:768px){.review-form__star{width:28px;height:28px}}
.form-row{margin-bottom:12px}
.form-row label{display:block;font-size:12px;font-weight:600;color:var(--text-muted);margin-bottom:4px}
.form-row input,.form-row textarea{width:100%;border:1px solid var(--border);border-radius:var(--r4);padding:8px 10px;font-size:13px;font-family:var(--font);outline:none}
.form-row input:focus,.form-row textarea:focus{border-color:var(--accent)}
.form-row textarea{resize:vertical;min-height:70px}

/* ============================================
   SHELF / CROSS-SELL
   ============================================ */
.shelf{padding:32px 0 0}
.shelf__hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--border);flex-wrap:wrap;gap:10px}
.shelf__title{font-size:18px;font-weight:800;color:var(--primary)}
@media(min-width:768px){.shelf__title{font-size:20px}}
.shelf__arrows{display:flex;gap:8px}
.shelf__arrow{width:32px;height:32px;border:1px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;transition:border-color var(--t),color var(--t);background:#fff;cursor:pointer}
.shelf__arrow:hover{border-color:var(--accent);color:var(--accent)}
.shelf__slider{position:relative;overflow:hidden}
.shelf__row{display:flex;gap:12px;transition:transform 0.3s ease-in-out}
.shelf__row .scard{flex:0 0 calc(50% - 6px);min-width:0}
@media(min-width:480px){.shelf__row .scard{flex:0 0 calc(33.333% - 8px)}}
@media(min-width:768px){.shelf__row .scard{flex:0 0 calc(25% - 9px)}}
.scard{background:#fff;border:1px solid var(--border);border-radius:var(--r10);padding:10px;display:flex;flex-direction:column}
.scard__img{aspect-ratio:4/3;border-radius:var(--r8);background:var(--muted);display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--text-muted);margin-bottom:8px}
.scard__sku{font-size:10px;color:var(--text-muted);font-family:'Courier New',monospace;margin-bottom:2px}
.scard__name{font-size:12px;font-weight:600;line-height:1.3;margin-bottom:5px;flex:1}
.scard__price{font-size:14px;font-weight:800;color:var(--primary);margin-bottom:3px}
.scard__stock{font-size:10px;color:var(--success);margin-bottom:6px}
.scard__btn{width:100%;height:30px;border-radius:var(--r4);background:var(--accent);color:#fff;font-size:11px;font-weight:700;transition:background var(--t)}
.scard__btn:hover{background:var(--accent-hover)}

/* ============================================
   STICKY BOTTOM BAR
   ============================================ */
.sticky-bar{display:none;position:fixed;bottom:0;left:0;right:0;z-index:400;background:#fff;box-shadow:0 -2px 12px rgba(28,25,23,.1);height:56px;align-items:center;padding:0 16px;gap:12px}
.sticky-bar__price{font-size:18px;font-weight:900;color:var(--primary);flex:1}
.sticky-bar__btn{height:40px;flex:1;font-size:14px;font-weight:700;background:var(--accent);color:#fff;border-radius:var(--r4);cursor:pointer;transition:background var(--t)}
.sticky-bar__btn:hover{background:var(--accent-hover)}
.sticky-bar--on{display:flex}
@media(min-width:768px){.sticky-bar{display:none!important}}
body.mobile-sticky{padding-bottom:56px}

/* ============================================
   CATALOG PAGE
   ============================================ */
.catalog-layout{display:flex;gap:32px;margin-top:24px}
.filter-sidebar{width:280px;flex-shrink:0;position:sticky;top:100px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r16);padding:20px 16px;height: 100%;}
.filter-group{margin-bottom:24px;border-bottom:1px solid var(--border);padding-bottom:16px}
.filter-group__title{font-size:14px;font-weight:800;color:var(--primary);margin-bottom:12px}
.filter-check{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:13px;color:var(--text-muted);cursor:pointer}
.filter-check input{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}
.filter-price{display:flex;gap:6px;margin-top:8px}
.filter-price input{width:100%;padding:8px;border:1px solid var(--border);border-radius:var(--r4);font-size:13px}
.filter-apply{margin-top:12px;width:100%}
.catalog-content{flex:1}
.catalog-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:24px;background:var(--surface);padding:12px 16px;border-radius:var(--r10);border:1px solid var(--border)}
.view-modes{display:flex;gap:8px}
.view-btn{background:transparent;border:1px solid var(--border);padding:6px 12px;border-radius:var(--r8);font-size:13px;display:flex;align-items:center;gap:6px;cursor:pointer}
.view-btn--active{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}
.sort-select{padding:8px 12px;border:1px solid var(--border);border-radius:40px;font-size:13px;background:#fff;cursor:pointer}

/* ============================================
   CATALOG LIST VIEW
   ============================================ */
.products-list{display:flex;flex-direction:column;gap:12px;margin-bottom:40px}
.list-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px;background:#fff;border:1px solid var(--border);border-radius:var(--r10);padding:12px 20px;transition:box-shadow .2s}
.list-row:hover{box-shadow:0 4px 12px rgba(0,0,0,.05);border-color:var(--accent)}
.list-img{width:56px;flex-shrink:0}
.list-img div{width:50px;height:50px;background:var(--surface-muted);border-radius:var(--r8);display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--text-muted)}
.list-info{flex:2;min-width:160px}
.list-name{font-weight:700;font-size:14px;margin-bottom:4px}
.list-sku{font-size:11px;color:var(--text-muted);font-family:monospace}
.list-stock{width:100px;flex-shrink:0}
.stock-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--success);margin-right:6px}
.stock-dot--out{background:#9ca3af}
.stock-text{font-size:13px;color:var(--text-muted)}
.list-price{width:110px;flex-shrink:0}
.price-current{font-size:18px;font-weight:800;color:var(--primary)}
.price-old{font-size:12px;text-decoration:line-through;color:var(--text-muted);margin-left:6px}
.list-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}
.qty-control{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:40px;background:#fff;overflow:hidden}
.qty-btn{width:34px;height:36px;background:#f5f5f5;font-size:18px;font-weight:600;cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center}
.qty-btn:hover{background:#e5e5e5}
.qty-input{width:48px;height:36px;text-align:center;border:none;border-left:1px solid var(--border);border-right:1px solid var(--border);font-size:14px;font-weight:500;-moz-appearance:textfield}
.qty-input::-webkit-inner-spin-button,.qty-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.add-btn{background:var(--accent);color:#fff;border-radius:40px;padding:0 20px;height:36px;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s;white-space:nowrap}
.add-btn:hover{background:var(--accent-hover)}

/* ============================================
   CATALOG GRID VIEW
   ============================================ */
.products-grid{display:none;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;margin-bottom:40px}
.product-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:12px}
.product-card .product-img{aspect-ratio:1/1;background:var(--surface-muted);border-radius:var(--r8);margin-bottom:10px;display:flex;align-items:center;justify-content:center;font-size:12px}
.product-card .product-price{font-size:18px;font-weight:800;margin-top:8px}
.product-card .add-btn{width:100%;margin-top:12px}

/* ============================================
   PAGINATION
   ============================================ */
.pagination{display:flex;justify-content:center;gap:12px;margin-top:20px;flex-wrap:wrap}
.pagination button,.pagination span{min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:var(--r8);background:#fff;font-weight:500;cursor:pointer}
.pagination .active{background:var(--accent);color:#fff;border-color:var(--accent)}
.load-more{text-align:center;margin-top:32px}

/* ============================================
   MOBILE FILTER
   ============================================ */
.filter-mobile-btn{display:none;position:fixed;bottom:20px;right:20px;z-index:400;background:var(--accent);color:#fff;border-radius:40px;padding:12px 20px;font-weight:700;gap:8px;box-shadow:0 4px 12px rgba(0,0,0,.2);cursor:pointer}
.mobile-filter-drawer{position:fixed;bottom:0;left:0;right:0;background:#fff;border-radius:20px 20px 0 0;z-index:1000;padding:20px;transform:translateY(100%);transition:transform .3s;box-shadow:0 -4px 20px rgba(0,0,0,.1);max-height:80vh;overflow-y:auto}
.mobile-filter-drawer--open{transform:translateY(0)}
.drawer-close{position:absolute;right:16px;top:12px;font-size:24px;cursor:pointer}

/* ============================================
   FOOTER
   ============================================ */
.footer{background:var(--primary);color:#fff;padding:40px 0 28px;margin-top:48px}
.footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:24px;margin-bottom:28px}
.footer__logo{font-size:20px;font-weight:800;margin-bottom:8px}
.footer__logo span{color:var(--accent)}
.footer__about{font-size:13px;color:rgba(255,255,255,.65);line-height:1.5;max-width:85%}
.footer__cap{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.5);margin-bottom:12px}
.footer__list{display:flex;flex-direction:column;gap:8px}
.footer__a{font-size:13px;color:rgba(255,255,255,.8)}
.footer__a:hover{color:var(--accent)}
.footer__bot{border-top:1px solid rgba(255,255,255,.12);padding-top:18px;display:flex;justify-content:space-between;font-size:12px;color:rgba(255,255,255,.5)}
.footer__bot-links{display:flex;flex-wrap:wrap;align-items:center;gap:24px;font-size:12px}
.footer__bot-links span{color:rgba(255,255,255,.5)}
.footer__bot-links a{color:rgba(255,255,255,.6);text-decoration:none;transition:color 0.3s}
.footer__bot-links a:hover{color:var(--accent,#E05915)}
@media(max-width:900px){.footer__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.footer__grid{grid-template-columns:1fr}.footer__bot{flex-direction:column;gap:8px;text-align:center}.footer__bot-links{justify-content:center;gap:16px}}

/* ============================================
   404 ERROR PAGE
   ============================================ */
.error-404{min-height:60vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:60px 20px}
.error-404__inner{max-width:600px;margin:0 auto}
.error-404__code{font-size:120px;font-weight:900;color:var(--accent);line-height:1;margin-bottom:20px;text-shadow:4px 4px 0 rgba(224,89,21,.2)}
.error-404__title{font-size:28px;font-weight:800;color:var(--primary);margin-bottom:16px}
.error-404__text{font-size:15px;color:var(--text-muted);margin-bottom:12px;line-height:1.5}
.error-404__actions{display:flex;gap:16px;justify-content:center;margin:32px 0 40px;flex-wrap:wrap}
.error-404__links{text-align:left;padding:20px;background:var(--surface-muted);border-radius:var(--r16)}
.error-404__links h3{font-size:16px;font-weight:700;color:var(--primary);margin-bottom:12px}
.error-404__links ul{list-style:none;display:flex;flex-wrap:wrap;gap:12px}
.error-404__links li{margin-bottom:0}
.error-404__links a{font-size:14px;color:var(--accent);text-decoration:none}
.error-404__links a:hover{text-decoration:underline}
@media(min-width:768px){.error-404__code{font-size:180px}.error-404__title{font-size:32px}}

/* ============================================
   LEGAL PAGES (PRIVACY, CONSENT, COOKIE)
   ============================================ */
.legal-page{max-width:1240px;margin:0 auto;padding:40px 16px;background:#fff;border-radius:0}
.legal-page h1{font-size:28px;font-weight:800;color:var(--primary);margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid var(--border)}
.legal-page h2{font-size:20px;font-weight:700;color:var(--primary);margin:24px 0 12px}
.legal-page p{font-size:14px;line-height:1.6;color:var(--text-muted);margin-bottom:16px}
.legal-page ul{margin:16px 0;padding-left:20px}
.legal-page li{font-size:14px;line-height:1.6;color:var(--text-muted);margin-bottom:8px}
.legal-page hr{margin:24px 0;border:none;border-top:1px solid var(--border)}
@media(max-width:768px){.legal-page{padding:24px 16px}.legal-page h1{font-size:24px}.legal-page h2{font-size:18px}}

/* ============================================
   MOBILE RESPONSIVE OVERRIDES
   ============================================ */
@media(max-width:900px){
    .burger{display:flex}
    .nav{display:none}
    .search__adv{display:none}
    .search{max-width:none}
    .catalog-layout{flex-direction:column}
    .filter-sidebar{display:none}
    .filter-mobile-btn{display:flex}
    .list-row{flex-wrap:wrap;gap:12px;padding:12px}
    .list-img{width:44px}
    .list-img div{width:40px;height:40px}
    .list-info{flex:1;min-width:140px}
    .list-stock{width:auto;order:3}
    .list-price{width:auto;order:4}
    .list-actions{width:100%;order:5;justify-content:space-between;margin-top:6px}
    .qty-control .qty-btn{width:38px}
    .add-btn{flex:1;text-align:center}
}
@media(max-width:768px){
    .cats{grid-template-columns:repeat(2,minmax(0,1fr))}
    .prods{grid-template-columns:repeat(2,minmax(0,1fr))}
    .b2b__in{grid-template-columns:1fr}
    .bens{grid-template-columns:repeat(2,minmax(0,1fr))}
    /* Header mobile */
    .header-top__in{flex-wrap:wrap;height:auto;padding:8px 16px;gap:8px}
    .header-top__logo{order:1}
    .header-top__right{order:2;gap:8px}
    .header-top__phone-text{display:none}
    .header-top__phone{width:36px;height:36px;display:flex;align-items:center;justify-content:center;padding:0}
    .header-top__phone svg{width:18px;height:18px}
    .header-icon span{display:none !important}
    .header-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center}
    .header-badge{position:relative;top:-8px;right:-4px}
    .header-nav__in{display:flex;flex-wrap:wrap;height:auto;padding:8px 16px;gap:12px}
    .burger{order:1}
    .search{order:3;width:100%;margin:4px 0 8px}
    .search__wrap{width:100%}
    .search__input{width:100%}
}
@media(max-width:480px){
    .wrap{padding:0 12px}
    .cats{grid-template-columns:1fr}
    .prods{grid-template-columns:1fr}
    .bens{grid-template-columns:1fr}
    .hero__actions{flex-direction:column;align-items:stretch}
    .hero__actions .btn{text-align:center}
    .header-top__mark{width:28px;height:28px;font-size:9px}
    .header-icon{width:32px;height:32px}
    .header-top__phone{width:32px;height:32px}
    .header-badge{min-width:14px;height:14px;font-size:9px}
    .list-actions{gap:8px}
    .qty-btn{width:32px}
    .add-btn{padding:0 12px}
}
@media(max-width:360px){
    .wrap{padding:0 10px}
    .header-top__right{gap:4px}
    .header-icon{width:28px;height:28px}
    .header-top__phone{width:28px;height:28px}
    .error-404__code{font-size:80px}
    .error-404__title{font-size:24px}
}
.hide-mobile{display:block}
@media(max-width:767px){.hide-mobile{display:none}}
/* CLEAN BREADCRUMBS */
.breadcrumbs{width:100%;padding:12px 0;margin-bottom:20px}
.breadcrumbs__inner{max-width:1240px;margin:0 auto;padding:0 16px}
.breadcrumbs__link{color:#666;font-size:13px;text-decoration:none}
.breadcrumbs__link:hover{color:#E05915}
.breadcrumbs__sep{color:#ccc;margin:0 8px}
.breadcrumbs__current{color:#333;font-size:13px;font-weight:500}
/* ЖЁСТКОЕ ПРИЖАТИЕ ХЛЕБНЫХ КРОШЕК */
.breadcrumbs {
    position: relative !important;
    top: auto !important;
    left: 0 !important;
    right: 0 !important;
    float: none !important;
    clear: both !important;
    display: block !important;
    width: 100% !important;
    margin: 0 0 0px 0 !important;
    padding: 0px 0 !important;
    background: transparent !important;
}

.breadcrumbs__inner {
    max-width: 1240px !important;
    margin: 0 auto !important;
    padding: 0 16px !important;
}
.js-add-to-cart.is-loading {
  opacity: .75;
  pointer-events: none;
}

.js-add-to-cart.is-added {
  background: #16a34a;
  color: #fff;
}
.scard__btn:disabled {
  opacity: .5;
  cursor: not-allowed;
}
.one-click-modal {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: none;
}

.one-click-modal--open {
    display: block;
}

.one-click-modal__overlay {
    position: absolute;
    inset: 0;
    background: rgba(28, 25, 23, .55);
}

.one-click-modal__box {
    position: relative;
    width: min(420px, calc(100% - 32px));
    margin: 80px auto 0;
    background: #fff;
    border-radius: 16px;
    padding: 24px;
    box-shadow: 0 20px 60px rgba(28, 25, 23, .25);
}

.one-click-modal__close {
    position: absolute;
    top: 10px;
    right: 14px;
    font-size: 28px;
    line-height: 1;
    color: #78716C;
    cursor: pointer;
}

.one-click-modal__title {
    font-size: 22px;
    font-weight: 800;
    color: var(--primary);
    margin-bottom: 8px;
}

.one-click-modal__product {
    font-size: 14px;
    color: var(--text-muted);
    margin-bottom: 18px;
}

.one-click-form__label {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: var(--text);
    margin-bottom: 12px;
}

.one-click-form__input {
    width: 100%;
    height: 42px;
    margin-top: 5px;
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 0 12px;
    font-size: 14px;
    outline: none;
}

.one-click-form__input:focus {
    border-color: var(--accent);
}

.one-click-form__btn {
    width: 100%;
    margin-top: 6px;
}

.one-click-form__message {
    margin-top: 12px;
    font-size: 13px;
}

.one-click-form__message.is-success {
    color: #059669;
}

.one-click-form__message.is-error {
    color: #DC2626;
}

body.modal-open {
    overflow: hidden;
}
.fav-btn {
    width: 40px;
    height: 40px;
    border: 1px solid #ddd;
    background: #fff;
    cursor: pointer;
    border-radius: 10px;
    transition: .2s;
}

.fav-btn.is-active {
    background: #ff6b6b;
    color: #fff;
    border-color: #ff6b6b;
}

.favorites-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 20px;
    background: #ff6b6b;
    color: #fff;
    font-size: 12px;
}
.header-favorites .header-badge {
    display: inline-flex;
}

.header-favorites.is-active svg {
    fill: currentColor;
    color: var(--accent);
}
.favorites-page {
    padding: 40px 0 72px;
}

.favorites-page__title {
    font-size: 32px;
    font-weight: 800;
    margin-bottom: 24px;
    color: var(--primary);
}
.product-card {
    position: relative;
}

.product-card__fav {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 2;
}

.fav-btn {
    width: 38px;
    height: 38px;
    border: 1px solid var(--border);
    background: #fff;
    color: var(--text-muted);
    border-radius: 50%;
    font-size: 16px;
    cursor: pointer;
    transition: .2s ease;
}

.fav-btn:hover,
.fav-btn.is-active {
    background: var(--accent);
    border-color: var(--accent);
    color: #fff;
}
.favorites-page {
    padding: 20px 0 72px;
}

.favorites-page__title {
    font-size: 32px;
    font-weight: 800;
    margin-bottom: 24px;
    color: var(--primary);
}

.favorites-page .products-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 20px;
    margin-bottom: 40px;
}

.favorites-page .product-card {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.favorites-page .product-card__fav {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 5;
}

.favorites-page .product-img {
    aspect-ratio: 1 / 1;
    background: var(--surface-muted);
    border-radius: var(--r8);
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.favorites-page .product-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.favorites-page .product-sku {
    font-size: 12px;
    color: var(--text-muted);
    margin-bottom: 4px;
}

.favorites-page .product-name {
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 8px;
}

.favorites-page .product-price {
    font-size: 18px;
    font-weight: 800;
    color: var(--primary);
    margin-bottom: 12px;
}

.favorites-page .add-btn {
    width: 100%;
    margin-top: auto;
}
.favorites-page .product-card.is-favorite-removed {
    opacity: .45;
}

.favorites-page .product-card.is-favorite-removed .product-card__fav {
    background: #fff;
    color: var(--text-muted);
    border-color: var(--border);
}

.favorites-page .product-card.is-favorite-removed::after {
    content: "Убрано из избранного";
    position: absolute;
    left: 12px;
    right: 12px;
    top: 12px;
    z-index: 4;
    background: rgba(255,255,255,.92);
    border: 1px solid var(--border);
    border-radius: var(--r8);
    padding: 8px 10px;
    font-size: 12px;
    font-weight: 700;
    color: var(--text-muted);
    text-align: center;
}
/* отзывы */
.review-form__message {
    margin-top: 12px;
    font-size: 13px;
    font-weight: 600;
}

.review-form__message.is-success {
    color: var(--success);
}

.review-form__message.is-error {
    color: var(--danger);
}

.review-form__star.is-active {
    color: #F59E0B;
}
/* Mobile catalog filter */
.filter-mobile-btn {
    display: none;
    position: fixed;
    right: 16px;
    bottom: 20px;
    z-index: 450;
    height: 44px;
    padding: 0 18px;
    border-radius: 999px;
    background: var(--accent);
    color: #fff;
    font-size: 14px;
    font-weight: 800;
    box-shadow: 0 8px 24px rgba(224, 89, 21, .28);
}

.mobile-filter-drawer {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    max-height: 82vh;
    overflow-y: auto;
    padding: 24px 16px 20px;
    background: #fff;
    border-radius: 20px 20px 0 0;
    box-shadow: 0 -8px 32px rgba(28, 25, 23, .16);
    transform: translateY(110%);
    transition: transform .28s ease;
}

.mobile-filter-drawer--open {
    transform: translateY(0);
}

.drawer-close {
    position: absolute;
    top: 10px;
    right: 14px;
    font-size: 26px;
    line-height: 1;
    color: var(--text-muted);
    cursor: pointer;
}

.list-fav {
    width: 36px;
    height: 36px;
    flex-shrink: 0;
}

@media (max-width: 900px) {
    .filter-mobile-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .filter-sidebar {
        display: none;
    }

    .mobile-filter-drawer .filter-sidebar {
        display: block;
        position: static;
        width: 100%;
        border: none;
        padding: 0;
        border-radius: 0;
    }

    .list-actions {
        gap: 8px;
    }

    .list-actions .qty-control {
        flex-shrink: 0;
    }

    .list-actions .list-fav {
        width: 38px;
        height: 38px;
    }
}
@media (max-width: 900px) {
    #mobileFilterBtn.filter-mobile-btn {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
    }
}

/* Product lightbox */
.product-lightbox {
    position: fixed;
    inset: 0;
    z-index: 5000;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 24px;
}

.product-lightbox.is-open {
    display: flex;
}

.product-lightbox__overlay {
    position: absolute;
    inset: 0;
    background: rgba(20, 16, 14, .88);
    backdrop-filter: blur(4px);
}

.product-lightbox__dialog {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: min(1100px, 100%);
    height: min(88vh, 850px);
}

.product-lightbox__image {
    display: block;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .35);
}

.product-lightbox__close {
    position: absolute;
    top: -12px;
    right: -12px;
    z-index: 3;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #fff;
    color: var(--primary);
    font-size: 30px;
    line-height: 1;
    box-shadow: 0 6px 20px rgba(0, 0, 0, .25);
}

.product-lightbox__arrow {
    position: absolute;
    top: 50%;
    z-index: 3;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, .94);
    color: var(--primary);
    font-size: 38px;
    line-height: 1;
    box-shadow: 0 6px 20px rgba(0, 0, 0, .22);
}

.product-lightbox__arrow--prev {
    left: 12px;
}

.product-lightbox__arrow--next {
    right: 12px;
}

.product-lightbox__counter {
    position: absolute;
    left: 50%;
    bottom: 14px;
    transform: translateX(-50%);
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(0, 0, 0, .62);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
}

body.lightbox-open {
    overflow: hidden;
}

.gallery__main {
    cursor: zoom-in;
}

@media (max-width: 767px) {
    .product-lightbox {
        padding: 12px;
    }

    .product-lightbox__dialog {
        height: 92vh;
    }

    .product-lightbox__arrow {
        width: 40px;
        height: 40px;
        font-size: 30px;
    }

    .product-lightbox__arrow--prev {
        left: 4px;
    }

    .product-lightbox__arrow--next {
        right: 4px;
    }

    .product-lightbox__close {
        top: 4px;
        right: 4px;
        width: 40px;
        height: 40px;
    }
}

.shelf__slider {
    position: relative;
    overflow: hidden;
}

.shelf__row {
    display: flex;
    gap: 12px;
    transition: transform .3s ease;
    will-change: transform;
}

.shelf__row .scard {
    flex: 0 0 calc(25% - 9px);
    min-width: 0;
}

.shelf__arrow:disabled {
    opacity: .35;
    cursor: default;
}

@media (max-width: 1024px) {
    .shelf__row .scard {
        flex-basis: calc(33.333% - 8px);
    }
}

@media (max-width: 768px) {
    .shelf__row .scard {
        flex-basis: calc(50% - 6px);
    }
}

@media (max-width: 480px) {
    .shelf__row .scard {
        flex-basis: 100%;
    }
}
/* Search page */
.search-page {
    padding-top: 28px;
    padding-bottom: 60px;
}

.search-page .catalog-title {
    margin-bottom: 18px;
}

.search-page__form {
    display: flex;
    align-items: stretch;
    gap: 10px;
    max-width: 720px;
    margin-bottom: 18px;
}

.search-page__input {
    width: 100%;
    height: 48px;
    padding: 0 16px;
    border: 1px solid var(--border);
    border-radius: var(--r8);
    background: #fff;
    color: var(--text);
    font-size: 15px;
    outline: none;
    transition: border-color var(--t), box-shadow var(--t);
}

.search-page__input:focus {
    border-color: var(--accent);
    box-shadow: 0 0 0 4px rgba(224, 89, 21, .12);
}

.search-page__form .btn {
    height: 48px;
    min-width: 110px;
    border-radius: var(--r8);
}

.search-page .catalog-subtitle {
    margin: 8px 0 18px;
    font-size: 15px;
    color: var(--text-muted);
}

.search-page .products-list {
    margin-top: 18px;
}

@media (max-width: 640px) {
    .search-page {
        padding-top: 20px;
    }

    .search-page__form {
        flex-direction: column;
    }

    .search-page__form .btn {
        width: 100%;
    }
}
.search__wrap {
    position: relative;
}

.search__form {
    position: relative;
    width: 100%;
}

.search-suggest {
    display: none;
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    right: 0;
    z-index: 2000;
    background: #fff;
    border: 1px solid var(--border);
    border-radius: var(--r10);
    box-shadow: 0 16px 40px rgba(28, 25, 23, .16);
    overflow: hidden;
}

.search-suggest.is-active {
    display: block;
}

.search-suggest__item {
    display: grid;
    grid-template-columns: 44px 1fr;
    gap: 10px;
    align-items: center;
    padding: 10px 12px;
    border-bottom: 1px solid var(--border);
    transition: background var(--t);
}

.search-suggest__item:last-child {
    border-bottom: none;
}

.search-suggest__item:hover {
    background: var(--accent-light);
}

.search-suggest__pic {
    width: 44px;
    height: 44px;
    border-radius: var(--r8);
    background: var(--surface-muted);
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    color: var(--text-muted);
}

.search-suggest__pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.search-suggest__body {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.search-suggest__name {
    font-size: 13px;
    font-weight: 800;
    color: var(--primary);
    line-height: 1.25;
}

.search-suggest__article {
    font-size: 11px;
    color: var(--text-muted);
}

.search-suggest__empty {
    padding: 12px;
    font-size: 13px;
    color: var(--text-muted);
}
.search-suggest__all {
    display: flex;
    justify-content: center;
    padding: 11px 12px;
    background: var(--surface-muted);
    color: var(--accent);
    font-size: 13px;
    font-weight: 800;
}

.search-suggest__all:hover {
    background: var(--accent-light);
}

        /* ===== ОСНОВНАЯ СЕТКА ===== */
        .checkout-grid{display:grid;grid-template-columns:1fr 360px;gap:40px;margin:24px 0 48px}
        
        /* ЛЕВАЯ КОЛОНКА */
        .form-section{background:#fff;border-radius:var(--r20);padding:28px;margin-bottom:28px;box-shadow:var(--shadow-sm);transition:box-shadow var(--t)}
        .form-section:hover{box-shadow:var(--shadow-md)}
        .section-header{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:12px;border-bottom:2px solid var(--border)}
        .section-number{width:36px;height:36px;background:var(--accent-light);color:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px}
        .section-title{font-size:20px;font-weight:700;color:var(--primary)}
        
        /* Стильные поля ввода */
        .input-group{margin-bottom:20px}
        .input-label{display:block;font-size:13px;font-weight:600;color:var(--text-muted);margin-bottom:6px}
        .input-label .required{color:var(--accent);margin-left:3px}
        .input-field{width:100%;padding:12px 16px;border:1.5px solid var(--border);border-radius:var(--r12);font-size:15px;transition:all var(--t);background:#fff}
        .input-field:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}
        .input-field:hover{border-color:var(--accent)}
        textarea.input-field{resize:vertical;min-height:80px}
        .row-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
        
        /* ===== КАРТОЧКИ ДОСТАВКИ ===== */
        .delivery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}
        .delivery-item{text-align:center}
        .delivery-card{border:2px solid var(--border);border-radius:var(--r16);padding:16px;cursor:pointer;transition:all var(--t);background:#fff;margin-bottom:8px}
        .delivery-card:hover{border-color:var(--accent);background:var(--accent-light);transform:translateY(-2px)}
        .delivery-card.selected{border-color:var(--accent);background:var(--accent-light);box-shadow:0 4px 12px rgba(224,89,21,.15)}
        .delivery-icon{width:56px;height:56px;margin:0 auto;background:var(--surface-muted);border-radius:var(--r12);display:flex;align-items:center;justify-content:center}
        .delivery-icon svg{width:32px;height:32px;stroke:var(--accent);stroke-width:1.5}
        .delivery-name{font-weight:700;font-size:14px;color:var(--primary);margin-top:8px}
        .delivery-price{font-weight:800;font-size:15px;color:var(--accent);margin-top:4px}
        .delivery-price small{font-size:11px;font-weight:400;color:var(--text-muted)}
        .delivery-desc{font-size:11px;color:var(--text-muted);margin-top:2px}
        .delivery-badge{display:inline-block;background:var(--success);color:#fff;font-size:9px;padding:2px 8px;border-radius:20px;margin-top:6px}
        
        /* ===== КАРТОЧКИ ОПЛАТЫ ===== */
        .payment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:8px}
        .payment-item{text-align:center}
        .payment-card{border:2px solid var(--border);border-radius:var(--r16);padding:16px;cursor:pointer;transition:all var(--t);background:#fff;margin-bottom:8px}
        .payment-card:hover{border-color:var(--accent);background:var(--accent-light);transform:translateY(-2px)}
        .payment-card.selected{border-color:var(--accent);background:var(--accent-light);box-shadow:0 4px 12px rgba(224,89,21,.15)}
        .payment-icon{width:56px;height:56px;margin:0 auto;background:var(--surface-muted);border-radius:var(--r12);display:flex;align-items:center;justify-content:center}
        .payment-icon svg{width:32px;height:32px;stroke:var(--accent);stroke-width:1.5}
        .payment-name{font-weight:700;font-size:13px;color:var(--primary);margin-top:8px}
        .payment-desc{font-size:10px;color:var(--text-muted);margin-top:2px}
        
        /* Дополнительные поля (адрес/ПВЗ) */
        .extra-fields{margin-top:20px;padding:16px;background:var(--surface-muted);border-radius:var(--r12);display:none}
        .extra-fields.active{display:block}
        
        /* Переключатель типа плательщика */
        .payer-switch{display:flex;gap:12px;margin-bottom:24px;background:var(--surface-muted);padding:6px;border-radius:60px}
        .payer-option{flex:1;text-align:center;padding:10px;border-radius:40px;font-weight:600;font-size:14px;cursor:pointer;transition:all var(--t);color:var(--text-muted)}
        .payer-option.active{background:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}
        
        /* Блок реквизитов B2B (по умолчанию скрыт) */
        .requisites-block{display:none;margin-top:20px;padding:20px;background:var(--surface-muted);border-radius:var(--r16);border-left:3px solid var(--accent)}
        .requisites-block.active{display:block}
        .dadata-btn{background:var(--primary);color:#fff;width:100%;margin-top:8px;border-radius:var(--r10);height:44px}
        .dadata-btn:hover{background:var(--primary-hover)}
        
        /* Чекбокс согласия */
        .consent-block{display:flex;align-items:center;gap:10px;margin-top:20px;padding:12px 0;border-top:1px solid var(--border)}
        .consent-block input{width:18px;height:18px;cursor:pointer;accent-color:var(--accent)}
        .consent-block label{font-size:13px;color:var(--text-muted);cursor:pointer}
        .consent-block a{color:var(--accent);text-decoration:underline}
        
        /* ===== ПРАВАЯ КОЛОНКА (СТИКИ) ===== */
        .order-summary{background:#fff;border-radius:var(--r20);padding:24px;box-shadow:var(--shadow-md);position:sticky;top:100px;align-self:start;max-height:calc(100vh - 120px);overflow-y:auto}
        .summary-title{font-size:18px;font-weight:800;color:var(--primary);margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid var(--border)}
        .order-item{display:flex;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}
        .order-item-img{width:56px;height:56px;background:var(--surface-muted);border-radius:var(--r10);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}
        .order-item-info{flex:1}
        .order-item-name{font-size:14px;font-weight:600;margin-bottom:4px;line-height:1.3}
        .order-item-sku{font-size:11px;color:var(--text-muted);margin-bottom:4px}
        .order-item-price{font-size:13px;font-weight:700;color:var(--primary)}
        .order-item-qty{font-size:12px;color:var(--text-muted)}
        .summary-divider{height:1px;background:var(--border);margin:12px 0}
        .summary-line{display:flex;justify-content:space-between;margin:12px 0;font-size:14px}
        .summary-line.total{font-size:20px;font-weight:800;color:var(--primary);margin-top:16px;padding-top:16px;border-top:2px solid var(--border)}
        .order-total{font-size:24px;font-weight:900;color:var(--accent)}
        
        /* Кнопка оформления */
        .submit-btn{width:100%;height:56px;font-size:16px;margin-top:20px;border-radius:var(--r12)}
        
        /* Мобильная адаптация */
        @media(max-width:900px){
            .checkout-grid{grid-template-columns:1fr;gap:24px}
            .delivery-grid,.payment-grid{grid-template-columns:1fr}
            .order-summary{position:static;max-height:none}
            .form-section{padding:20px}
        }
        
        @keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
        .form-section{animation:fadeIn 0.3s ease}
        .checkout-header{
    background:#fff;
    border-bottom:1px solid var(--border);
    padding:18px 0;
    position:sticky;
    top:0;
    z-index:100;
}

.checkout-header__inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.checkout-logo{
    font-size:28px;
    font-weight:800;
    color:#1c1917;
    text-decoration:none;
}

.checkout-logo span{
    color:var(--accent);
}

.checkout-back{
    font-size:14px;
    font-weight:600;
    color:var(--text-muted);
    text-decoration:none;
    transition:.2s;
}

.checkout-back:hover{
    color:var(--accent);
}
.checkout-footer,
.footer.checkout-footer {
    background: #2C1E16 !important;
    color: #fff !important;
    padding: 32px 0 24px !important;
    margin-top: 60px !important;
    border-top: 0 !important;
}

.checkout-footer * {
    color: rgba(255,255,255,.78) !important;
}
.catalog-view {
  display: none;
}

.catalog-view.is-active {
  display: block;
}

.catalog-view--grid.is-active {
  display: grid;
}
/* End */
/* /local/templates/rant/css/template.css?178286541063919 */