/* ===== Шапка: поиск как в макете (рамка, крупный текст, жёлтая кнопка) ===== */
header .us-search-box .header-input-group{display:flex!important;align-items:stretch;height:48px!important;padding:0!important;background:#FFFFFF!important;border:1.5px solid #D7D2CC!important;border-radius:10px!important}
header .us-search-box .header-input-group:focus-within{border-color:#231F20!important}
header .us-search-box .header-input{flex:1 1 auto;width:auto!important;min-width:0;height:100%!important;padding:0 16px!important;background:transparent!important;border:0!important;border-radius:10px 0 0 10px;box-shadow:none!important;outline:none!important;color:#231F20!important;font-size:15px!important}
header .us-search-box .header-input::placeholder{color:#7D7671!important;opacity:1}
header .us-search-box .header-btn-search{flex:0 0 48px;width:48px!important;min-width:48px!important;max-width:48px!important;height:100%!important;padding:0!important;background:#FFC10D!important;border:0!important;border-left:0!important;border-radius:0 9px 9px 0!important}
header .us-search-box .header-btn-search:hover{background:#FFD24A!important}
header .us-search-box .header-btn-search i{color:#231F20!important;font-size:18px!important}
/* ===== /поиск ===== */


/* ===== Шапка: фиксируется при прокрутке вместе с верхней панелью (только компьютер, ширина от 992px) ===== */
@media (min-width:992px){
  /* Высоты заданы явно: по ним рассчитаны отступы закреплённых строк ниже */
  body > #top{position:sticky;top:0;z-index:1003;height:46px}
  body > header{position:sticky;top:46px;z-index:1002;height:88px;padding:0}
  body > header > .container,
  body > header > .container > .row{height:100%}
  /* Строка меню под шапкой пустая (пункты меню убраны): её высота 0, строка с логотипом, каталогом и поиском стоит по центру белой шапки — 20px сверху и снизу */
  body .menu-row.sticky-top{top:134px;height:0}
  body #oct-megamenu-box{display:none!important}
}
/* ===== /фиксированная шапка ===== */


/* ===== Телефон: под поиском белый отступ до контента ===== */
@media (max-width:991px){
  body > header{padding-bottom:14px!important}
}
/* ===== /поиск на телефоне ===== */


/* ===== Шапка остаётся на месте, когда открыто всплывающее окно: работает вместе со скриптом arcline-scripts.js (только компьютер, ширина от 992px) ===== */
/* Метку arc-lock ставит скрипт, пока окно запрещает прокрутку страницы. Саму прокрутку и остальную страницу правило не трогает */
@media (min-width:992px){
  html.arc-lock body > #top{position:fixed;top:0;left:0;right:0}
  html.arc-lock body > header{position:fixed;top:46px;left:0;right:0}
  html.arc-lock body .menu-row.sticky-top{position:fixed;top:134px;left:0;right:0}
  /* Шапка вынута из потока страницы — возвращаем её высоту отступом, чтобы содержимое не подпрыгнуло */
  html.arc-lock body{padding-top:134px}
}
/* ===== /шапка при всплывающем окне ===== */


/* ===== Верхняя панель: адрес складов и часы работы видны сразу, ссылки справа (только компьютер, ширина от 992px) ===== */
@media (min-width:992px){
  /* Вместо «Наш адрес» и «Время работы» показываем сами данные. Текст задаётся здесь: при смене адреса или графика поправьте его в двух строках content */
  body #top #dropdownMenuAddress > span,
  body #top #dropdownMenu1 > span{font-size:0}
  body #top #dropdownMenuAddress > span:after{content:"Алматы · Караганда";font-size:13px}
  body #top #dropdownMenu1 > span:after{content:"Пн–Пт 8:45–17:45";font-size:13px}
  /* Значки адреса и часов фирменным жёлтым */
  body #top #dropdownMenuAddress > .fa-map-marker-alt,
  body #top #dropdownMenu1 > .fa-clock{color:#FFC10D!important}
  /* Ссылки «Доставка», «Оплата» и остальные уходят вправо, к «Личному кабинету» */
  body #top #top-left{flex:1 1 auto}
  body #top #top-left .top-info-ul{margin-left:auto}
}
@media (min-width:1200px){
  body #top #dropdownMenuAddress > span:after{content:"Склады:\0000a0Алматы,\0000a0ул. Саина 16А · Караганда"}
}
/* ===== /верхняя панель ===== */


/* ===== Фон: страница светло-серая, шапка и блоки белые (как в макете) ===== */
html body{background:#F5F3F0!important}
body > header,
body .menu-row{background:#FFFFFF!important}
/* ===== /фон ===== */


/* ===== Кнопка «Каталог»: жёлтая, скруглённая, чёрный текст ===== */
body .oct-ultra-menu{background:#FFC10D!important;color:#231F20!important;border-radius:10px;font-weight:700}
body .oct-ultra-menu *{color:#231F20!important}
body #oct-menu-box:hover .oct-ultra-menu{background:#FFD24A!important}
/* ===== /кнопка «Каталог» ===== */


/* ===== Шапка: кнопка «Каталог» в одной строке с логотипом и поиском (только компьютер, ширина от 992px) ===== */
@media (min-width:992px){
  /* Белый фон шапки рисует строка меню, сама шапка прозрачная: так кнопка из строки меню видна и нажимается */
  html body > header{background:transparent!important;pointer-events:none}
  body > header > .container > .row > *{pointer-events:auto}
  body .menu-row:before{content:"";position:absolute;z-index:-1;top:-88px;left:0;right:0;height:88px;background:#FFFFFF}

  /* Логотип слева, за ним место под кнопку, дальше поиск на всю оставшуюся ширину */
  body > header #logo{flex:0 0 170px;max-width:170px;text-align:left!important}
  body > header .us-search-box{flex:1 1 0;min-width:0;max-width:none;margin-left:165px}

  /* Сама кнопка: поднята из строки меню в шапку */
  body #oct-menu-box{position:absolute;top:-68px;left:180px;flex:none;width:150px;max-width:none;height:48px;padding:0}
  body #oct-menu-box .oct-ultra-menu{height:48px}
  body #oct-menu-box .oct-ultra-menu i{top:14px}
  body #oct-menu-box .oct-ultra-menu span{padding-left:22px}
  /* Выпадающий список каталога: отдельная скруглённая панель под кнопкой, шире кнопки */
  html body #oct-menu-box #oct-menu-dropdown-menu{left:0;right:auto;width:290px;border-radius:14px;box-shadow:0 12px 32px rgba(35,31,32,.18)}
  html body #oct-menu-box:hover #oct-menu-dropdown-menu{top:54px!important}
  /* Невидимая перемычка между кнопкой и списком, чтобы список не закрывался при переводе курсора */
  body #oct-menu-dropdown-menu:before{content:"";position:absolute;left:0;right:0;top:-8px;height:8px}
  body #oct-menu-ul > li:first-child{border-radius:14px 14px 0 0}
  body #oct-menu-ul > li:last-child{border-radius:0 0 14px 14px}
  body #oct-menu-ul > li:only-child{border-radius:14px}
  /* Панель подкатегорий: отдельная скруглённая панель с отступом от списка, как список от кнопки */
  body #oct-menu-dropdown-menu .oct-menu-child-ul{left:calc(100% + 6px);border:0;border-radius:14px;box-shadow:0 12px 32px rgba(35,31,32,.18)}
  body #oct-menu-dropdown-menu .oct-menu-child-ul > ul{border-radius:14px}
  /* Невидимая перемычка между списком и панелью подкатегорий */
  body #oct-menu-dropdown-menu .oct-menu-child-ul:before{content:"";position:absolute;top:0;bottom:0;left:-8px;width:8px}

  /* Пункты меню занимают всю строку и начинаются от левого края */
  body #oct-megamenu-box{flex:0 0 100%;max-width:100%}
  body #oct-megamenu .navbar-nav{margin-left:-16px}
}
@media (min-width:1200px){
  body > header .us-search-box{margin-left:205px}
  body #oct-menu-box{width:190px}
}
/* ===== /кнопка «Каталог» в шапке ===== */


/* ===== Шапка: значок WhatsApp у телефона и кнопка «Запросить прайс» (работает вместе со скриптом arcline-scripts.js) ===== */
.arc-head-cta{display:none}
@media (min-width:992px){
  /* Блок телефона занимает столько места, сколько нужно его содержимому */
  body > header .us-phone-box{flex:0 0 auto;width:auto;max-width:none}
  /* Круглый значок WhatsApp вместо значка телефона; по клику открывает чат */
  body > header .us-phone-img{display:flex;align-items:center;justify-content:center;flex:none;width:42px;height:42px;margin-right:12px;background:#FFFFFF;border:1.5px solid #D7D2CC;border-radius:50%;cursor:pointer;transition:background .15s,border-color .15s}
  body > header .us-phone-img img{display:none}
  body > header .us-phone-img:before{content:"\f232";color:#231F20;font-family:"Font Awesome 5 Brands";font-size:22px;font-weight:400;line-height:1}
  body > header .us-phone-img:hover{background:#FFC10D;border-color:#FFC10D}
}
@media (min-width:1200px){
  /* Кнопка «Запросить прайс» справа от телефона, на месте корзины */
  body > header .arc-head-cta{display:block;flex:0 0 auto;padding:0 15px}
  body > header a.arc-head-btn{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 24px;background:#FFC10D;border-radius:10px;color:#231F20!important;font-size:15px;font-weight:700;line-height:1;text-decoration:none!important;white-space:nowrap;transition:background .15s}
  body > header a.arc-head-btn:hover{background:#FFD24A}
}
/* ===== /шапка: WhatsApp и прайс ===== */


/* ===== Шапка: счётчик корзины жёлтый вместо красного ===== */
.header-cart-index,#mobile_cart_index,.oct-fixed-bar-quantity{background:#FFC10D!important;color:#231F20!important}
/* ===== /счётчик корзины ===== */


/* ===== Меню: пункты чёрным текстом, при наведении жёлтая линия снизу ===== */
#oct-megamenu .navbar-nav > li,
#oct-megamenu .navbar-nav > li:hover{background:transparent!important}
#oct-megamenu .navbar-nav > li > a,
#oct-megamenu .navbar-nav > li:hover > a,
#oct-megamenu .navbar-nav > li > a:hover{color:#231F20!important;background:transparent!important}
#oct-megamenu .navbar-nav > li:hover > a{box-shadow:inset 0 -3px 0 #FFC10D}
/* ===== /меню ===== */


/* ===== Первый экран главная ===== */

/* Убираем белую рамку модуля только вокруг первого экрана */
.us-html-box:has(.arc-hero),
.us-html-box:has(.arc-hero) .us-html-box-text{padding:0!important;background:none!important;border:0!important;box-shadow:none!important}

.arc-hero{position:relative;overflow:hidden;margin:0 0 40px;padding:52px 48px 36px;background:#231F20;color:#EEEAE6;border-radius:14px;box-sizing:border-box}
.arc-hero *{box-sizing:border-box}
.arc-hero__main{position:relative;max-width:760px}

/* Надпись над заголовком с «дугой и искрой» */
.arc-hero__eyebrow{display:flex;align-items:center;gap:18px;margin-bottom:20px;color:#FFC10D;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.arc-hero__spark{position:relative;flex:none;width:36px;height:2px;background:#FFC10D}
.arc-hero__spark:after{content:"";position:absolute;right:-4px;top:-3px;width:8px;height:8px;border-radius:50%;background:#FFC10D;box-shadow:0 0 0 4px rgba(255,193,13,.2)}

/* Заголовок и текст */
.arc-hero h1.arc-hero__title{margin:0 0 18px;color:#FFFFFF!important;font-size:44px;line-height:1.1;font-weight:800;letter-spacing:-.01em}
.arc-hero p.arc-hero__text{max-width:560px;margin:0 0 28px;color:#CBC5BF!important;font-size:17px;line-height:1.55}

/* Кнопки */
.arc-hero__buttons{display:flex;flex-wrap:wrap;gap:12px}
.arc-hero a.arc-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 26px;border-radius:10px;font-size:15px;font-weight:700;line-height:1;text-decoration:none!important;transition:background .2s,border-color .2s,color .2s}
.arc-hero a.arc-btn--primary{background:#FFC10D;border:1.5px solid #FFC10D;color:#231F20!important}
.arc-hero a.arc-btn--primary:hover{background:#FFD24A;border-color:#FFD24A;color:#231F20!important}
.arc-hero a.arc-btn--ghost{background:rgba(35,31,32,.55);border:1.5px solid rgba(255,255,255,.35);color:#FFFFFF!important}
.arc-hero a.arc-btn--ghost:hover{border-color:#FFC10D;color:#FFC10D!important}
/* Значок WhatsApp на кнопке (шрифт значков уже подключён шаблоном) */
.arc-hero a.arc-btn--wa:before{content:"\f232";margin-right:10px;font-family:"Font Awesome 5 Brands";font-size:20px;font-weight:400;line-height:1}

/* Строка популярных марок внизу блока */
.arc-hero__marks{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:32px;padding-top:26px;border-top:1px solid #3A3633}
.arc-hero__marks-label{margin-right:8px;color:#A8A19B;font-size:14px;font-weight:600}
.arc-hero a.arc-hero__mark{display:inline-flex;align-items:baseline;gap:8px;min-height:44px;padding:10px 16px;background:#2E2A28;border:1px solid #46413D;border-radius:10px;line-height:1.4;text-decoration:none!important;transition:border-color .15s}
.arc-hero a.arc-hero__mark:hover{border-color:#FFC10D}
.arc-hero__mark b{color:#FFFFFF;font-size:15px;font-weight:700}
.arc-hero__mark span{color:#A8A19B;font-size:12px}

/* Планшет */
@media (max-width:991px){
  .arc-hero{padding:40px 28px 28px}
  .arc-hero h1.arc-hero__title{font-size:34px}
}
/* Телефон */
@media (max-width:575px){
  .arc-hero{padding:28px 18px 20px;margin-bottom:28px}
  .arc-hero__eyebrow{font-size:11px;gap:14px}
  .arc-hero h1.arc-hero__title{font-size:26px;line-height:1.18}
  .arc-hero p.arc-hero__text{font-size:15px}
  .arc-hero a.arc-btn{width:100%}
  .arc-hero__marks{gap:8px;margin-top:24px;padding-top:20px}
  .arc-hero__marks-label{width:100%;margin:0 0 2px}
  .arc-hero a.arc-hero__mark{padding:10px 12px}
}
/* ===== /первый экран главная ===== */


/* ===== Первый экран главная: фото справа (файл: /image/catalog/hero/hero-bg.webp) ===== */
@media (min-width:992px){
  .arc-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;width:58%;background:linear-gradient(90deg,#231F20 0%,rgba(35,31,32,.6) 40%,rgba(35,31,32,.15) 100%),linear-gradient(0deg,#231F20 0%,rgba(35,31,32,0) 45%),url('/image/catalog/hero/hero-bg.webp') center/cover no-repeat}
}
/* ===== /фото первого экрана ===== */


/* ===== Типографика: размеры и цвет текста ===== */
html body{font-size:15px;line-height:1.55;color:#433E3A}

/* Заголовок страницы (H1 товара, категории) и заголовки блоков («Каталог», «Рекомендуем») */
body h1.us-main-shop-title{font-size:28px;line-height:1.25;font-weight:800;color:#231F20}
/* Серая линия шаблона под заголовком страницы обрывалась, не доходя до края — убрана */
body h1.us-main-shop-title{padding-bottom:0;border-bottom:0!important}
body h1.us-main-shop-title:after{display:none!important}
body div.us-main-shop-title{font-size:24px;line-height:1.3;color:#231F20}
body .us-main-shop-title a{color:#231F20}

/* Шапка: верхняя панель, телефон, корзина, меню */
body #top .btn-link{font-size:13px}
body header .top-phone-btn,body .us-cart-text{font-size:16px;color:#231F20}
body .us-phone-link,body .us-cart-link{font-size:13px}
body .oct-mm-link > a,body .oct-mm-simple-link > a{font-size:15px;font-weight:600}

/* Хлебные крошки */
body .us-breadcrumb-item{font-size:13px}

/* Карточка товара в списке: название и цена */
body .us-module-title{font-size:14px;color:#231F20}
body .us-module-price-actual{font-size:20px;color:#231F20}

/* Страница товара: цена, характеристики, описание */
body .us-price-actual{font-size:26px;color:#231F20}
body .us-product-info-list{font-size:14px;color:#433E3A}
body .us-product-attr-item{font-size:14px;font-weight:400;color:#433E3A}
body .us-product-description-cont,body .us-category-description-text{font-size:15px;line-height:1.65;color:#433E3A}

/* Блок «Каталог» на главной */
body .us-categories-wall-title{font-size:16px;color:#231F20}
body .us-categories-wall-link{font-size:14px;color:#5F5955}

/* Телефон */
@media (max-width:575px){
  body h1.us-main-shop-title{font-size:22px}
  body div.us-main-shop-title{font-size:20px}
  body .us-price-actual{font-size:22px}
}
/* ===== /типографика ===== */


/* ===== Цвет активных ссылок: тёмный вместо жёлтого текста на светлом фоне ===== */
body .us-breadcrumb-item:last-child{color:#5F5955!important}
body .us-breadcrumb-item a:hover{color:#8A6700!important}
/* ===== /цвет активных ссылок ===== */


/* ===== Шрифт заголовков Unbounded (файл: /image/catalog/fonts/unbounded-600.woff2) ===== */
@font-face{font-family:'Unbounded';font-style:normal;font-weight:600;font-display:swap;src:url('/image/catalog/fonts/unbounded-600.woff2') format('woff2')}
.arc-hero h1.arc-hero__title{font-family:'Unbounded','Open Sans',sans-serif;font-weight:600;font-size:38px;line-height:1.15;letter-spacing:0}
.arc-hero .arc-hero__pick-title{font-family:'Unbounded','Open Sans',sans-serif;font-weight:600;font-size:18px}
body div.us-main-shop-title{font-family:'Unbounded','Open Sans',sans-serif;font-weight:600;font-size:22px}
@media (max-width:991px){
  .arc-hero h1.arc-hero__title{font-size:30px}
}
@media (max-width:575px){
  .arc-hero h1.arc-hero__title{font-size:22px;line-height:1.2}
  body div.us-main-shop-title{font-size:18px}
}
/* ===== /шрифт заголовков ===== */


/* ===== Заголовки блоков: жёлтая черта сверху вместо серой линии снизу ===== */
body div.us-main-shop-title{margin-bottom:24px}
body div.us-main-shop-title:before{content:"";display:block;width:28px;height:3px;margin-bottom:12px;background:#FFC10D}
body div.us-main-shop-title:after{display:none}
/* ===== /заголовки блоков ===== */


/* ===== Тени у блоков убраны (в покое и при наведении), у блока товара тонкая рамка ===== */
body .us-product,
body .us-product:hover,
body .us-category-content,
body .us-category-content:hover,
body .us-html-box,
body .us-html-box:hover,
body .us-reviews-block,
body .us-reviews-block:hover,
body .us-news-block,
body .us-news-block:hover,
body .us-categories-wall-item,
body .us-categories-wall-item:hover,
body .us-advantages-box,
body .us-advantages-box:hover{box-shadow:none!important}
body .us-product{border:1px solid #E6E2DD;border-radius:14px}
/* ===== /тени ===== */


/* ===== Карточки товаров в списках и блоке «Рекомендуем» ===== */
body .us-module-item{padding:16px 16px 18px;text-align:left;border:1px solid #E6E2DD!important;border-radius:14px!important;box-shadow:none!important;transition:border-color .2s}
body .us-module-item:hover{border-color:#FFC10D!important;box-shadow:none!important}
body .us-module-img{text-align:center}
body .us-module-title{height:42px;line-height:21px;padding:0;margin:14px 0 10px;letter-spacing:0;overflow:hidden}
body .us-module-item .us-module-title a{color:#231F20!important}
body .us-module-item:hover .us-module-title a{color:#8A6700!important}
body .us-module-price{margin-bottom:12px}
body .us-module-buttons-link:hover i{color:#231F20!important}

/* Кнопка «В корзину»: в покое белая с рамкой, при наведении на карточку жёлтая */
body .us-module-cart-btn{width:100%;margin:0;padding:10px 0;text-align:center;background:#FFFFFF!important;color:#231F20!important;border:1.5px solid #D7D2CC!important;border-radius:10px;font-size:14px;font-weight:700;text-transform:none;transition:background .15s,border-color .15s}
body .us-module-item:hover .us-module-cart-btn{background:#FFC10D!important;border-color:#FFC10D!important;color:#231F20!important}
body .us-module-item:hover .us-module-cart-btn:hover{background:#FFD24A!important;border-color:#FFD24A!important}
body .us-no-stock .us-module-cart-btn,
body .us-no-stock:hover .us-module-cart-btn{background:#F5F3F0!important;border-color:#E6E2DD!important;color:#5F5955!important}
/* На телефонах и планшетах наведения нет, там кнопка жёлтая всегда */
@media (hover:none){
  body .us-module-cart-btn{background:#FFC10D!important;border-color:#FFC10D!important}
}

/* Количество «− 1 +» */
body .us-product-quantity-btn{background:#F5F3F0;color:#231F20}
body .us-product-quantity-btn:hover{background:#FFC10D!important;color:#231F20!important}
body .us-product-quantity input{color:#231F20;border-color:#E6E2DD}
/* ===== /карточки товаров ===== */


/* ===== Характеристики в карточках списка товаров: короткие плашки со значениями ===== */
body .us-category-attr-cont{display:flex!important;flex-wrap:wrap;gap:6px;margin:8px 0 12px;padding:0;text-align:left}
body .us-category-attr-item{display:inline-flex;padding:3px 9px;background:#F5F3F0;border-radius:6px;color:#433E3A;font-size:12px;font-weight:600;line-height:1.5;white-space:nowrap}
/* Название характеристики скрыто, остаётся значение: «E6013», «3,2 мм», «5 кг» */
body .us-category-attr-item > span:first-child{display:none}
/* ===== /характеристики в карточках ===== */


/* ===== Категория, вид «Список»: одна строка — фото, название с характеристиками, справа цена и кнопка рядом (только компьютер, ширина от 992px) ===== */
@media (min-width:992px){
  body .product-list .us-module-item{display:flex!important;flex-direction:row!important;align-items:center;gap:22px;height:auto;padding:12px 22px}
  body .product-list .us-module-img{flex:0 0 96px;width:96px;margin:0;padding:0}
  body .product-list .us-module-img img{max-height:88px;width:auto;margin:0 auto}
  /* Три колонки: название | цена | кнопка */
  body .product-list .us-module-caption{display:grid!important;flex:1 1 auto;min-width:0;grid-template-columns:minmax(0,1fr) auto 170px;gap:0 22px;align-items:center;margin:0;padding:0}
  body .product-list .us-module-caption > *{grid-column:1;margin-top:0;margin-bottom:0}
  body .product-list .us-module-title{align-self:end;min-height:0;height:auto;overflow:visible;font-size:16px}
  body .product-list .us-category-attr-cont{align-self:start;margin:6px 0 0}
  /* Если у товара нет характеристик, название стоит по центру строки, а не прижато кверху */
  body .product-list .us-module-caption:not(:has(.us-category-attr-cont)) .us-module-title{grid-row:1 / span 5;align-self:center}
  /* Цена слева от кнопки, обе по центру строки */
  body .product-list .us-module-price{grid-column:2;grid-row:1 / span 5;align-self:center;margin:0!important;text-align:right;white-space:nowrap}
  body .product-list .us-module-cart-btn,
  body .product-list .us-product-category-quantity{grid-column:3;grid-row:1 / span 5;align-self:center;width:100%;margin:0}
  /* Надпись на кнопке в одну строку: убираем широкие поля, которые шаблон задаёт кнопке в виде «Список» */
  body .product-list .us-module-item .us-module-cart-btn{display:flex!important;align-items:center;justify-content:center;width:100%!important;min-width:0!important;height:44px!important;padding:0 10px!important;line-height:1.2!important;white-space:nowrap!important}
}
@media (min-width:992px) and (max-width:1199px){
  body .product-list .us-module-caption{grid-template-columns:minmax(0,1fr) auto 140px;gap:0 16px}
  body .product-list .us-module-title{font-size:15px}
}
/* ===== /вид «Список» ===== */


/* ===== Текстовые модули (SEO-текст): рамка, две колонки, пункты строками, нумерация в кружках ===== */
body .us-html-box:not(:has(.arc-hero)):not(:has(.arc-block)){padding:32px 36px;border:1px solid #E6E2DD;border-radius:14px;box-shadow:none}
body .us-html-box:not(:has(.arc-hero)):not(:has(.arc-block)) .us-html-box-text{columns:2 360px;column-gap:64px;column-rule:1px solid #E6E2DD;font-size:15px;line-height:1.6;color:#433E3A}
/* Заголовок и вводный абзац на всю ширину, абзац не шире 820px */
body .us-html-box:not(:has(.arc-hero)):not(:has(.arc-block)) h2,
body .us-html-box:not(:has(.arc-hero)):not(:has(.arc-block)) h2 + p{column-span:all}
body .us-html-box:not(:has(.arc-hero)):not(:has(.arc-block)) h2{margin:0 0 12px;font-size:22px;font-weight:700;line-height:1.3;color:#231F20}
body .us-html-box:not(:has(.arc-hero)):not(:has(.arc-block)) h2 + p{max-width:820px;margin:0 0 28px;font-size:16px;line-height:1.6}
/* Подзаголовки колонок; второй всегда начинает правую колонку */
body .us-html-box:not(:has(.arc-hero)):not(:has(.arc-block)) h3{margin:0 0 6px;font-size:17px;font-weight:700;line-height:1.35;color:#231F20;break-after:avoid}
@media (min-width:992px){
  body .us-html-box:not(:has(.arc-hero)):not(:has(.arc-block)) h3 ~ h3{break-before:column}
}
body .us-html-box:not(:has(.arc-hero)):not(:has(.arc-block)) li,
body .us-html-box:not(:has(.arc-hero)):not(:has(.arc-block)) p{break-inside:avoid}
/* Пункты списков: каждый отдельной строкой с линией, название пункта жирным сверху, пояснение серым ниже */
body .us-html-box:not(:has(.arc-hero)):not(:has(.arc-block)) ul,
body .us-html-box:not(:has(.arc-hero)):not(:has(.arc-block)) ol{margin:0 0 20px;padding:0;list-style:none}
body .us-html-box:not(:has(.arc-hero)):not(:has(.arc-block)) li{position:relative;margin:0;padding:12px 0;border-bottom:1px solid #EFECE8;color:#5F5955;font-size:14.5px;line-height:1.55}
body .us-html-box:not(:has(.arc-hero)):not(:has(.arc-block)) li:last-child{border-bottom:0}
body .us-html-box:not(:has(.arc-hero)):not(:has(.arc-block)) li > a:first-child,
body .us-html-box:not(:has(.arc-hero)):not(:has(.arc-block)) li > b:first-child{display:block;margin-bottom:3px;color:#231F20;font-size:15.5px;font-weight:700;line-height:1.4}
body .us-html-box:not(:has(.arc-hero)):not(:has(.arc-block)) li > a:first-child{width:fit-content}
/* Нумерация преимуществ: жёлтый кружок с цифрой */
body .us-html-box:not(:has(.arc-hero)):not(:has(.arc-block)) ol{counter-reset:arc-num}
body .us-html-box:not(:has(.arc-hero)):not(:has(.arc-block)) ol > li{padding-left:42px;counter-increment:arc-num}
body .us-html-box:not(:has(.arc-hero)):not(:has(.arc-block)) ol > li:before{content:counter(arc-num);position:absolute;left:0;top:13px;width:28px;height:28px;background:#FFC10D;border-radius:50%;color:#231F20;font-size:13px;font-weight:700;line-height:28px;text-align:center}
/* Последний абзац — плашка «Нужна помощь» */
body .us-html-box:not(:has(.arc-hero)):not(:has(.arc-block)) .us-html-box-text > p:last-child{margin:0;padding:14px 16px;background:#F5F3F0;border-radius:10px;color:#433E3A;font-size:14.5px;line-height:1.55}
/* Ссылки */
body .us-html-box:not(:has(.arc-hero)):not(:has(.arc-block)) a{color:#231F20;text-decoration:underline;text-decoration-color:#FFC10D;text-decoration-thickness:2px;text-underline-offset:3px}
body .us-html-box:not(:has(.arc-hero)):not(:has(.arc-block)) a:hover{color:#8A6700}
body .us-html-box:not(:has(.arc-hero)):not(:has(.arc-block)) a[href^="tel:"]{white-space:nowrap}
@media (max-width:767px){
  body .us-html-box:not(:has(.arc-hero)):not(:has(.arc-block)){padding:20px 18px}
  body .us-html-box:not(:has(.arc-hero)):not(:has(.arc-block)) h2 + p{font-size:15px;margin-bottom:22px}
  body .us-html-box:not(:has(.arc-hero)):not(:has(.arc-block)) h3 ~ h3{margin-top:8px}
}
/* ===== /текстовые модули ===== */


/* ===== Информационные страницы (Доставка, О компании, Оплата, Контакты и другие): белая панель и оформление текста ===== */
/* Панель: рамка и скругление, как у остальных блоков сайта */
body .us-content{padding:32px 36px;background:#FFFFFF;border:1px solid #E6E2DD;border-radius:14px;box-shadow:none!important}
/* Текст: удобная длина строки, размер и цвет */
body [id^="information-"] .us-content{color:#433E3A;font-size:15px;line-height:1.65}
body [id^="information-"] .us-content p,
body [id^="information-"] .us-content ul,
body [id^="information-"] .us-content ol,
body [id^="information-"] .us-content h2,
body [id^="information-"] .us-content h3,
body [id^="information-"] .us-content h4{max-width:820px}
body [id^="information-"] .us-content p{margin:0 0 14px;color:#433E3A;font-size:15px;line-height:1.65}
body [id^="information-"] .us-content b,
body [id^="information-"] .us-content strong{color:#231F20;font-weight:700}
/* Заголовки внутри текста */
body [id^="information-"] .us-content h2{margin:30px 0 12px;color:#231F20;font-size:20px;font-weight:700;line-height:1.3}
body [id^="information-"] .us-content h3,
body [id^="information-"] .us-content h4{margin:24px 0 10px;color:#231F20;font-size:17px;font-weight:700;line-height:1.35}
body [id^="information-"] .us-content > *:first-child,
body [id^="information-"] .us-content h2:first-child,
body [id^="information-"] .us-content h3:first-child{margin-top:0}
/* Списки: жёлтые точки вместо чёрных */
body [id^="information-"] .us-content ul{margin:0 0 18px;padding:0;list-style:none}
body [id^="information-"] .us-content ul > li{position:relative;margin:0 0 8px;padding:0 0 0 22px;font-size:15px;line-height:1.6}
body [id^="information-"] .us-content ul > li:before{content:"";position:absolute;left:3px;top:.62em;width:7px;height:7px;background:#FFC10D;border-radius:50%}
body [id^="information-"] .us-content ol{margin:0 0 18px;padding-left:22px}
body [id^="information-"] .us-content ol > li{margin-bottom:8px;padding-left:4px;font-size:15px;line-height:1.6}
/* Ссылки, таблицы, картинки */
body [id^="information-"] .us-content p a,
body [id^="information-"] .us-content li a{color:#231F20;font-weight:600;text-decoration:underline;text-decoration-color:#FFC10D;text-underline-offset:3px}
body [id^="information-"] .us-content p a:hover,
body [id^="information-"] .us-content li a:hover{color:#8A6700}
body [id^="information-"] .us-content table{width:100%;max-width:820px;margin:0 0 20px;border-collapse:collapse}
body [id^="information-"] .us-content th,
body [id^="information-"] .us-content td{padding:10px 14px;border:1px solid #E6E2DD;text-align:left;vertical-align:top}
body [id^="information-"] .us-content th{background:#F5F3F0;color:#231F20;font-weight:700}
body [id^="information-"] .us-content img{max-width:100%;height:auto;border-radius:10px}
@media (max-width:767px){
  body .us-content{padding:20px 18px}
}
/* ===== /информационные страницы ===== */


/* ===== Блоки главной: общая основа (модули «Главная: …») ===== */
.us-html-box:has(.arc-block),
.us-html-box:has(.arc-block) .us-html-box-text{padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
.arc-block{margin:0 0 48px;color:#433E3A;font-size:15px;line-height:1.5;box-sizing:border-box}
.arc-block *{box-sizing:border-box}
body .arc-block a{text-decoration:none!important}
body .arc-block a.arc-btn2{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;border-radius:10px;font-size:15px;font-weight:700;line-height:1.2;text-align:center;transition:background .2s,border-color .2s}
body .arc-block a.arc-btn2--primary{background:#FFC10D;border:1.5px solid #FFC10D;color:#231F20!important}
body .arc-block a.arc-btn2--primary:hover{background:#FFD24A;border-color:#FFD24A}
body .arc-block a.arc-btn2--outline{background:#FFFFFF;border:1.5px solid #D7D2CC;color:#231F20!important}
body .arc-block a.arc-btn2--outline:hover{border-color:#231F20}
/* ===== /общая основа ===== */


/* ===== Главная: SEO-текст со сворачиванием («Читать полностью» / «Свернуть») ===== */
/* Заголовок блока — как у остальных блоков главной: шрифт Unbounded и жёлтая черта */
body .arc-seo h2.arc-seo__title{margin:0 0 20px;color:#231F20;font-family:'Unbounded','Open Sans',sans-serif;font-size:22px;font-weight:600;line-height:1.3}
body .arc-seo h2.arc-seo__title:before{content:"";display:block;width:28px;height:3px;margin-bottom:12px;background:#FFC10D}
/* Белая панель с текстом */
.arc-seo__panel{padding:28px 32px;background:#FFFFFF;border:1px solid #E6E2DD;border-radius:14px}
body .arc-seo p{margin:0 0 12px;color:#433E3A;font-size:15px;line-height:1.65}
body .arc-seo p.arc-seo__lead{margin:0}
body .arc-seo b{color:#231F20;font-weight:700}
/* Кнопка-ссылка «Читать полностью» / «Свернуть» */
.arc-seo__toggle{display:inline-block;margin-top:16px;color:#231F20;font-size:15px;font-weight:700;line-height:1.4;border-bottom:1.5px dashed #FFC10D;cursor:pointer;list-style:none;outline:none;user-select:none}
.arc-seo__toggle::-webkit-details-marker{display:none}
.arc-seo__toggle::marker{content:""}
.arc-seo__toggle:hover{color:#8A6700}
.arc-seo__toggle:focus-visible{outline:2px solid #231F20;outline-offset:4px}
.arc-seo__close{display:none}
.arc-seo__more[open] .arc-seo__open{display:none}
.arc-seo__more[open] .arc-seo__close{display:inline}
/* Раскрытая часть */
.arc-seo__body{padding-top:6px}
/* Три раздела текста стоят колонками на всю ширину панели; на узком экране перестраиваются в две и в одну */
.arc-seo__cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:0 48px}
.arc-seo__col{min-width:0}
body .arc-seo h3{margin:26px 0 10px;color:#231F20;font-size:17px;font-weight:700;line-height:1.35}
body .arc-seo ul{margin:0 0 14px;padding:0;list-style:none}
body .arc-seo ul > li{position:relative;margin:0 0 9px;padding:0 0 0 22px;color:#433E3A;font-size:15px;line-height:1.6}
body .arc-seo ul > li:before{content:"";position:absolute;left:3px;top:.62em;width:7px;height:7px;background:#FFC10D;border-radius:50%}
body .arc-block.arc-seo a{color:#231F20;text-decoration:underline!important;text-decoration-color:#FFC10D!important;text-decoration-thickness:2px!important;text-underline-offset:3px}
body .arc-block.arc-seo a:hover{color:#8A6700}
body .arc-seo a[href^="tel:"]{white-space:nowrap}
/* Марки и названия с дефисом не разрываются на две строки */
.arc-seo .arc-nb{white-space:nowrap}
/* Плашка с контактами в конце текста */
body .arc-seo p.arc-seo__help{margin:22px 0 0;padding:14px 16px;background:#F5F3F0;border-radius:10px}
@media (max-width:767px){
  body .arc-seo h2.arc-seo__title{font-size:18px}
  .arc-seo__panel{padding:20px 18px}
}
/* ===== /SEO-текст со сворачиванием ===== */


/* ===== Главная: популярные марки ===== */
.arc-marks{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:40px}
.arc-marks__label{margin-right:6px;color:#231F20;font-weight:700}
body .arc-block a.arc-chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 14px;background:#FFFFFF;border:1px solid #E6E2DD;border-radius:10px;color:#231F20!important;transition:border-color .2s}
body .arc-block a.arc-chip:hover{border-color:#FFC10D}
.arc-chip b{font-weight:700}
.arc-chip span{color:#5F5955;font-size:13px}
/* ===== /популярные марки ===== */


/* ===== Главная: каталог плитками ===== */
.arc-cat__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
body .arc-block a.arc-tile{display:flex;flex-direction:column;gap:14px;padding:22px;background:#FFFFFF;border:1px solid #E6E2DD;border-radius:14px;color:#231F20!important;transition:border-color .2s}
body .arc-block a.arc-tile:hover{border-color:#FFC10D}
.arc-tile__icon{flex:none;width:56px;height:56px;border-radius:10px;background-color:#FFC10D;background-repeat:no-repeat;background-position:center;background-size:34px 34px}
.arc-tile__body{display:flex;flex-direction:column;gap:6px}
.arc-tile__name{font-size:17px;font-weight:700;line-height:1.3}
.arc-tile__text{color:#5F5955;font-size:14px;line-height:1.45}
.arc-tile__more{margin-top:auto;font-size:14px;font-weight:700}
body .arc-block a.arc-tile--dark{background:#231F20;border-color:#231F20;color:#FFFFFF!important}
.arc-tile--dark .arc-tile__text{color:#CBC5BF}
.arc-tile--dark .arc-tile__more{color:#FFC10D}
.arc-ico-electrode{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23231F20' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 38L33 8M15 41L39 11M21 44L45 14'/%3E%3Cpath d='M9 38l-3 4M15 41l-3 4M21 44l-3 4'/%3E%3C/svg%3E")}
.arc-ico-wire{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23231F20' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='24' cy='24' r='17'/%3E%3Ccircle cx='24' cy='24' r='6'/%3E%3Cpath d='M41 24h5'/%3E%3C/svg%3E")}
.arc-ico-torch{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23231F20' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 41c6-2 10-6 12-12l6-10'/%3E%3Cpath d='M23 15l10-6 7 4-6 10h-9z'/%3E%3Cpath d='M40 13l4-3'/%3E%3C/svg%3E")}
.arc-ico-order{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23231F20' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 10h32v22H22l-9 8v-8H8z'/%3E%3Cpath d='M16 18h16M16 25h10'/%3E%3C/svg%3E")}
@media (max-width:991px){
  .arc-cat__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:575px){
  .arc-cat__grid{grid-template-columns:1fr;gap:10px}
  body .arc-block a.arc-tile{flex-direction:row;align-items:center;padding:14px}
  .arc-tile__more{display:none}
}
/* ===== /каталог плитками ===== */


/* ===== Главная: категории из модуля шаблона «Стена категорий» ===== */
/* Плитки делят строку поровну, сколько бы категорий ни было выбрано */
body .us-categories-wall-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
body .us-categories-wall-row > *{flex:none;width:auto;max-width:none}
/* Сама плитка: белая, рамка, скругление 14px, при наведении жёлтая рамка */
body .us-categories-wall-item{padding:20px 22px;background:#FFFFFF;border:1px solid #E6E2DD;border-radius:14px;box-shadow:none!important;transition:border-color .15s}
body .us-categories-wall-item:hover{border-color:#FFC10D}
/* Картинка слева, название справа */
body .us-categories-wall-top-link{display:flex;align-items:center;gap:18px;text-decoration:none!important}
body .us-categories-wall-img{flex:none;width:96px;max-width:96px;height:auto;margin:0;border-radius:10px}
body .us-categories-wall-item:hover img{opacity:1}
body .us-categories-wall-title{margin:0;color:#231F20!important;font-size:17px;font-weight:700;line-height:1.3;letter-spacing:0;text-align:left;text-decoration:none!important}
body .us-categories-wall-top-link:hover .us-categories-wall-title{color:#8A6700!important}
/* Линия и список подкатегорий (если включены в настройках модуля) */
body .us-categories-wall-item hr{width:100%;margin:16px 0 12px;background-color:#E6E2DD!important}
body .us-categories-wall-link{color:#5F5955;font-size:14px}
body .us-categories-wall-link:hover{color:#8A6700;text-decoration:none}
body .us-categories-wall-btn,
body .us-categories-wall-btn i{color:#231F20}
body .us-categories-wall-btn:hover,
body .us-categories-wall-btn:hover i{color:#8A6700}
/* ===== /стена категорий ===== */


/* ===== Главная: преимущества ===== */
.arc-adv{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#E6E2DD;border:1px solid #E6E2DD;border-radius:14px;overflow:hidden}
.arc-adv__item{display:flex;flex-direction:column;gap:10px;padding:26px;background:#FFFFFF}
.arc-adv__icon{width:34px;height:34px;background-repeat:no-repeat;background-position:center;background-size:34px 34px}
.arc-adv__name{color:#231F20;font-size:16px;font-weight:700;line-height:1.3}
.arc-adv__text{color:#5F5955;font-size:14px;line-height:1.5}
.arc-ico-shield{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23231F20' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M24 6l14 6v12c0 9-6 15-14 18-8-3-14-9-14-18V12z'/%3E%3Cpath d='M18 24l4 4 8-8'/%3E%3C/svg%3E")}
.arc-ico-stock{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23231F20' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 42V18l18-10 18 10v24'/%3E%3Cpath d='M14 42V26h20v16M14 34h20'/%3E%3C/svg%3E")}
.arc-ico-doc{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23231F20' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 6h18l8 8v28H12z'/%3E%3Cpath d='M28 6v10h10M18 26h14M18 34h10'/%3E%3C/svg%3E")}
.arc-ico-truck{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23231F20' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 14h24v20H4zM28 20h8l8 8v6H28'/%3E%3Ccircle cx='12' cy='36' r='3.6'/%3E%3Ccircle cx='36' cy='36' r='3.6'/%3E%3C/svg%3E")}
@media (max-width:991px){
  .arc-adv{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:575px){
  .arc-adv{grid-template-columns:1fr}
  .arc-adv__item{padding:18px}
}
/* ===== /преимущества ===== */


/* ===== Главная: блок «Опт и дилерам» ===== */
.arc-opt{scroll-margin-top:196px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:40px;align-items:center;padding:48px;background:#231F20;border-radius:14px;color:#EEEAE6}
.arc-opt__eyebrow{margin-bottom:14px;color:#FFC10D;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
body .arc-block h2.arc-opt__title{margin:0 0 22px;color:#FFFFFF;font-family:'Unbounded','Open Sans',sans-serif;font-size:26px;font-weight:600;line-height:1.25}
body .arc-block ul.arc-opt__list{display:grid;gap:12px;margin:0;padding:0;list-style:none}
body .arc-block ul.arc-opt__list li{position:relative;margin:0;padding-left:30px;color:#EEEAE6;font-size:16px;line-height:1.45}
.arc-opt__list li:before{content:"";position:absolute;left:0;top:3px;width:18px;height:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23FFC10D' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 25l9 9 19-21'/%3E%3C/svg%3E") no-repeat center/18px 18px}
.arc-opt__card{display:flex;flex-direction:column;gap:14px;padding:28px;background:#FFFFFF;border-radius:14px;color:#433E3A}
.arc-opt__card-title{color:#231F20;font-size:20px;font-weight:800;line-height:1.3}
.arc-opt__note{color:#5F5955;font-size:13px}
body .arc-block a.arc-opt__link{color:#231F20!important;font-weight:700;border-bottom:2px solid #FFC10D}
@media (max-width:991px){
  .arc-opt{grid-template-columns:1fr;gap:28px;padding:36px 28px}
}
@media (max-width:575px){
  .arc-opt{padding:26px 18px;border-radius:14px}
  body .arc-block h2.arc-opt__title{font-size:20px}
  .arc-opt__card{padding:20px}
}
/* ===== /опт и дилерам ===== */


/* ===== Главная: бренды (модуль «Карусель»): белая панель с заголовком, логотипы одной высоты, цветные при наведении ===== */
/* Заголовок блока — как у остальных блоков главной: шрифт Unbounded и жёлтая черта сверху */
body #common-home .col-lg-12:has(> .us-carousel-brands-box):before{content:"Бренды в каталоге";display:block;margin:0 0 24px;padding-top:15px;background:linear-gradient(#FFC10D,#FFC10D) no-repeat 0 0/28px 3px;color:#231F20;font-family:'Unbounded','Open Sans',sans-serif;font-size:22px;font-weight:600;line-height:1.3}
body #common-home .col-lg-12:has(> .us-carousel-brands-box){border:0!important}
/* Панель */
body .us-carousel-brands-box{padding:20px 24px!important;background:#FFFFFF!important;border:1px solid #E6E2DD!important;border-radius:14px!important;box-shadow:none!important}
/* Логотипы: одинаковая высота, серые, при наведении цветные */
body .us-carousel-brands-item{display:flex!important;align-items:center;justify-content:center;height:84px}
body .us-carousel-brands-item a{display:flex;align-items:center;justify-content:center;height:100%}
body .us-carousel-brands-item img{width:auto!important;height:64px!important;max-width:170px!important;object-fit:contain;filter:grayscale(100%)!important;-webkit-filter:grayscale(100%)!important;opacity:.7;transition:filter .2s,opacity .2s}
body .us-carousel-brands-item:hover img{filter:grayscale(0)!important;-webkit-filter:grayscale(0)!important;opacity:1}
@media (max-width:767px){
  body #common-home .col-lg-12:has(> .us-carousel-brands-box):before{font-size:18px}
}
/* ===== /бренды ===== */


/* ===== Главная: склады ===== */
.arc-wh__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.arc-wh__card{display:flex;flex-direction:column;gap:10px;padding:26px;background:#FFFFFF;border:1px solid #E6E2DD;border-radius:14px}
.arc-wh__city{color:#231F20;font-family:'Unbounded','Open Sans',sans-serif;font-size:20px;font-weight:600;line-height:1.3}
.arc-wh__addr{color:#231F20;font-size:16px}
.arc-wh__time{color:#5F5955;font-size:14px}
.arc-wh__phones{display:flex;flex-wrap:wrap;gap:6px 18px}
body .arc-block .arc-wh__phones a{color:#231F20!important;font-size:16px;font-weight:700}
body .arc-block a.arc-wh__link{align-self:flex-start;margin-top:6px;min-height:44px;padding:0 18px;font-size:14px}
@media (max-width:767px){
  .arc-wh__grid{grid-template-columns:1fr}
}
/* ===== /склады ===== */


/* ===== Страница товара: цена, кнопки, покупка в один клик ===== */
body .us-price-actual{padding:0;background:transparent!important;letter-spacing:0}
body .us-product-info-item-link,
body .us-product-link{color:#231F20!important;text-transform:none;text-decoration:underline;text-decoration-color:#FFC10D;text-decoration-thickness:2px;text-underline-offset:3px}
body .us-product-info-item-link:hover,
body .us-product-link:hover{color:#8A6700!important}
body span.us-product-info-is{color:#1F7A3E;font-weight:600}

/* Кнопки «В корзину» и «Быстрый заказ» */
body .us-product-btn{width:260px;max-width:100%;padding:13px;border-radius:10px;font-size:15px;font-weight:700;text-transform:none}
body #button-cart.us-product-btn-active{background:#FFC10D!important;color:#231F20!important}
body #button-cart.us-product-btn-active:hover{background:#FFD24A!important;opacity:1}
body .us-product-btn.button-one-click{margin-top:10px;background:#231F20!important;color:#FFFFFF!important}
body .us-product-btn.button-one-click:hover{background:#433E3A!important}

/* «Купить в один клик»: поле телефона и кнопка */
body .us-product-one-click-text{color:#5F5955}
body #one_click_input{height:44px;border:1.5px solid #D7D2CC;border-right:0;border-radius:10px 0 0 10px;font-size:15px;box-shadow:none}
body .us-product-one-click-btn{height:44px;padding:0 20px!important;background:#231F20!important;color:#FFFFFF!important;border:0;border-radius:0 10px 10px 0}
body .us-product-one-click-btn:disabled{background:#E6E2DD!important;color:#5F5955!important}
/* ===== /цена и кнопки товара ===== */


/* ===== Формы Битрикс24: собственная кнопка формы («Рассчитать заказ» внизу страницы) скрыта, формы открываются нашими кнопками ===== */
body [class*="b24-form-click-btn-wrapper"]{display:none!important}
/* ===== /формы Битрикс24 ===== */


/* ===== Страница товара: пустая полоса над «Производитель» скрыта, когда в ней нет ни рейтинга, ни кнопок ===== */
body .us-product-rating-wishlist:not(:has(*)){display:none!important}
/* ===== /пустая полоса ===== */


/* ===== Страница товара: галерея фото. Раскладка листания задана здесь, чтобы не зависеть от стилей библиотеки шаблона ===== */
/* Главное фото: текущий кадр всегда виден */
body .us-product-slide-box.slick-initialized .slick-slide{display:block!important}
/* Миниатюры: в ряд, а не столбиком */
body .image-additional-list.slick-initialized .slick-list{overflow:hidden}
body .image-additional-list.slick-initialized .slick-track{display:flex!important;align-items:center}
body .image-additional-list.slick-initialized .slick-slide{display:block!important;float:none!important;flex:0 0 auto}
/* ===== /галерея фото ===== */


/* ===== Страница товара, телефон: главное фото 330 × 330px (ширина экрана до 767px) ===== */
@media (max-width:767px){
  /* Шаблон держит под фото не меньше 400px высоты — на телефоне это лишняя пустота */
  body #product-product .us-product-slide-box{min-height:0}
  /* Фото: квадрат 330px по центру, без внутренних полей; на узких экранах уменьшается, оставаясь квадратом */
  body #product-product .us-product-slide-box .us-product-slide img{display:block;width:330px;max-width:100%;height:auto;aspect-ratio:1 / 1;margin:0 auto;padding:0;object-fit:contain}
}
/* ===== /фото на телефоне ===== */


/* ===== Корзина скрыта: вместо неё заявки через формы Битрикс24. Чтобы вернуть корзину, удалите этот блок и поставьте HIDE_CART = false в скрипте ===== */
/* Шапка: корзина и «Оформить заказ» */
body > header > .container > .row > *:has(.header-cart-index),
body > header > .container > .row > *:has(.us-cart-img),
body > header #cart{display:none!important}
/* Телефон: значок корзины в верхней панели */
body #top .container > *:has(#mobile_cart_index){display:none!important}
/* Плавающая корзина у края экрана; если в панели больше ничего нет, скрыта вся панель */
body .oct-fixed-bar-cart{display:none!important}
body .oct-fixed-bar:not(:has(.oct-fixed-bar-item:not(.oct-fixed-bar-cart))){display:none!important}
/* Карточки каталога: на кнопке «Запросить счёт» вместо «В корзину» (у товаров не в наличии надпись шаблона остаётся) */
body .us-module-item:not(.us-no-stock) .us-module-cart-btn{font-size:0!important}
body .us-module-item:not(.us-no-stock) .us-module-cart-btn:after{content:"Запросить счёт";font-size:14px;line-height:1.4}
/* Карточки каталога и главной: скрыт выбор количества «− 1 +» над кнопкой */
body .us-module-item .us-product-quantity{display:none!important}
body .us-module-item .us-product-category-quantity{margin-top:0!important}
/* Страница товара: скрыты «В корзину», количество и «Купить в один клик»; «Запросить счёт» — главная жёлтая кнопка */
body #product-product #button-cart,
body #product-product .us-product-quantity,
body #product-product [class*="us-product-one-click"]{display:none!important}
body #product-product .us-product-btn.button-one-click{margin-top:0;background:#FFC10D!important;color:#231F20!important}
body #product-product .us-product-btn.button-one-click:hover{background:#FFD24A!important}
/* ===== /корзина скрыта ===== */


/* ===== Цена с единицей: «за кг» у электродов, проволоки, прутков и флюса, «за шт» у горелок и остального (работает вместе со скриптом arcline-scripts.js) ===== */
body .arc-unit-kg :is(.us-module-price-actual,.us-module-price-new,.us-price-actual,.us-price-new):after{content:"\0000a0за\0000a0кг";color:#5F5955;font-size:.6em;font-weight:600;letter-spacing:0;white-space:nowrap}
body .arc-unit-pc :is(.us-module-price-actual,.us-module-price-new,.us-price-actual,.us-price-new):after{content:"\0000a0за\0000a0шт";color:#5F5955;font-size:.6em;font-weight:600;letter-spacing:0;white-space:nowrap}
/* ===== /единица цены ===== */


/* ===== Товары без цены (в админке цена меньше 10 тг.): вместо цены «Цена по запросу», на кнопке «Узнать цену» (работает вместе со скриптом arcline-scripts.js) ===== */
/* Карточки: цена скрыта, вместо неё надпись */
body .us-module-item.arc-no-price .us-module-price > :not(.arc-ask){display:none!important}
body .us-module-item .arc-ask{color:#231F20;font-size:16px;font-weight:700;line-height:1.3}
body .us-module-item.arc-no-price:not(.us-no-stock) .us-module-cart-btn:after{content:"Узнать цену"}
/* Страница товара */
body #product-product.arc-no-price .us-price-block > :is(.us-price-actual,.us-price-new,.us-price-old){display:none!important}
body #product-product .us-price-block .arc-ask{color:#231F20;font-size:22px;font-weight:700;line-height:1.3}
body #product-product.arc-no-price .us-product-btn.button-one-click{font-size:0!important}
body #product-product.arc-no-price .us-product-btn.button-one-click:after{content:"Узнать цену";font-size:15px}
/* ===== /товары без цены ===== */


/* ===== Страница товара: кнопка «Спросить в WhatsApp» и подпись под «Запросить счёт» (работает вместе со скриптом arcline-scripts.js) ===== */
body #product-product .arc-prod-ask{width:260px;max-width:100%;margin-top:10px}
body #product-product .arc-prod-ask--solo{margin-top:0}
/* Кнопка: белая с рамкой, размер как у «Запросить счёт» */
body #product-product a.arc-prod-wa{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;min-height:49px;padding:0 10px;background:#FFFFFF;border:1.5px solid #D7D2CC;border-radius:10px;color:#231F20!important;font-size:15px;font-weight:700;line-height:1.2;text-decoration:none!important;white-space:nowrap;transition:border-color .15s}
body #product-product a.arc-prod-wa:before{content:"\f232";margin-right:9px;font-family:"Font Awesome 5 Brands";font-size:20px;font-weight:400;line-height:1}
body #product-product a.arc-prod-wa:hover{border-color:#231F20}
/* Подпись под кнопкой */
body #product-product .arc-prod-note{margin:10px 0 0;color:#5F5955;font-size:13px;line-height:1.45}
body #product-product .arc-prod-note span{display:block}
/* Справа от кнопок свободно — подпись шире кнопок: каждая фраза в свою строку, без разрыва «Пн–Пт» */
body #product-product #product:not(:has(.us-product-action-right)) .arc-prod-note{width:max-content;max-width:min(420px,calc(100vw - 90px))}
/* ===== /товар: WhatsApp и подпись ===== */


/* ===== Страница товара: «Основные характеристики» стоят под кнопками, а не над ними ===== */
body #product-product .us-product-right > .us-product-action{order:2!important}
body #product-product .us-product-right > .us-product-attr{order:3!important;padding-top:20px;border-top:1px solid #E6E2DD}
/* Линия под ценой — того же цвета, что и линия над характеристиками */
body #product-product .us-product-right > .us-product-info{border-bottom-color:#E6E2DD}
/* ===== /характеристики под кнопками ===== */


/* ===== «В избранное» и «Сравнение» скрыты: карточки каталога, страница товара, панель у края экрана ===== */
/* Карточки каталога: значки сердца и сравнения; если быстрого просмотра тоже нет, скрыт весь столбик значков */
body .us-module-buttons-item:has(.us-module-buttons-wishlist),
body .us-module-buttons-item:has(.us-module-buttons-compare){display:none!important}
body .us-module-buttons-list:not(:has(.us-module-buttons-quickview)){display:none!important}
/* Страница товара: кнопки рядом с рейтингом (на случай, если не выключены в настройках шаблона) */
body .us-product-compare-wishlist{display:none!important}
/* Панель у края экрана: в ней были только корзина, избранное и сравнение */
body .oct-fixed-bar{display:none!important}
/* ===== /избранное и сравнение ===== */


/* ===== Телефон: в верхней панели скрыты «Мои желания» и «Сравнение». Чтобы вернуть, удалите этот блок ===== */
body #top .container > *:not(#top-left):not(#top-links):not(#us_menu_mobile_button):not(#dropdown_menu_info):is([class*="wishlist"],[class*="compare"],[href*="wishlist"],[href*="compare"],:has([class*="wishlist"],[class*="compare"],[id*="wishlist"],[id*="compare"],[href*="wishlist"],[href*="compare"],[src*="wishlist"],[src*="compare"],[onclick*="wishlist"],[onclick*="compare"])){display:none!important}
/* ===== /желания и сравнение на телефоне ===== */


/* ===== Телефон: нижняя панель «Каталог · Позвонить · WhatsApp · Заявка» (ширина до 991px, работает вместе со скриптом arcline-scripts.js) ===== */
.arc-bar{display:none}
@media (max-width:991px){
  body .arc-bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:1000;padding-bottom:env(safe-area-inset-bottom);background:#FFFFFF;border-top:1px solid #E6E2DD}
  body .arc-bar a.arc-bar__item{display:flex;flex:1 1 0;flex-direction:column;align-items:center;justify-content:center;min-width:0;height:60px;padding:0 2px;background:transparent;color:#231F20!important;font-size:11px;font-weight:600;line-height:1.2;text-decoration:none!important;-webkit-tap-highlight-color:transparent}
  body .arc-bar a.arc-bar__item:active{background:#F5F3F0}
  /* Значок */
  body .arc-bar .arc-bar__ico{display:flex;align-items:center;justify-content:center;width:46px;height:28px;margin-bottom:4px;border-radius:10px}
  body .arc-bar .arc-bar__ico svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  body .arc-bar .arc-bar__ico--wa:before{content:"\f232";font-family:"Font Awesome 5 Brands";font-size:24px;font-weight:400;line-height:1}
  /* Подпись: тёмно-серая, у «Заявки» чёрная и жирная */
  body .arc-bar .arc-bar__label{overflow:hidden;max-width:100%;color:#5F5955;text-overflow:ellipsis;white-space:nowrap}
  /* «Заявка» — главное действие: значок на жёлтой плашке */
  body .arc-bar .arc-bar__item--lead .arc-bar__ico{background:#FFC10D}
  body .arc-bar .arc-bar__item--lead .arc-bar__label{color:#231F20;font-weight:700}
  /* Место под панель внизу страницы, чтобы она не закрывала подвал */
  body{padding-bottom:calc(61px + env(safe-area-inset-bottom))}
  /* Круглая кнопка связи и кнопка «Наверх» подняты над панелью */
  body #us_fixed_contact_button{bottom:calc(75px + env(safe-area-inset-bottom))}
  body #back-top{bottom:calc(140px + env(safe-area-inset-bottom))}
}
@media print{body .arc-bar{display:none}}
/* ===== /нижняя панель ===== */


/* ===== Личный кабинет скрыт: ссылка в верхней панели и значок на телефоне. Чтобы вернуть, удалите этот блок ===== */
body #top #us-account-dropdown{display:none!important}
/* ===== /личный кабинет ===== */


/* ===== Страница товара: описание и характеристики ===== */
body .us-product-description-cont h2{font-size:20px;line-height:1.3;color:#231F20}
body .us-product-description-cont h3{font-size:17px;line-height:1.35;color:#231F20}
body .us-product-description-cont ul,
body .us-product-description-cont ol{padding-left:22px}
body .us-product-attributes-cont{max-width:760px}
body .us-product-attributes-title{margin-bottom:10px;color:#231F20;font-weight:700}
body .us-product-attributes .us-product-attr-item:not(:last-child){margin-bottom:8px}
/* ===== /описание и характеристики ===== */


/* ===== Контакты: форма Битрикс24 на месте формы шаблона (работает вместе со скриптом arcline-scripts.js) ===== */
body .arc-contact-form{margin:0 0 24px}
body h2.arc-contact-form__title{margin:0 0 8px;color:#231F20;font-family:'Unbounded','Open Sans',sans-serif;font-size:20px;font-weight:600;line-height:1.3}
body .arc-contact-form__note{margin:0 0 16px;color:#5F5955;font-size:14px;line-height:1.5}
/* Форма Битрикс24 без своей рамки и отступов: поля начинаются от края, как заголовок */
body .arc-contact-form :is(.b24-form-wrapper,.b24-form-content,.b24-form-padding-side){max-width:none!important;margin:0!important;padding-left:0!important;padding-right:0!important;border:0!important;box-shadow:none!important;background:transparent!important}
body .arc-contact-form .b24-form-content{padding-top:4px!important;padding-bottom:0!important}
/* Поля: белые, рамка и скругление как у поиска */
body .arc-contact-form .b24-form-control{background:#FFFFFF!important;border:1.5px solid #D7D2CC!important;border-radius:10px!important;box-shadow:none!important;color:#231F20!important}
body .arc-contact-form .b24-form-control:focus{border-color:#231F20!important}
/* Кнопка: жёлтая с тёмным текстом, как остальные кнопки сайта */
body .arc-contact-form .b24-form-btn{background:#FFC10D!important;border:0!important;border-radius:10px!important;box-shadow:none!important;color:#231F20!important;font-size:15px!important;font-weight:700!important}
body .arc-contact-form .b24-form-btn:hover{background:#FFD24A!important}
/* ===== /контакты ===== */


/* ===== Таблицы в описании товара и на информационных страницах: рамки, отступы, заголовок таблицы и подписи столбцов ===== */
body :is(.us-product-description-cont,.us-content) table{width:100%;max-width:760px;margin:0 0 20px;border-collapse:collapse;background:#FFFFFF;font-size:14px;line-height:1.45}
body :is(.us-product-description-cont,.us-content) table :is(td,th){padding:8px 12px;border:1px solid #E6E2DD;color:#433E3A;text-align:left;vertical-align:top}
body :is(.us-product-description-cont,.us-content) table :is(td,th) p{margin:0}
/* Название таблицы — строка в шапке таблицы */
body :is(.us-product-description-cont,.us-content) table :is(thead td,thead th,th){background:#F5F3F0;color:#231F20;font-weight:700}
/* Подписи столбцов — первая строка тела таблицы */
body :is(.us-product-description-cont,.us-content) table tbody tr:first-child td{background:#FAF9F7;color:#231F20;font-weight:600}
/* Телефон: широкая таблица листается вбок, страница не расползается */
@media (max-width:767px){
  body :is(.us-product-description-cont,.us-content) table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
}
/* ===== /таблицы в описаниях ===== */


/* ===== Страница товара: вкладки «Обзор товара» / «Характеристики» (работают вместе со скриптом arcline-scripts.js) ===== */
body .us-product-nav-item span,
body .us-product-nav-item span:hover,
body .us-product-nav-item-active span,
body .us-product-nav-item-active span:hover{font-size:16px;text-decoration:none}
body .us-product-nav-item span{color:#5F5955}
body .us-product-nav-item span:hover,
body .us-product-nav-item-active span{color:#231F20;font-weight:600}
body .us-product-nav-item-active span:after,
body .us-product-nav-item span:hover:after{border-color:#FFC10D}
.us-product.arc-tabs:not(.arc-tab-attr) #us-product-attributes{display:none}
.us-product.arc-tabs.arc-tab-attr > .us-product-description-nav + .us-product-description-cont{display:none}
.us-product.arc-tabs #us-product-attributes{padding-top:0;border-top:0}
.us-product.arc-tabs #us-product-attributes > .us-page-main-title{display:none}
/* ===== /вкладки товара ===== */


/* ===== Плавающая корзина у края экрана: фирменный чёрный вместо сине-серого ===== */
body .oct-fixed-bar-item,
body .oct-fixed-bar-link{background-color:#231F20!important}
body .oct-fixed-bar-link i{color:#FFFFFF!important}
/* ===== /плавающая корзина ===== */


/* ===== Категория: страница без общей белой подложки, блоки отдельными белыми панелями ===== */
body .us-category-content{padding:0;background:transparent!important}

/* Боковое меню категорий: белая панель с заголовком, активный раздел подсвечен */
body .us-categories-box{padding:16px;background:#FFFFFF;border:1px solid #E6E2DD;border-radius:14px}
body .us-categories-box:before{content:"Категории";display:block;margin:2px 12px 10px;color:#231F20;font-size:16px;font-weight:700}
body .us-categories-item{margin-bottom:2px;letter-spacing:0}
body .us-categories-children > li:first-child{margin-top:2px}
body .us-categories-item > span{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px;border-radius:10px;transition:background .15s}
body .us-categories-item > span:hover{background:#F5F3F0}
body .us-categories-item a,
body .us-categories-item a:hover{color:#231F20!important;text-decoration:none}
body .us-categories-item.active > span a{color:#231F20!important;font-weight:700}
body .us-categories-box:not(.arc-has-cur) .us-categories-item.active:not(:has(.us-categories-item.active)) > span{background:#FFEFB8}
/* текущий раздел на любом уровне — класс ставит скрипт «Левое меню категорий» */
body .us-categories-box .arc-cur-row{background:#FFEFB8!important}
body .us-categories-box .arc-cur-row a,
body .us-categories-box a.arc-cur-link{color:#231F20!important;font-weight:700}
body .us-categories-box a.arc-cur-link{display:block;margin:0 -12px;padding:7px 12px;background:#FFEFB8;border-radius:10px}

/* Подкатегории плитками */
body .subcat-item{height:100%;padding:16px 12px;background:#FFFFFF;border:1px solid #E6E2DD;border-radius:14px;color:#231F20;text-decoration:none!important;transition:border-color .2s}
body .subcat-item:hover{border-color:#FFC10D}
body .subcat-item-title{margin-top:8px;color:#231F20;font-weight:600;text-align:center}

/* Подкатегории: компактные плашки в строку — маленькая картинка слева, название справа */
body .us-subcategory .subcat-row:not(.slick-initialized){display:flex;flex-wrap:wrap;gap:10px;margin:0 0 16px}
body .us-subcategory .subcat-row:not(.slick-initialized) > .us-item{flex:0 0 auto;width:auto;max-width:100%;padding:0}
body .us-subcategory .subcat-item{flex-direction:row!important;align-items:center!important;gap:12px;height:auto;padding:8px 18px 8px 8px;border-radius:10px}
body .us-subcategory .subcat-item-img{flex:none;width:44px;height:44px;object-fit:contain;border-radius:8px}
body .us-subcategory .subcat-item-title{margin:0;font-size:14px;line-height:1.3;text-align:left}

/* Панель сортировки */
body .us-category-sort-block{align-items:center;margin-bottom:16px;padding:10px 14px;background:#FFFFFF;border:1px solid #E6E2DD;border-radius:14px}
body .sort-select,
body .limit-select{height:40px;padding:0 10px;background:#FFFFFF;border:1.5px solid #D7D2CC;border-radius:10px;color:#231F20;font-size:14px}

/* ===== /категория ===== */


/* ===== Единые скругления на всех страницах: 14px у блоков, 10px у кнопок и полей ===== */
body .us-reviews-block,
body .us-news-block,
body .us-module-column-box-content,
body .modal-content,
body .us-advantages-box{border-radius:14px}
body .us-module-btn,
body .form-control,
body .us-acc-select,
body .us-category-appearance-btn,
body .pagination li a,
body .pagination li span,
body .header-dropdown-menu,
body .nav-dropdown-menu,
body [class*="ocf-btn"]{border-radius:10px}
body .btn-group.us-product-quantity{border:1px solid #D7D2CC;border-radius:10px;overflow:hidden}
body .us-product-quantity input{border:0}
/* ===== /единые скругления ===== */


/* ===== Фильтр (OCFilter): единая белая панель с разделителями, фирменные цвета ===== */
/* Панель */
@media (min-width:992px){
  body .ocf-container .ocf-content{padding:0;background:#FFFFFF;border:1px solid #E6E2DD;border-radius:14px}
}
body .ocf-container .ocf-header{margin:0;padding:16px 20px 14px;border-bottom:1px solid #E6E2DD;color:#231F20;font-size:16px;font-weight:700}

/* Группы («Вес», «Диаметр»…): без отдельных плашек, между ними тонкая линия */
body .ocf-container .ocf-filter{margin:0!important;background:transparent!important;border:0!important;border-bottom:1px solid #E6E2DD!important;border-radius:0!important;box-shadow:none!important}
body .ocf-container .ocf-filter:last-child{border-bottom:0!important}
body .ocf-container .ocf-filter-name{color:#231F20;font-weight:700}
body .ocf-container .ocf-value-name{color:#231F20}
body .ocf-container .ocf-value-count{background:#F5F3F0!important;color:#5F5955!important}

/* Флажок: выбранный жёлтый с чёрной галочкой */
body .ocf-container .ocf-value-input{border-color:#BDB7B0!important;border-radius:4px}
body .ocf-container .ocf-value.ocf-selected .ocf-value-input-checkbox{background:#FFC10D url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23231F20' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 8.5l3 3 6-7'/%3E%3C/svg%3E") center/12px 12px no-repeat!important;border-color:#FFC10D!important}
body .ocf-container .ocf-value.ocf-selected .ocf-value-input-checkbox:before,
body .ocf-container .ocf-value.ocf-selected .ocf-value-input-checkbox:after{display:none!important}
body .ocf-container .ocf-value.ocf-selected .ocf-value-name{font-weight:700}

/* Ползунок цены */
body .ocf-noUi-connect{background:#FFC10D!important}
body .ocf-noUi-handle{background:#231F20!important;border-color:#231F20!important;box-shadow:none!important}

/* Кнопка «Показать N товаров»: жёлтая, пока ничего не выбрано — серая */
body .ocf-btn.ocf-search-btn-static,
body .ocf-btn.ocf-search-btn-popover,
body .ocf-popover .ocf-btn{min-height:44px;background:#FFC10D!important;border:0!important;border-radius:10px!important;color:#231F20!important;font-weight:700;box-shadow:none!important}
body .ocf-btn.ocf-search-btn-static:hover,
body .ocf-btn.ocf-search-btn-popover:hover,
body .ocf-popover .ocf-btn:hover{background:#FFD24A!important}
body .ocf-btn.ocf-search-btn-static:disabled,
body .ocf-btn.ocf-search-btn-static.ocf-disabled{background:#F5F3F0!important;color:#5F5955!important;font-weight:400}
body .ocf-popover{border-radius:10px!important}

/* Нижняя полоса с кнопками: ровно по ширине панели, без тени; при прокрутке остаётся внизу экрана */
body .ocf-container .ocf-footer{left:auto!important;right:auto!important;width:auto!important;margin:0!important;padding:14px 20px!important;background:#FFFFFF!important;border-top:1px solid #E6E2DD;border-radius:0 0 13px 13px!important;box-shadow:none!important}
body .ocf-container .ocf-between{display:flex;align-items:center;gap:10px}
body .ocf-container .ocf-footer .ocf-search-btn-static{flex:1 1 auto;margin:0!important}

/* «Сбросить»: скрыта, пока ничего не выбрано; после выбора — кнопка с рамкой */
body .ocf-container .ocf-footer .ocf-btn-link{flex:0 0 auto;min-height:44px;margin:0!important;padding:0 16px!important;background:#FFFFFF!important;border:1.5px solid #D7D2CC!important;border-radius:10px!important;color:#231F20!important;text-decoration:none!important}
body .ocf-container .ocf-footer .ocf-btn-link:hover{border-color:#231F20!important}
body .ocf-container .ocf-footer .ocf-btn-link.ocf-disabled{display:none!important}
/* ===== /фильтр ===== */


/* ===== Боковой блок «Рекомендуем»: белая панель, как меню и фильтр; круглые стрелки ===== */
body .us-module-column-box{padding:16px;background:#FFFFFF;border:1px solid #E6E2DD;border-radius:14px}
body .us-module-column-box > *:not(button),
body .us-module-column-box .us-module-column-box-content{background:transparent!important}
body .us-module-column-box > *:first-child:not(.us-module-column-box-content){margin:0 0 12px;padding:0;border:0}
/* Заголовок блока («Рекомендуем»): без серой подложки, как заголовки «Категории» и «Фильтр» */
body #column-left .us-module-column-box > .panel-heading,
body #column-right .us-module-column-box > .panel-heading,
body .us-module-column-box > .panel-heading{margin:2px 0 12px!important;padding:0!important;background:transparent!important;border:0!important;color:#231F20!important;font-size:16px;font-weight:700;line-height:1.4;letter-spacing:0;text-transform:none}
body .us-module-column-box .us-main-shop-title{margin-bottom:12px;font-size:16px}
body .us-module-column-box .us-main-shop-title:before{display:none}
body .us-module-column-box .us-module-item{padding:0;margin-bottom:0;border:0!important;border-radius:0!important}

/* Стрелки листания */
body .us-column-module-btn{display:flex;align-items:center;justify-content:center;top:calc(50% - 16px);z-index:2;width:32px;height:32px;padding:0;background:#FFFFFF;border:1px solid #D7D2CC;border-radius:50%;color:#231F20;font-size:11px}
body .us-column-module-prev{left:8px}
body .us-column-module-next{right:8px}
body .us-column-module-btn:hover{background:#FFC10D;border-color:#FFC10D;color:#231F20}
/* ===== /боковой блок ===== */


/* ===== Подвал: номер телефона в цвет остальных ссылок, при наведении фирменный жёлтый ===== */
body .us-footer-phone-btn{font-size:18px}
body .us-footer-phone-btn,
body .us-footer-phone-btn i{color:#CBC5BF!important;transition:color .15s}
body .us-footer-phone-btn:hover,
body .us-footer-phone-btn:hover i{color:#FFC10D!important}
/* ===== /подвал ===== */


/* ===== Категория, низ страницы: «Показать ещё», пагинация, описание в стиле SEO-блока главной ===== */
/* Кнопка «Показать ещё»: форма как у остальных жёлтых кнопок сайта */
body .oct-load-more{margin:8px 0 4px}
body .us-module-btn.oct-load-more-button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 28px;background:#FFC10D!important;border:0!important;border-radius:10px!important;box-shadow:none!important;color:#231F20!important;font-size:15px;font-weight:700;line-height:1.2;text-transform:none;transition:background .15s}
body .us-module-btn.oct-load-more-button i{margin-right:10px;color:#231F20!important;font-size:16px}
body .us-module-btn.oct-load-more-button:hover{background:#FFD24A!important;color:#231F20!important}

/* Пагинация: белые кнопки, текущая страница жёлтая с чёрной цифрой */
body .pagination li a,
body .pagination li span{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;margin:0 3px;padding:0 8px;background:#FFFFFF!important;border:1px solid #E6E2DD!important;border-radius:10px!important;color:#231F20!important;font-size:14px;font-weight:600}
body .pagination li a:hover{border-color:#231F20!important}
body .pagination li.active a,
body .pagination li.active span{background:#FFC10D!important;border-color:#FFC10D!important;color:#231F20!important}

/* Описание категории: белая панель, как SEO-блок на главной; картинка раздела скрыта */
body .us-category-description{margin-top:32px;padding:28px 32px;background:#FFFFFF;border:1px solid #E6E2DD;border-radius:14px}
body .us-category-description > .d-flex{display:block!important}
body .us-category-description-img{display:none}
/* Затухание текста перед «Читать полностью» — в белый цвет панели */
body .us-category-description-opacity{background:linear-gradient(rgba(255,255,255,0),#FFFFFF 90%)!important}

/* Текст: размер и цвет как на главной */
body .us-category-description-text{color:#433E3A;font-size:15px;line-height:1.65}
body .us-category-description-text :is(p,li,span,div,td){color:#433E3A!important}
body .us-category-description-text p{margin:0 0 12px;font-size:15px;line-height:1.65}
body .us-category-description-text :is(b,strong){color:#231F20!important;font-weight:700}
/* Первый заголовок — как заголовок блока на главной: шрифт Unbounded и жёлтая черта сверху */
body .us-category-description-text > :is(h1,h2,h3):first-child{margin:0 0 16px;color:#231F20!important;font-family:'Unbounded','Open Sans',sans-serif;font-size:22px;font-weight:600;line-height:1.3}
body .us-category-description-text > :is(h1,h2,h3):first-child:before{content:"";display:block;width:28px;height:3px;margin-bottom:12px;background:#FFC10D}
/* Подзаголовки разделов */
body .us-category-description-text :is(h1,h2,h3,h4){margin:26px 0 10px;color:#231F20!important;font-size:17px;font-weight:700;line-height:1.35}
body .us-category-description-text :is(h1,h2,h3,h4) span{color:#231F20!important}
/* Списки: жёлтые точки, нумерация в жёлтых кружках */
body .us-category-description-text ul{margin:0 0 14px;padding:0;list-style:none}
body .us-category-description-text ul > li{position:relative;margin:0 0 9px;padding:0 0 0 22px;font-size:15px;line-height:1.6}
body .us-category-description-text ul > li:before{content:"";position:absolute;left:3px;top:.62em;width:7px;height:7px;background:#FFC10D;border-radius:50%}
body .us-category-description-text ol{margin:0 0 14px;padding:0;list-style:none;counter-reset:arc-ol}
body .us-category-description-text ol > li{position:relative;margin:0 0 9px;padding:0 0 0 34px;font-size:15px;line-height:1.6;counter-increment:arc-ol}
body .us-category-description-text ol > li:before{content:counter(arc-ol);position:absolute;left:0;top:.15em;display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:#FFC10D;border-radius:50%;color:#231F20;font-size:12px;font-weight:700;line-height:1}
/* Разделительная линия */
body .us-category-description-text hr{margin:22px 0;border:0;border-top:1px solid #E6E2DD}
/* Таблицы в описании: тонкие линии, шапка на светло-сером фоне; на телефоне листаются вбок */
body .us-category-description-text .arc-table{overflow-x:auto;margin:0 0 16px;-webkit-overflow-scrolling:touch}
body .us-category-description-text table{width:100%;min-width:560px;margin:0 0 16px;border-collapse:collapse;font-size:14px;line-height:1.5}
body .us-category-description-text .arc-table table{margin:0}
body .us-category-description-text :is(th,td){padding:10px 12px;border:1px solid #E6E2DD;text-align:left;vertical-align:top}
body .us-category-description-text th{background:#F5F3F0;color:#231F20!important;font-weight:700}
/* Ссылки: тёмные с жёлтым подчёркиванием */
body .us-category-description-text a{color:#231F20!important;font-weight:600;text-decoration:underline;text-decoration-color:#FFC10D;text-decoration-thickness:2px;text-underline-offset:3px}
body .us-category-description-text a:hover{color:#8A6700!important}

/* Заголовок описания вынесен скриптом над панелью — как заголовок SEO-блока на главной */
body .arc-cat-title{margin:32px 0 20px}
body .arc-cat-title > :is(h1,h2,h3){margin:0!important;color:#231F20!important;font-family:'Unbounded','Open Sans',sans-serif;font-size:22px!important;font-weight:600;line-height:1.3}
body .arc-cat-title > :is(h1,h2,h3) span{color:#231F20!important}
body .arc-cat-title > :is(h1,h2,h3):before{content:"";display:block;width:28px;height:3px;margin-bottom:12px;background:#FFC10D}
body .us-category-description.arc-cat-has-title{margin-top:0}
/* В свёрнутом виде виден только первый абзац целиком, без затухания — как на главной */
body .arc-cat-lead .us-category-description-cont:not(.expanded){max-height:var(--arc-lead)!important;overflow:hidden}
body .arc-cat-lead .us-category-description-opacity{display:none!important}
body .us-category-description-cont.expanded{max-height:none!important}

/* «Читать полностью» / «Свернуть»: как на главной — жирный текст с жёлтым пунктиром под всей надписью, без стрелки, от левого края текста */
body .us-category-description .us-show-more,
body .us-category-description .us-show-more.with-thumb{margin:16px 0 0!important;padding:0!important;text-align:left}
body .us-show-more-link{display:inline-block;margin:0!important;padding:0!important;color:#231F20!important;font-size:15px;font-weight:700;line-height:1.4;text-decoration:none!important;border:0!important;border-bottom:1.5px dashed #FFC10D!important;cursor:pointer;user-select:none}
body .us-show-more-link > span{color:#231F20!important;font-size:15px;font-weight:700;line-height:1.4;text-decoration:none!important;border:0!important}
body .us-show-more-link > i{display:none!important}
body .us-show-more-link:hover,
body .us-show-more-link:hover > span{color:#8A6700!important}
body .us-show-more-link .us-show-more-expand{font-size:0!important}
body .us-show-more-link .us-show-more-expand:after{content:"Читать полностью";font-size:15px}

@media (max-width:767px){
  body .us-category-description{padding:20px 18px}
  body .us-category-description-text > :is(h1,h2,h3):first-child{font-size:18px}
  body .arc-cat-title > :is(h1,h2,h3){font-size:18px!important}
}
/* ===== /низ категории ===== */

/* ===== Описание товара: кнопка «Читать полностью» ===== */
body .arc-more:not(.open){display:none}
body .arc-more-btn{display:inline-flex;align-items:center;gap:10px;margin:12px 0 4px;padding:10px 18px;border:1px solid #E5E7EB;border-radius:10px;background:#fff;color:#1F2937;font-size:15px;font-weight:500;line-height:1.2;cursor:pointer;transition:background .2s,border-color .2s}
body .arc-more-btn:hover,body .arc-more-btn:focus-visible{background:#FFEFB8;border-color:#F2C200;outline:none}
body .arc-more-btn:after{content:'';width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-3px) rotate(45deg);transition:transform .2s}
body .arc-more-btn[aria-expanded="true"]:after{transform:translateY(2px) rotate(-135deg)}
@media print{body .arc-more{display:block!important}body .arc-more-btn{display:none}}
/* ===== /кнопка «Читать полностью» ===== */

/* ===== Карточка товара: переключатель диаметров и фасовки ===== */
body .arc-variants{margin:14px 0 6px}
body .arc-variants-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
body .arc-variants-row + .arc-variants-row{margin-top:10px}
body .arc-variants-label{min-width:96px;font-size:13px;color:#6B6560}
body .arc-variants-list{display:flex;flex-wrap:wrap;gap:6px}
body .arc-variant{display:inline-flex;align-items:center;justify-content:center;min-width:48px;height:36px;padding:0 12px;border:1px solid #E0DBD5;border-radius:8px;background:#fff;color:#231F20;font-size:14px;font-weight:600;text-decoration:none;transition:border-color .2s,background .2s}
body a.arc-variant:hover{border-color:#F2C200;background:#FFF8DC;color:#231F20;text-decoration:none}
body .arc-variant.is-active{border-color:#F2C200;background:#FFD21F;cursor:default}
/* ===== /переключатель диаметров ===== */

/* ===== Характеристики: на компьютере — в две колонки, группы не разрываются ===== */
@media (min-width:992px){
body .us-product.arc-tabs.arc-tab-attr #us-product-attributes{column-count:2;column-gap:56px}
body #us-product-attributes .us-product-attributes-cont{max-width:none;break-inside:avoid;-webkit-column-break-inside:avoid;page-break-inside:avoid;padding-bottom:18px}
body .us-product.arc-tabs.arc-tab-attr #us-product-attributes{max-width:none;width:100%}
body #us-product-attributes .us-product-attributes-cont,body #us-product-attributes .us-product-attr-item{width:100%!important;max-width:none!important;flex:none!important}
body #us-product-attributes .us-product-attr-item > span:last-child{max-width:60%;text-align:right}
}
/* ===== /характеристики в две колонки ===== */

/* ===== PageSpeed: иконки FontAwesome с font-display:swap =====
   Переопределяем @font-face темы с теми же файлами, но с swap: текст не ждёт загрузки иконок.
   Объявлены имена FA6 и FA5 — какое использует тема, то и сработает, лишнее ничего не грузит. */
@font-face{font-family:'Font Awesome 6 Free';font-style:normal;font-weight:900;font-display:swap;src:url('/catalog/view/theme/oct_ultrastore/stylesheet/webfonts/fa-solid-900.woff2') format('woff2')}
@font-face{font-family:'Font Awesome 6 Free';font-style:normal;font-weight:400;font-display:swap;src:url('/catalog/view/theme/oct_ultrastore/stylesheet/webfonts/fa-regular-400.woff2') format('woff2')}
@font-face{font-family:'Font Awesome 6 Brands';font-style:normal;font-weight:400;font-display:swap;src:url('/catalog/view/theme/oct_ultrastore/stylesheet/webfonts/fa-brands-400.woff2') format('woff2')}
@font-face{font-family:'Font Awesome 5 Free';font-style:normal;font-weight:900;font-display:swap;src:url('/catalog/view/theme/oct_ultrastore/stylesheet/webfonts/fa-solid-900.woff2') format('woff2')}
@font-face{font-family:'Font Awesome 5 Free';font-style:normal;font-weight:400;font-display:swap;src:url('/catalog/view/theme/oct_ultrastore/stylesheet/webfonts/fa-regular-400.woff2') format('woff2')}
@font-face{font-family:'Font Awesome 5 Brands';font-style:normal;font-weight:400;font-display:swap;src:url('/catalog/view/theme/oct_ultrastore/stylesheet/webfonts/fa-brands-400.woff2') format('woff2')}
/* ===== /PageSpeed FontAwesome ===== */