/* complex.com.kz — мобильная версия (2026-10-27): шапка, нижняя панель, каталог, боковое меню. Только ≤767px. */
.mtab,.msheet,.mdrawer{display:none}
@media (max-width:767px){
  :root{--m-blue:#257de3;--m-blue-d:#1b6bc9;--m-ink:#1d2733;--m-grey:#6b7685;--m-line:#e8ecf1;--m-bg:#f4f6f9}
  html.m-lock,html.m-lock body{overflow:hidden}/* --- шапка --- */

  
  header{margin-bottom:0!important}
  header .header-top{height:62px!important;padding:0!important}
  header .header-top{padding:0 12px!important}
  header .header-top > .row{display:flex;align-items:center;height:62px;flex-wrap:nowrap;margin:0!important;max-width:100%}
  header .header-top > .row > [class*="col-"]{padding-left:0!important;padding-right:0!important}
  header .header-top > .row > .hidden-xs{display:none!important}
  header .header-top > .row > .col-xs-5{flex:1 1 auto;width:auto;display:flex;align-items:center;min-width:0}
  header .header-top > .row > .col-xs-7{flex:0 0 auto;width:auto;padding-top:0!important}
  header .burger{float:none!important;display:inline-flex!important;align-items:center;justify-content:center;width:44px;height:44px;padding:0!important;margin:0 4px 0 -8px!important;flex:none}
  header .burger svg{width:22px;height:17px}
  header #logo{margin:0!important;padding:0!important;flex:1;min-width:0}
  header #logo img{max-height:30px!important;width:auto!important}
  header .header-right{display:flex;align-items:center;justify-content:flex-end;margin:0!important}
  header .header-right > li{padding:0!important;margin:0!important}
  header .header-right > li > a,header .header-right > li > span,header .search-modal-button > *{display:inline-flex;align-items:center;justify-content:center;width:42px;height:44px}
  header .header-right > li.mobile-visible,header .header-right > li:has(#cart),header .header-right > li:has(.btn-mini-cart){display:none!important}
  header .header-right svg{width:22px;height:22px}/* место под нижнюю панель */

  
  html.has-mtab body{padding-bottom:calc(74px + env(safe-area-inset-bottom))}
  html.has-mtab #btnwhatsapp{bottom:calc(88px + env(safe-area-inset-bottom))!important;right:16px!important}
  html.has-mtab #toTop{bottom:calc(88px + env(safe-area-inset-bottom))!important;left:16px!important}/* --- нижняя панель --- */

  
  .mtab{display:grid;grid-template-columns:repeat(5,1fr);align-items:end;position:fixed;left:0;right:0;bottom:0;z-index:1000;
    height:calc(66px + env(safe-area-inset-bottom));padding:0 4px env(safe-area-inset-bottom);
    background:rgba(255,255,255,.96);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);
    border-top:1px solid var(--m-line);box-shadow:0 -6px 20px rgba(20,40,80,.06)}
  .mtab__i{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:66px;border:0;background:none;padding:0;
    color:var(--m-grey)!important;font:600 11px/1 Montserrat,Arial,sans-serif;text-decoration:none!important;-webkit-tap-highlight-color:transparent}
  .mtab__i svg{width:24px;height:24px}
  .mtab__i.is-on{color:var(--m-blue)!important}
  .mtab__b2b{display:grid;place-items:center;height:24px;min-width:34px;padding:0 6px;border:1.8px solid currentColor;border-radius:8px;font:800 11px/1 Montserrat,Arial,sans-serif;letter-spacing:.02em}
  .mtab__i--cart{justify-content:flex-end;padding-bottom:9px}
  .mtab__cart{position:relative;display:grid;place-items:center;width:56px;height:56px;margin-top:-26px;border-radius:18px;color:#fff;
    background:linear-gradient(145deg,#3a8ff0,#1f6fd6);box-shadow:0 8px 20px rgba(31,111,214,.38);border:4px solid #fff}
  .mtab__cart svg{width:25px;height:25px}
  .mtab__badge{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:#ff4d4f;color:#fff;
    font:700 11px/20px Montserrat,Arial,sans-serif;text-align:center;border:2px solid #fff}
  .mtab__i--cart > span:last-child{margin-top:2px}/* --- каталог --- */

  
  .msheet{display:flex;flex-direction:column;position:fixed;inset:0;z-index:1100;background:#fff;
    transform:translateY(100%);transition:transform .32s cubic-bezier(.2,.8,.2,1);visibility:hidden}
  .msheet.is-open{transform:none;visibility:visible}
  .msheet__bar{display:flex;align-items:center;gap:6px;height:58px;padding:0 8px;border-bottom:1px solid var(--m-line);flex:none}
  .msheet__title{flex:1;min-width:0;font:700 17px/1.2 Montserrat,Arial,sans-serif;color:var(--m-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .msheet__btn{width:42px;height:42px;border:0;border-radius:12px;background:none;color:var(--m-ink);display:grid;place-items:center;flex:none}
  .msheet__btn svg{width:22px;height:22px}
  .msheet__back{visibility:hidden}
  .msheet.is-l2 .msheet__back{visibility:visible}
  .msheet:not(.is-l2) .msheet__title{padding-left:6px}
  .msheet__search{position:relative;margin:12px 14px 6px;flex:none}
  .msheet__search input[type=search]{width:100%;height:46px;border:1px solid #d9e0e8;border-radius:12px;background:var(--m-bg);padding:0 14px 0 44px;
    font:500 15px Montserrat,Arial,sans-serif;color:var(--m-ink);outline:0;-webkit-appearance:none}
  .msheet__search input:focus{border-color:var(--m-blue);background:#fff;box-shadow:0 0 0 3px rgba(37,125,227,.15)}
  .msheet__sico{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#8b96a5;width:20px;height:20px}
  .msheet__sico svg{width:20px;height:20px}
  .msheet__views{position:relative;flex:1;overflow:hidden}
  .msheet__view{position:absolute;inset:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:4px 0 24px;transition:transform .3s cubic-bezier(.2,.8,.2,1)}
  .msheet__l2{transform:translateX(100%)}
  .msheet.is-l2 .msheet__l1{transform:translateX(-30%)}
  .msheet.is-l2 .msheet__l2{transform:none;background:#fff}
  .mrow{display:flex;align-items:center;gap:14px;padding:12px 16px;color:var(--m-ink)!important;text-decoration:none!important;-webkit-tap-highlight-color:transparent}
  .mrow + .mrow{border-top:1px solid #f0f2f5}
  .mrow:active{background:var(--m-bg)}
  .mrow__img{width:46px;height:46px;flex:none;border-radius:12px;background:var(--m-bg);display:grid;place-items:center;overflow:hidden}
  .mrow__img img{max-width:38px;max-height:38px;object-fit:contain}
  .mrow__ico{color:var(--m-blue);display:grid;place-items:center}
  .mrow__ico svg{width:22px;height:22px}
  .mrow__ico--fire{color:#ff7a1a}
  .mrow--sale .mrow__img{background:#fff4ea}
  .mrow--all .mrow__img{background:#edf4fd}
  .mrow--all .mrow__t{color:var(--m-blue)}
  .mrow__t{flex:1;min-width:0;font:600 15px/1.3 Montserrat,Arial,sans-serif}
  .mrow__t small{display:block;margin-top:3px;font:500 12.5px/1.2 Montserrat,Arial,sans-serif;color:#8b96a5}
  .mrow__c{color:#b4bdc8;flex:none;width:18px;height:18px}
  .mrow__c svg{width:18px;height:18px}
  .msheet__l2 .mrow:not(.mrow--all){padding-left:20px;min-height:54px}/* --- боковое меню --- */

  
  .mdrawer{display:block;position:fixed;inset:0;z-index:1100;visibility:hidden}
  .mdrawer.is-open{visibility:visible}
  .mdrawer__scrim{position:absolute;inset:0;background:rgba(15,23,42,.45);opacity:0;transition:opacity .25s}
  .mdrawer.is-open .mdrawer__scrim{opacity:1}
  .mdrawer__panel{position:absolute;top:0;bottom:0;left:0;width:min(86vw,340px);background:#fff;display:flex;flex-direction:column;
    transform:translateX(-102%);transition:transform .3s cubic-bezier(.2,.8,.2,1);border-radius:0 18px 18px 0;box-shadow:0 10px 40px rgba(0,0,0,.2)}
  .mdrawer.is-open .mdrawer__panel{transform:none}
  .mdrawer__head{display:flex;align-items:center;gap:8px;padding:12px 10px 12px 16px;border-bottom:1px solid var(--m-line)}
  .mdrawer__acc{flex:1;display:flex;align-items:center;gap:10px;height:46px;padding:0 14px;border-radius:12px;background:#edf4fd;
    color:var(--m-blue)!important;font:700 15px Montserrat,Arial,sans-serif;text-decoration:none!important}
  .mdrawer__acc svg{width:22px;height:22px}
  .mdrawer__body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:6px 0 calc(20px + env(safe-area-inset-bottom))}
  .mdg{padding:10px 0 6px}
  .mdg + .mdg{border-top:1px solid #f0f2f5}
  .mdg__t{padding:6px 18px;font:700 12px/1.2 Montserrat,Arial,sans-serif;color:#8b96a5;letter-spacing:.04em;text-transform:uppercase}
  .mdl{display:flex;align-items:center;gap:12px;width:100%;min-height:48px;padding:0 16px 0 18px;border:0;background:none;text-align:left;
    color:var(--m-ink)!important;font:500 15px Montserrat,Arial,sans-serif;text-decoration:none!important;-webkit-tap-highlight-color:transparent}
  .mdl:active{background:var(--m-bg)}
  .mdl > svg:first-child{width:22px;height:22px;color:var(--m-blue)}
  .mdl > span{flex:1}
  .mdl > svg:last-child{width:16px;height:16px;color:#b4bdc8}
  .mdc{display:flex;flex-direction:column;padding:8px 18px;text-decoration:none!important}
  .mdc b{font:700 17px/1.3 Montserrat,Arial,sans-serif;color:var(--m-ink)}
  .mdc small{font:500 12.5px Montserrat,Arial,sans-serif;color:#8b96a5}
  .mdc__row{display:flex;gap:10px;padding:10px 18px 4px}
  .mdc__btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;height:46px;border-radius:12px;background:var(--m-bg);
    color:var(--m-ink)!important;font:700 14px Montserrat,Arial,sans-serif;text-decoration:none!important}
  .mdc__btn i{font-size:18px}
  .mdc__btn--wa{background:#25d366;color:#fff!important}
}
@media (max-width:767px) and (prefers-reduced-motion:reduce){.msheet,.msheet__view,.mdrawer__panel,.mdrawer__scrim{transition:none}}

@media (max-width:767px){/* корзина в панели — скромнее */
  
  .mtab__cart{width:46px;height:46px;margin-top:-14px;border-radius:15px;border-width:3px;box-shadow:0 5px 14px rgba(31,111,214,.28)}
  .mtab__cart svg{width:22px;height:22px}
  .mtab__i--cart{padding-bottom:10px}
  .mtab__badge{top:-5px;right:-6px;min-width:18px;height:18px;line-height:16px;font-size:10px}/* --- список товаров: 2 в ряд, компактные карточки --- */

  
  html:not(:has(#product-allproduct,#p2)) .row:has(> .product-layout.product-grid){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 -6px!important}
  html:not(:has(#product-allproduct,#p2)) .row:has(> .product-layout.product-grid)::before,html:not(:has(#product-allproduct,#p2)) .row:has(> .product-layout.product-grid)::after{display:none}
  html:not(:has(#product-allproduct,#p2)) .row > .product-layout.product-grid{float:none!important;width:auto!important;margin:0!important;padding:0!important;
    border:1px solid #e8ecf1!important;border-radius:12px;background:#fff;overflow:hidden;display:flex;flex-direction:column}
  html:not(:has(#product-allproduct,#p2)) .product-layout.product-grid .product-thumb{margin:0!important;display:flex;flex-direction:column;flex:1;border:0}
  html:not(:has(#product-allproduct,#p2)) .product-layout.product-grid .product-thumb > div:last-child{display:flex;flex-direction:column;flex:1}
  html:not(:has(#product-allproduct,#p2)) .product-layout.product-grid .image{position:relative;padding:8px 8px 0}
  html:not(:has(#product-allproduct,#p2)) .product-layout.product-grid .image > div:first-child{position:absolute;top:6px;right:6px;width:auto!important;z-index:2}
  html:not(:has(#product-allproduct,#p2)) .product-layout.product-grid .image .sc-module-sticker{font-size:9px!important;padding:2px 6px!important;border-radius:6px}
  html:not(:has(#product-allproduct,#p2)) .product-layout.product-grid .image img{width:100%;height:118px;object-fit:contain;margin:0 auto}
  html:not(:has(#product-allproduct,#p2)) .product-layout.product-grid .caption{min-height:0!important;margin:0!important;padding:6px 10px 0!important;text-align:left!important;flex:1;display:flex;flex-direction:column}
  html:not(:has(#product-allproduct,#p2)) .product-layout.product-grid .caption .rating{display:none!important}
  html:not(:has(#product-allproduct,#p2)) .product-layout.product-grid .caption h4{height:auto!important;margin:4px 0 6px!important;font-size:12.5px!important;line-height:1.35!important;text-align:left!important}
  html:not(:has(#product-allproduct,#p2)) .product-layout.product-grid .caption h4 a{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:#1d2733!important;font-weight:600}
  html:not(:has(#product-allproduct,#p2)) .product-layout.product-grid .stock-catalog{text-align:left!important;font-size:11px;margin:0 0 2px}
  html:not(:has(#product-allproduct,#p2)) .product-layout.product-grid .caption h5{font-size:10.5px!important;margin:0 0 6px!important;text-align:left!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  html:not(:has(#product-allproduct,#p2)) .product-layout.product-grid .caption > .row{margin:auto 0 0!important}
  html:not(:has(#product-allproduct,#p2)) .product-layout.product-grid .price{width:100%!important;padding:0!important;margin:0 0 8px!important;text-align:left!important;font-size:16px!important;font-weight:800!important;color:#1d2733}
  html:not(:has(#product-allproduct,#p2)) .product-layout.product-grid .price > span:first-child,html:not(:has(#product-allproduct,#p2)) .product-layout.product-grid .price br{display:none}
  html:not(:has(#product-allproduct,#p2)) .product-layout.product-grid .caption + p{display:none}
  html:not(:has(#product-allproduct,#p2)) .product-layout.product-grid .button-group{display:flex!important;position:static!important;align-items:center;gap:6px;padding:0 8px 8px!important;margin:0!important;border:0!important;background:none!important}
  html:not(:has(#product-allproduct,#p2)) .product-layout.product-grid .button-group > [class*="col-"]{float:none;width:auto!important;padding:0!important}
  html:not(:has(#product-allproduct,#p2)) .product-layout.product-grid .button-group > [class*="col-"]:first-child{flex:1;min-width:0}
  html:not(:has(#product-allproduct,#p2)) .product-layout.product-grid .button-group .input-group{margin:0!important;display:flex;height:36px;border:1px solid #dfe5ec;border-radius:10px;overflow:hidden;background:#f6f8fb}
  html:not(:has(#product-allproduct,#p2)) .product-layout.product-grid .button-group .input-group-btn{width:auto;display:flex}
  html:not(:has(#product-allproduct,#p2)) .product-layout.product-grid .button-group .btn-number{width:28px;height:34px;padding:0!important;border-radius:0!important;background:none!important;color:#6b7685}
  html:not(:has(#product-allproduct,#p2)) .product-layout.product-grid .button-group .btn-number i{font-size:11px}
  html:not(:has(#product-allproduct,#p2)) .product-layout.product-grid .button-group .input-number{flex:1;min-width:0;width:100%!important;height:34px!important;padding:0!important;border:0!important;background:none!important;font-size:13px!important;font-weight:700}
  html:not(:has(#product-allproduct,#p2)) .product-layout.product-grid .button-group button[onclick^="cart.add"]{width:38px!important;height:36px;padding:0!important;border-radius:10px;font-size:0!important;
    background:#257de3 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='20' r='1.5'/%3E%3Ccircle cx='18' cy='20' r='1.5'/%3E%3Cpath d='M2.5 3h2.7l2.4 11.6a1.8 1.8 0 0 0 1.8 1.4h8.3a1.8 1.8 0 0 0 1.7-1.3L21.5 7H6.1'/%3E%3C/svg%3E") center/20px no-repeat!important}
  html:not(:has(#product-allproduct,#p2)) .product-layout.product-grid .button-group button[onclick^="cart.add"] span{display:none}
}
@media (max-width:767px){/* крупнее шрифты в карточках (сайт в масштабе 90%) */
  
  html:not(:has(#product-allproduct,#p2)) .product-layout.product-grid .caption h4{font-size:14.5px!important;line-height:1.35!important}
  html:not(:has(#product-allproduct,#p2)) .product-layout.product-grid .stock-catalog{font-size:13px!important}
  html:not(:has(#product-allproduct,#p2)) .product-layout.product-grid .caption h5{font-size:12.5px!important}
  html:not(:has(#product-allproduct,#p2)) .product-layout.product-grid .price{font-size:19px!important}
  html:not(:has(#product-allproduct,#p2)) .product-layout.product-grid .image .sc-module-sticker{font-size:11px!important;padding:3px 7px!important}
  html:not(:has(#product-allproduct,#p2)) .product-layout.product-grid .button-group .input-number{font-size:15px!important}
  html:not(:has(#product-allproduct,#p2)) .product-layout.product-grid .caption{padding:8px 11px 0!important}
}
@media (max-width:767px){/* логотип чуть меньше */
  
  header #logo img{max-height:24px!important}/* иконки шапки: родной размер SVG (у части нет viewBox), одинаковые квадраты, центрирование */
  
  header .header-right svg{width:auto!important;height:auto!important;transform:scale(1.25);transform-origin:center;overflow:visible}
  header .header-right > li > i,header .header-right > li > a > i{display:flex!important;align-items:center;justify-content:center;
    width:40px!important;height:40px!important;margin:0!important;padding:0!important;position:static!important;top:auto!important;font-size:0!important;line-height:0!important}
  header .header-right > li:not(.mobile-xs):not(.mobile-visible):not(:has(#cart)):not(:has(.btn-mini-cart)),header .header-right > li > a{display:flex!important;align-items:center;justify-content:center;width:40px;height:44px}
  header .header-right > li .count{top:4px!important;right:0!important;margin:0!important}/* корзина в нижней панели — обычный пункт, без синей плашки */
  
  .mtab__i--cart{justify-content:center;padding-bottom:0}
  .mtab__cart{width:auto;height:auto;margin:0;border:0;border-radius:0;background:none;box-shadow:none;color:inherit}
  .mtab__cart svg{width:24px;height:24px}
  .mtab__i--cart > span:last-child{margin-top:0}
  .mtab__badge{top:-6px;right:-10px}
}/* пустая категория / поиск без результатов (все экраны) */


html:not(:has(#product-allproduct,#p2)) .empty-state{max-width:560px;margin:24px auto 40px;padding:36px 28px;text-align:center;background:#fff;border:1px solid #e6eaf0;border-radius:16px;font-family:Montserrat,Arial,sans-serif}
html:not(:has(#product-allproduct,#p2)) .empty-state__ico{width:72px;height:72px;margin:0 auto 18px;border-radius:20px;display:grid;place-items:center;background:#edf4fd;color:#257de3}
html:not(:has(#product-allproduct,#p2)) .empty-state__ico svg{width:36px;height:36px}
html:not(:has(#product-allproduct,#p2)) .empty-state__t{font-size:21px;font-weight:700;color:#1d2733;margin-bottom:8px}
html:not(:has(#product-allproduct,#p2)) .empty-state__p{font-size:15px;line-height:1.55;color:#6b7685;margin:0 auto 22px;max-width:420px}
html:not(:has(#product-allproduct,#p2)) .empty-state__btns{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
html:not(:has(#product-allproduct,#p2)) .empty-state__btn{display:inline-flex;align-items:center;justify-content:center;height:46px;padding:0 20px;border-radius:10px;border:1px solid #dfe5ec;background:#fff;
  color:#1d2733!important;font:600 14.5px Montserrat,Arial,sans-serif;text-decoration:none!important;transition:border-color .2s,background-color .2s,transform .15s}
html:not(:has(#product-allproduct,#p2)) .empty-state__btn:hover{border-color:#257de3;color:#257de3!important}
html:not(:has(#product-allproduct,#p2)) .empty-state__btn--primary{background:#257de3;border-color:#257de3;color:#fff!important}
html:not(:has(#product-allproduct,#p2)) .empty-state__btn--primary:hover{background:#1b6bc9;color:#fff!important}
html:not(:has(#product-allproduct,#p2)) .empty-state__btn--ghost{border-color:transparent;color:#6b7685!important}
@media (max-width:767px){
  html:not(:has(#product-allproduct,#p2)) .empty-state{margin:12px 0 24px;padding:28px 18px}
  html:not(:has(#product-allproduct,#p2)) .empty-state__t{font-size:20px}
  html:not(:has(#product-allproduct,#p2)) .empty-state__btns{flex-direction:column}
  html:not(:has(#product-allproduct,#p2)) .empty-state__btn{width:100%;height:48px;font-size:15.5px}
}

@media (max-width:767px){/* плавающие кнопки поверх содержимого (поле количества в карточках налезало на «наверх») */
  
  #toTop,#btnwhatsapp{z-index:1001!important}/* подкатегории: плитки 2 (3) в ряд */

  
  html:not(:has(#product-allproduct,#p2)) .category_row .cat_ul{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0!important;margin:0 0 16px!important;list-style:none}
  html:not(:has(#product-allproduct,#p2)) .category_row .cat_ul::before,html:not(:has(#product-allproduct,#p2)) .category_row .cat_ul::after{display:none}
  html:not(:has(#product-allproduct,#p2)) .category_row .category_dd{float:none!important;width:auto!important;padding:0!important;margin:0!important;border:0!important}
  html:not(:has(#product-allproduct,#p2)) .category_row .category_href{display:flex!important;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;height:100%;
    padding:14px 8px 12px!important;border:1px solid #e8ecf1!important;border-radius:12px;background:#fff;text-align:center;text-decoration:none!important;
    color:#1d2733!important;font:600 13.5px/1.3 Montserrat,Arial,sans-serif!important}
  html:not(:has(#product-allproduct,#p2)) .category_row .category_href > div{float:none!important;width:auto!important;padding:0!important;min-height:0!important}
  html:not(:has(#product-allproduct,#p2)) .category_row .category_href .img-subcategory{width:auto!important;max-width:64px!important;height:52px!important;object-fit:contain;margin:0 auto}
  html:not(:has(#product-allproduct,#p2)) .category_row .category_href:active{background:#f4f6f9}
}
@media (min-width:421px) and (max-width:767px){
  html:not(:has(#product-allproduct,#p2)) .category_row .cat_ul{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:767px){
  html:not(:has(#product-allproduct,#p2)) .category_row .category_href > div{height:auto!important;line-height:1.3!important;position:static!important}
  html:not(:has(#product-allproduct,#p2)) .category_row .category_href > div:first-child{height:56px!important;display:flex!important;align-items:center;justify-content:center}
  html:not(:has(#product-allproduct,#p2)) .category_row .category_href .img-subcategory{position:static!important;max-height:52px!important;height:auto!important}
}/* аудит мобильной версии (2026-10-27) */


@media (max-width:767px){/* лёгкие вылезания за ширину экрана (меню на карточке товара, бренды, 404) не дают странице «ездить» вбок */
  
  html,body{overflow-x:clip}
  #content img,.container img{max-width:100%;height:auto}/* подписи нижней панели крупнее */
  
  .mtab__i{font-size:12.5px}/* мелкий текст на карточке товара */
  
  html:not(:has(#product-allproduct,#p2)) .product-layout .sc-module-sticker,.product-info .sc-module-sticker{font-size:12px!important}
  span[style*="font-size: 7px"],span[style*="font-size:7px"]{font-size:12px!important}
}/* поле количества: без системной обводки при фокусе */


html:not(:has(#product-allproduct,#p2)) .product-layout .input-number:focus,html:not(:has(#product-allproduct,#p2)) .product-layout .btn-number:focus{outline:0!important;box-shadow:none!important}
html:not(:has(#product-allproduct,#p2)) .product-layout .input-group:focus-within{border-color:#257de3!important;background:#fff!important}
html:not(:has(#product-allproduct,#p2)) input.input-number{-webkit-tap-highlight-color:transparent;-webkit-appearance:none;appearance:none}/* автоподгрузка (все экраны) */


html:not(:has(#product-allproduct,#p2)) .autoload .eshe{position:absolute!important;opacity:0!important;pointer-events:none!important;height:1px!important;width:1px!important;overflow:hidden}
html:not(:has(#product-allproduct,#p2)) .autoload{position:relative;min-height:56px}
html:not(:has(#product-allproduct,#p2)) .autoload__status{display:none;align-items:center;justify-content:center;gap:10px;color:#6b7685;font:600 14px Montserrat,Arial,sans-serif;padding:14px 0}
html:not(:has(#product-allproduct,#p2)) .autoload.is-loading .autoload__status{display:flex}
html:not(:has(#product-allproduct,#p2)) .autoload.is-done{display:none!important}
html:not(:has(#product-allproduct,#p2)) .autoload__spin{width:20px;height:20px;border-radius:50%;border:2.5px solid #d6e4f6;border-top-color:#257de3;animation:alSpin .8s linear infinite}
@keyframes alSpin{to{transform:rotate(360deg)}}
html:not(:has(#product-allproduct,#p2)) #prods.preloader{opacity:1!important}/* пагинация (все экраны) */


html:not(:has(#product-allproduct,#p2)) .pags .pagination{display:inline-flex!important;flex-wrap:wrap;justify-content:center;gap:6px;margin:0!important;padding:0}
html:not(:has(#product-allproduct,#p2)) .pags .pagination > li{margin:0!important;padding:0!important;float:none}
html:not(:has(#product-allproduct,#p2)) .pags .pagination > li > a,html:not(:has(#product-allproduct,#p2)) .pags .pagination > li > span{float:none!important;display:inline-flex!important;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 10px!important;margin:0!important;
  border:1px solid #e3e8ef!important;border-radius:10px!important;background:#fff!important;color:#1d2733!important;font:600 14px Montserrat,Arial,sans-serif;transition:border-color .2s,color .2s}
html:not(:has(#product-allproduct,#p2)) .pags .pagination > li > a:hover{border-color:#257de3!important;color:#257de3!important}
html:not(:has(#product-allproduct,#p2)) .pags .pagination > li.active > span,html:not(:has(#product-allproduct,#p2)) .pags .pagination > li.active > a{background:#257de3!important;border-color:#257de3!important;color:#fff!important}
@media (max-width:767px){
  html:not(:has(#product-allproduct,#p2)) .pags{margin-top:12px!important}
  html:not(:has(#product-allproduct,#p2)) .pags .pagination{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;max-width:100%;padding:2px 2px 6px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  html:not(:has(#product-allproduct,#p2)) .pags .pagination::-webkit-scrollbar{display:none}
  html:not(:has(#product-allproduct,#p2)) .pags .pagination > li > a,html:not(:has(#product-allproduct,#p2)) .pags .pagination > li > span{min-width:38px;height:38px}
}/* подписи подкатегорий: обычное начертание, на 1px меньше */


@media (max-width:767px){html:not(:has(#product-allproduct,#p2)) .category_row .category_href{font-weight:400!important;font-size:12.5px!important}}/* сортировка (все экраны) */


html:not(:has(#product-allproduct,#p2)) .sortbar{display:flex!important;align-items:center;gap:10px;width:100%;margin:0 0 16px!important}
html:not(:has(#product-allproduct,#p2)) .sortbar > label.input-group-addon{display:block!important;width:auto!important;padding:0!important;font:500 14px Montserrat,Arial,sans-serif;color:#6b7685!important;white-space:nowrap}
html:not(:has(#product-allproduct,#p2)) .sortbar > select.form-control{flex:1;width:auto!important;height:42px!important;border:1px solid #dfe5ec!important;border-radius:10px!important;padding:0 38px 0 14px!important;
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7685' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 12px center/18px no-repeat!important;
  -webkit-appearance:none;appearance:none;box-shadow:none!important;font:600 14px Montserrat,Arial,sans-serif!important;color:#1d2733!important;cursor:pointer}
html:not(:has(#product-allproduct,#p2)) .sortbar > select.form-control:focus{border-color:#257de3!important;outline:0}

@media (max-width:767px){
  html:not(:has(#product-allproduct,#p2)) .sortrow{display:flex;align-items:center;gap:8px;margin-bottom:14px}
  html:not(:has(#product-allproduct,#p2)) .sortrow .sortbar{margin:0!important;flex:1;min-width:0}
  html:not(:has(#product-allproduct,#p2)) .sortrow .sortbar > label.input-group-addon{display:none!important}
  html:not(:has(#product-allproduct,#p2)) .mfilter-btn{flex:none;display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 14px;border:1px solid #dfe5ec;border-radius:10px;background:#fff;
    color:#1d2733;font:600 14px Montserrat,Arial,sans-serif}
  html:not(:has(#product-allproduct,#p2)) .mfilter-btn svg{width:20px;height:20px;color:#257de3}
  html:not(:has(#product-allproduct,#p2)) .mfilter-scrim{position:fixed;inset:0;z-index:1150;background:rgba(15,23,42,.45);opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}
  html:not(:has(#product-allproduct,#p2)) .mfilter-scrim.is-open{opacity:1;visibility:visible}
  html:not(:has(#product-allproduct,#p2)) .ocf-container.mfilter{display:flex!important;flex-direction:column;position:fixed!important;top:0;bottom:0;left:0;z-index:1160;width:min(88vw,360px);margin:0!important;
    background:#fff;transform:translateX(-102%);transition:transform .3s cubic-bezier(.2,.8,.2,1);border-radius:0 18px 18px 0;box-shadow:0 10px 40px rgba(0,0,0,.2);overflow:hidden}
  html:not(:has(#product-allproduct,#p2)) .ocf-container.mfilter.is-open{transform:none}
  html:not(:has(#product-allproduct,#p2)) .mfilter > .ocf-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}
  html:not(:has(#product-allproduct,#p2)) .mfilter__head{flex:none;display:flex;align-items:center;justify-content:space-between;height:58px;padding:0 10px 0 18px;border-bottom:1px solid #e8ecf1;font:700 17px Montserrat,Arial,sans-serif;color:#1d2733}
  html:not(:has(#product-allproduct,#p2)) .mfilter__x{width:42px;height:42px;border:0;background:none;display:grid;place-items:center;color:#1d2733}
  html:not(:has(#product-allproduct,#p2)) .mfilter__x svg{width:22px;height:22px}
  html:not(:has(#product-allproduct,#p2)) .mfilter .ocf-close-mobile{display:none!important}
}
@media (max-width:767px){
  html:not(:has(#product-allproduct,#p2)) .sortrow .sortbar{width:auto!important;display:flex!important}
  html:not(:has(#product-allproduct,#p2)) .sortrow{width:100%;max-width:100%}
  html:not(:has(#product-allproduct,#p2)) .mfilter .ocf-header{display:none!important}
  html:not(:has(#product-allproduct,#p2)) .mfilter .ocf-content{padding:10px 12px 0!important}
  html:not(:has(#product-allproduct,#p2)) .mfilter .ocf-footer,html:not(:has(#product-allproduct,#p2)) .mfilter .ocf-buttons{position:sticky;bottom:0;background:#fff;padding:10px 12px calc(12px + env(safe-area-inset-bottom))!important;border-top:1px solid #e8ecf1}
}
@media (max-width:767px){html:not(:has(#product-allproduct,#p2)) .sortrow .sortbar > select.form-control{flex:1 1 0!important;min-width:0!important;width:100%!important}}
@media (max-width:767px){/* подкатегории: больше воздуха сверху и снизу */
  
  html:not(:has(#product-allproduct,#p2)) .category_row .category_href{padding:20px 8px 18px!important;gap:10px}/* сортировка — иконка; под ней прозрачный штатный select (нативный выбор) */

  
  html:not(:has(#product-allproduct,#p2)) .sortrow{justify-content:space-between}
  html:not(:has(#product-allproduct,#p2)) .sortrow .sortbar{flex:0 0 44px!important;width:44px!important;height:42px;position:relative;border:1px solid #dfe5ec;border-radius:10px;background:#fff;
    margin-left:auto!important;display:block!important}
  html:not(:has(#product-allproduct,#p2)) .sortrow .sortbar::before{content:"";position:absolute;inset:0;pointer-events:none;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23257de3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 4v16M3.5 16.5 7 20l3.5-3.5M17 20V4M13.5 7.5 17 4l3.5 3.5'/%3E%3C/svg%3E") center/21px no-repeat}
  html:not(:has(#product-allproduct,#p2)) .sortrow .sortbar.is-custom::after{content:"";position:absolute;top:7px;right:7px;width:7px;height:7px;border-radius:50%;background:#ff4d4f}
  html:not(:has(#product-allproduct,#p2)) .sortrow .sortbar > select.form-control{position:absolute!important;inset:0;width:100%!important;height:100%!important;opacity:0;padding:0!important;border:0!important}
  html:not(:has(#product-allproduct,#p2)) .sortrow .sortbar:focus-within{border-color:#257de3}
}/* сортировка на ПК: поле не вылезает за колонку */

html:not(:has(#product-allproduct,#p2)) .sortbar > select.form-control{flex:1 1 0!important;min-width:0!important}
html:not(:has(#product-allproduct,#p2)) .sortbar{max-width:100%}/* сортировка на ПК — тоже иконка */


@media (min-width:768px){
  html:not(:has(#product-allproduct,#p2)) .sortbar{width:44px!important;height:42px;flex:none;position:relative;display:block!important;margin:0 0 16px auto!important;
    border:1px solid #dfe5ec;border-radius:10px;background:#fff;cursor:pointer;transition:border-color .2s}
  html:not(:has(#product-allproduct,#p2)) .sortbar:hover,html:not(:has(#product-allproduct,#p2)) .sortbar:focus-within{border-color:#257de3}
  html:not(:has(#product-allproduct,#p2)) .sortbar::before{content:"";position:absolute;inset:0;pointer-events:none;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23257de3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 4v16M3.5 16.5 7 20l3.5-3.5M17 20V4M13.5 7.5 17 4l3.5 3.5'/%3E%3C/svg%3E") center/21px no-repeat}
  html:not(:has(#product-allproduct,#p2)) .sortbar.is-custom::after{content:"";position:absolute;top:7px;right:7px;width:7px;height:7px;border-radius:50%;background:#ff4d4f}
  html:not(:has(#product-allproduct,#p2)) .sortbar > label.input-group-addon{display:none!important}
  html:not(:has(#product-allproduct,#p2)) .sortbar > select.form-control{position:absolute!important;inset:0;width:100%!important;height:100%!important;opacity:0;padding:0!important;border:0!important;cursor:pointer}
}/* карточки в сетке (мобильная): аккуратнее нижний блок */


@media (max-width:767px){
  html:not(:has(#product-allproduct,#p2)) .product-layout.product-grid .caption{padding:10px 12px 0!important}
  html:not(:has(#product-allproduct,#p2)) .product-layout.product-grid .caption h4{margin:2px 0 8px!important}
  html:not(:has(#product-allproduct,#p2)) .product-layout.product-grid .stock-catalog{margin:0 0 4px!important;line-height:1.3}
  html:not(:has(#product-allproduct,#p2)) .product-layout.product-grid .caption h5{margin:0 0 10px!important;line-height:1.3;color:#98a2af!important}
  html:not(:has(#product-allproduct,#p2)) .product-layout.product-grid .caption > .row{margin:auto 0 0!important;padding-top:8px;border-top:1px dashed #edf0f4}
  html:not(:has(#product-allproduct,#p2)) .product-layout.product-grid .price{margin:0 0 10px!important;line-height:1.15}
  html:not(:has(#product-allproduct,#p2)) .product-layout.product-grid .button-group{padding:0 10px 10px!important;gap:8px}
  html:not(:has(#product-allproduct,#p2)) .product-layout.product-grid .button-group > [class*="col-"]:first-child{flex:0 0 96px;width:96px!important}
  html:not(:has(#product-allproduct,#p2)) .product-layout.product-grid .button-group > [class*="col-"]:last-child{flex:1 1 auto;min-width:0}
  html:not(:has(#product-allproduct,#p2)) .product-layout.product-grid .button-group .input-group{height:38px;border-radius:10px}
  html:not(:has(#product-allproduct,#p2)) .product-layout.product-grid .button-group .btn-number{width:28px;height:36px}
  html:not(:has(#product-allproduct,#p2)) .product-layout.product-grid .button-group .input-number{height:36px!important;font-size:15px!important}
  html:not(:has(#product-allproduct,#p2)) .product-layout.product-grid .button-group button[onclick^="cart.add"]{width:100%!important;height:38px;border-radius:10px}
}

@media (min-width:768px){/* подсказка у иконки сортировки */
  
  html:not(:has(#product-allproduct,#p2)) .sortbar[data-tip]:hover::after,html:not(:has(#product-allproduct,#p2)) .sortbar[data-tip]:focus-within::after{content:attr(data-tip);position:absolute;right:0;top:calc(100% + 8px);z-index:20;
    white-space:nowrap;background:#1d2733;color:#fff;font:600 12.5px/1 Montserrat,Arial,sans-serif;padding:8px 11px;border-radius:8px;
    box-shadow:0 6px 18px rgba(20,40,80,.18);width:auto;height:auto;inset:auto 0 auto auto;top:calc(100% + 8px)}
  html:not(:has(#product-allproduct,#p2)) .sortbar.is-custom[data-tip]:not(:hover):not(:focus-within)::after{content:"";top:7px;right:7px;width:7px;height:7px;padding:0;border-radius:50%;background:#ff4d4f;box-shadow:none}/* цена в сетке на ПК крупнее */
  
  html:not(:has(#product-allproduct,#p2)) .product-layout.product-grid .price{font-size:20px!important;font-weight:800!important;color:#1d2733!important}
  html:not(:has(#product-allproduct,#p2)) .product-layout.product-grid .price > span:last-child{font-size:20px!important}
}/* SEO-текст под каталогом — мельче и спокойнее */


html:not(:has(#product-allproduct,#p2)) #content .row:has(.pags) + .row,html:not(:has(#product-allproduct,#p2)) #content .row:has(.pags) + .row p,html:not(:has(#product-allproduct,#p2)) #content .row:has(.pags) + .row li,html:not(:has(#product-allproduct,#p2)) #content .row:has(.pags) + .row span{font-size:14px!important;line-height:1.6!important;color:#5b6573!important}
html:not(:has(#product-allproduct,#p2)) #content .row:has(.pags) + .row h2,html:not(:has(#product-allproduct,#p2)) #content .row:has(.pags) + .row h3{font-size:17px!important;line-height:1.35!important;color:#1d2733!important}
@media (max-width:767px){html:not(:has(#product-allproduct,#p2)) #content .row:has(.pags) + .row,html:not(:has(#product-allproduct,#p2)) #content .row:has(.pags) + .row p,html:not(:has(#product-allproduct,#p2)) #content .row:has(.pags) + .row li,html:not(:has(#product-allproduct,#p2)) #content .row:has(.pags) + .row span{font-size:13.5px!important}}/* фильтр каталога на ПК (OCFilter в левой колонке) */


@media (min-width:768px){
  html:not(:has(#product-allproduct,#p2)):has(#product-category,#product-search,#product-manufacturer) #column-left .ocf-container{background:#fff;border:1px solid #e6eaf0;border-radius:14px;overflow:hidden}
  html:not(:has(#product-allproduct,#p2)) #column-left .ocf-container .ocf-header{display:flex;align-items:center;gap:10px;padding:16px 18px!important;margin:0!important;border-bottom:1px solid #edf0f4;
    font:700 16px Montserrat,Arial,sans-serif!important;color:#1d2733!important;background:#fff}
  html:not(:has(#product-allproduct,#p2)) #column-left .ocf-container .ocf-header .ocf-icon{color:#257de3;font-size:16px}
  html:not(:has(#product-allproduct,#p2)) #column-left .ocf-container .ocf-body{padding:4px 0!important}
  html:not(:has(#product-allproduct,#p2)) #column-left .ocf-container .ocf-filter{float:none!important;width:auto!important;padding:0!important;margin:0!important}
  html:not(:has(#product-allproduct,#p2)) #column-left .ocf-container .ocf-filter-body{background:none!important;border:0!important;border-radius:0!important;margin:0!important;padding:14px 18px!important;box-shadow:none!important}
  html:not(:has(#product-allproduct,#p2)) #column-left .ocf-container .ocf-filter + .ocf-filter .ocf-filter-body{border-top:1px solid #edf0f4!important}
  html:not(:has(#product-allproduct,#p2)) #column-left .ocf-container .ocf-filter-header{padding:0 0 8px!important;margin:0!important;cursor:pointer}
  html:not(:has(#product-allproduct,#p2)) #column-left .ocf-container .ocf-filter-name{font:700 13.5px/1.3 Montserrat,Arial,sans-serif!important;color:#1d2733!important;text-transform:none!important;letter-spacing:0!important}
  html:not(:has(#product-allproduct,#p2)) #column-left .ocf-container .ocf-value{display:flex!important;align-items:center;gap:10px;width:100%;padding:6px 6px!important;margin:0!important;border-radius:8px;
    background:none!important;border:0!important;text-align:left;color:#3a4554!important;font:500 14px Montserrat,Arial,sans-serif!important;transition:background .15s}
  html:not(:has(#product-allproduct,#p2)) #column-left .ocf-container .ocf-value:hover{background:#f4f7fb!important}
  html:not(:has(#product-allproduct,#p2)) #column-left .ocf-container .ocf-value-input-checkbox{flex:none;width:18px!important;height:18px!important;border:1.5px solid #c6d0dc!important;border-radius:5px!important;background:#fff!important;position:relative;margin:0!important}
  html:not(:has(#product-allproduct,#p2)) #column-left .ocf-container .ocf-selected .ocf-value-input-checkbox{background:#257de3!important;border-color:#257de3!important}
  html:not(:has(#product-allproduct,#p2)) #column-left .ocf-container .ocf-selected .ocf-value-input-checkbox::after{content:"";position:absolute;left:5px;top:1.5px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
  html:not(:has(#product-allproduct,#p2)) #column-left .ocf-container .ocf-selected{color:#1d2733!important;font-weight:600!important}
  html:not(:has(#product-allproduct,#p2)) #column-left .ocf-container .ocf-value[disabled],html:not(:has(#product-allproduct,#p2)) #column-left .ocf-container .ocf-disabled{opacity:.45}
  html:not(:has(#product-allproduct,#p2)) #column-left .ocf-container .ocf-footer{padding:12px 18px 16px!important;border-top:1px solid #edf0f4;background:#fff}
  html:not(:has(#product-allproduct,#p2)) #column-left .ocf-container .ocf-footer .ocf-btn-link{color:#6b7685!important;font:600 14px Montserrat,Arial,sans-serif!important}
  html:not(:has(#product-allproduct,#p2)) #column-left .ocf-container .ocf-search-btn-static,html:not(:has(#product-allproduct,#p2)) .ocf-search-btn-popover{background:#257de3!important;border:0!important;border-radius:10px!important;color:#fff!important;
    height:42px;font:600 14px Montserrat,Arial,sans-serif!important;box-shadow:none!important}
  html:not(:has(#product-allproduct,#p2)) #column-left .ocf-container .ocf-search-btn-static[disabled]{background:#e9eef4!important;color:#8a95a3!important}
  html:not(:has(#product-allproduct,#p2)) .ocf-popover-content{border-radius:12px!important;box-shadow:0 10px 30px rgba(20,40,80,.18)!important;border:0!important;padding:8px!important}
}
@media (min-width:768px){
  html:not(:has(#product-allproduct,#p2)) #column-left .ocf-container .ocf-filter,html:not(:has(#product-allproduct,#p2)) #column-left .ocf-container .ocf-filter-list,html:not(:has(#product-allproduct,#p2)) #column-left .ocf-container .ocf-value-list,html:not(:has(#product-allproduct,#p2)) #column-left .ocf-container .ocf-value-list-body{background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;margin:0!important}
  html:not(:has(#product-allproduct,#p2)) #column-left .ocf-container .ocf-filter + .ocf-filter{border-top:1px solid #edf0f4}
  html:not(:has(#product-allproduct,#p2)) #column-left .ocf-container .ocf-filter + .ocf-filter .ocf-filter-body{border-top:0!important}
}

/* фильтр каталога: свёрнутые группы */
html:not(:has(#product-allproduct,#p2)) .ocf-filter.is-collapsed .ocf-value-list{display:none!important}
html:not(:has(#product-allproduct,#p2)) .ocf-filter:not(.ocf-main) .ocf-filter-header{cursor:pointer;position:relative;padding-right:22px!important}
html:not(:has(#product-allproduct,#p2)) .ocf-filter:not(.ocf-main) .ocf-filter-header::after{content:"";position:absolute;right:4px;top:4px;width:8px;height:8px;
  border-right:2px solid #8b96a5;border-bottom:2px solid #8b96a5;transform:rotate(-135deg);transition:transform .2s}
html:not(:has(#product-allproduct,#p2)) .ocf-filter.is-collapsed .ocf-filter-header::after{transform:rotate(45deg);top:1px}
html:not(:has(#product-allproduct,#p2)) .ocf-filter.is-collapsed .ocf-filter-header{padding-bottom:0!important}