/* Start:/local/components/hs/catalog.page/templates/.default/style.css?179450112325926*/
.hs-catalog{max-width:1280px;margin:32px auto 80px;padding:0;font:14px/1.5 Arial,sans-serif;color:#111}.hs-catalog *{box-sizing:border-box}.hs-catalog a:not(.hs-primary){color:inherit;text-decoration:none}.hs-catalog h1{font-size:36px;text-transform:uppercase;letter-spacing:-1px;margin:24px 0}.hs-breadcrumb{font-size:12px;color:#6a6a6a}.hs-sort{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-bottom:24px}.hs-sort select,.hs-sort button{background:transparent;border:1px solid #aaa;padding:9px;max-width:100%}.hs-size-list{display:flex;gap:4px;flex-wrap:wrap;min-height:28px;margin-top:10px}.hs-size-list span{border:1px solid #ddd;font-size:10px;padding:1px 5px}.hs-filter fieldset{border:0;padding:14px 0;border-bottom:1px solid #ccc;margin:0}.hs-filter legend{font-weight:bold;padding-top:12px}.hs-filter-option{display:block;margin:6px 0;font-size:12px}.hs-filter input[type=checkbox]{accent-color:#111}.hs-price-range{display:flex;gap:8px}.hs-price-range label{width:50%;font-size:12px}.hs-price-range input{width:100%;padding:8px;background:transparent;border:1px solid #aaa}.hs-primary{display:inline-block;background:#111;color:#BDFF00;border:0;padding:14px 22px;cursor:pointer}.hs-reset{display:block;text-align:center;margin:12px}.hs-segment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.hs-segment-card{min-height:160px;background:#111;color:#BDFF00!important;padding:24px;font-size:24px;font-weight:bold;display:flex;justify-content:space-between;align-items:end}.hs-catalog button:focus-visible,.hs-catalog a:focus-visible,.hs-catalog input:focus-visible,.hs-catalog select:focus-visible{outline:2px solid #99bc00;outline-offset:3px}@media(max-width:799px){.hs-catalog{margin-top:20px}.hs-catalog h1{font-size:28px}.hs-filter fieldset{padding:12px 0}.hs-sort{justify-content:flex-start;flex-wrap:wrap}.hs-sort label{max-width:100%}.hs-sort select{max-width:270px}.hs-segment-grid{grid-template-columns:1fr 1fr}.hs-segment-card{font-size:18px;min-height:120px;padding:16px}}
/* Ширина как у шапки (.hs-wrap в site.css): 1280, поля 40px до 1350px и 16px до 900px — края каталога и выпадающего меню совпадают. */
@media(max-width:1350px){.hs-catalog{margin-left:40px;margin-right:40px}}
@media(max-width:900px){.hs-catalog{margin-left:16px;margin-right:16px}}

.hs-sliders{display:grid;gap:6px}.hs-filter input[type=range]{padding:0;width:100%}.hs-unit select{padding:10px;width:100%;margin-top:10px}[hidden]{display:none!important}

/* Макет Figma «Каталог»: вкладки категорий, строка «Фильтры / Сортировка», сетка 4 в ряд, панель фильтров слева */
.hs-hscroll--nav{margin:20px 0 28px}.hs-category-nav{overscroll-behavior-x:contain;display:flex;gap:28px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0;padding:0;border:0}.hs-category-nav::-webkit-scrollbar{display:none}.hs-category-nav a{flex:none;padding:0;border:0;font-size:32px;line-height:1.25;text-transform:uppercase;letter-spacing:.02em;color:#6a6a6a;white-space:nowrap}.hs-catalog .hs-category-nav a{color:#6a6a6a}.hs-catalog .hs-category-nav a:hover,.hs-catalog .hs-category-nav a[aria-current]{color:#111}.hs-category-nav a[aria-current]{font-weight:700}
.hs-catalog-layout{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;gap:0 24px;align-items:center}.hs-results{display:contents}.hs-results>*{grid-column:1/-1;margin-top:24px}.hs-results>.hs-sort{grid-column:4;grid-row:1;margin:0}.hs-catalog-layout>aside{grid-column:1;grid-row:1}.hs-results>.hs-hscroll--chips{grid-column:3;grid-row:1;margin:0}
.hs-sort select{border:0;padding:8px 4px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}

.hs-filter>summary{list-style:none;display:inline-block;padding:8px 0;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;cursor:pointer}.hs-filter>summary::-webkit-details-marker{display:none}
.hs-filter:not([open])>form{display:none}
.hs-filter[open]>form{display:block;position:fixed;z-index:60;top:0;left:0;bottom:0;width:390px;max-width:100vw;overflow:auto;background:#fff;padding:24px 24px 0}.hs-filter[open]::after{content:"";position:fixed;inset:0;z-index:59;background:rgba(0,0,0,.6)}body:has(.hs-filter[open]){overflow:hidden}
.hs-filter-close{position:sticky;top:0;display:block;width:32px;height:32px;margin:0 0 0 auto;background:#fff;border:0;font-size:28px;line-height:1;z-index:1}
.hs-filter legend{font-size:12px;text-transform:uppercase;letter-spacing:.04em}
.hs-filter-actions{position:sticky;bottom:0;display:flex;gap:16px;margin-top:16px;padding:16px 0 24px;background:#fff}.hs-filter-actions .hs-reset,.hs-filter-actions .hs-primary{flex:1;margin:0;padding:16px 12px;text-align:center;text-transform:uppercase;font-weight:700;font-size:13px}.hs-filter-actions .hs-reset{border:1px solid #111;display:flex;align-items:center;justify-content:center}
@media(max-width:1099px){}
@media(max-width:799px){.hs-hscroll--nav{margin:12px 0 20px}.hs-category-nav{gap:18px}.hs-category-nav a{font-size:22px}.hs-filter[open]>form{width:100vw}}

/* Чипы выбранных фильтров, счётчик и свои чекбоксы — Figma «Каталог» 04/05 */
.hs-chips{display:flex;flex-wrap:nowrap;gap:8px;min-width:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.hs-chips::-webkit-scrollbar{display:none}.hs-chips:focus-visible{outline:2px solid #111;outline-offset:2px}.hs-chips>.hs-chip{flex:none}
.hs-chip{display:inline-flex;align-items:center;gap:10px;border:1px solid #111;border-radius:40px;padding:7px 14px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.hs-chip:hover{background:#111;color:#fff}.hs-chip span[aria-hidden]{font-size:14px;line-height:1}
.hs-filter-count{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:6px;border-radius:50%;background:#111;color:#BDFF00;font-size:10px}
.hs-filter input[type=checkbox]{appearance:none;-webkit-appearance:none;width:16px;height:16px;margin:0 8px 0 0;border:1px solid #111;background:#fff;display:inline-grid;place-items:center;vertical-align:-3px}.hs-filter input[type=checkbox]:checked::after{content:"";width:8px;height:8px;background:#111}
.hs-filter-option{display:flex;align-items:center;font-size:13px;margin:2px 0;padding:8px;cursor:pointer}
/* Выбранное значение и наведение — лайм #BDFF00 на чёрном (контраст 15:1; лайм на белом панели нечитаем) */
.hs-filter .hs-filter-option:hover,.hs-filter .hs-filter-option:has(input:checked),.hs-filter .hs-filter-option:focus-within{background:#000;color:#BDFF00}
.hs-filter .hs-filter-option:has(input:checked) input[type=checkbox]{border-color:#BDFF00}
.hs-unit select option:checked{background:#000;color:#BDFF00}

.hs-catalog .hs-chip:hover{background:#000;color:#BDFF00}
/* Сортировка (Figma «Каталог/01», «18-Сортировка») и переключатель «Наличие в магазине» */
.hs-sort{position:relative;display:block;margin-bottom:0}
.hs-catalog .hs-sort .hs-sort-trigger{background:transparent;border:0;padding:8px 4px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;display:inline-flex;align-items:center;gap:8px;max-width:100%;color:#111}
.hs-sort .hs-sort-current{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hs-sort .hs-sort-label{display:none}
.hs-sort-panel{position:absolute;right:0;top:100%;z-index:30;min-width:280px;background:#fff;border:1px solid #111;box-shadow:0 12px 18px #0001;padding:8px 0}
.hs-sort-head{display:none}
.hs-sort-option{display:flex;align-items:center;gap:12px;padding:10px 16px;font-size:13px;white-space:nowrap}
.hs-sort-box{flex:none;width:16px;height:16px;border:1px solid #111;background:#fff;display:inline-grid;place-items:center}
.hs-sort-option[aria-selected=true] .hs-sort-box::after{content:"";width:8px;height:8px;background:#111}
.hs-catalog .hs-sort-option:hover,.hs-catalog .hs-sort-option:focus-visible,.hs-catalog .hs-sort-option[aria-selected=true]{background:#000;color:#BDFF00;outline:0}
.hs-catalog .hs-sort-option[aria-selected=true] .hs-sort-box{border-color:#BDFF00}
.hs-catalog a.hs-avail-toggle{display:inline-flex;align-items:center;gap:10px;grid-column:2;grid-row:1;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;color:#111}
.hs-switch{position:relative;display:inline-block;width:36px;height:20px;border-radius:10px;background:#d4d4d4;transition:background .15s}
.hs-switch::after{content:"";position:absolute;left:2px;top:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0004;transition:transform .15s}
.hs-avail-toggle[aria-checked=true] .hs-switch{background:#BDFF00}.hs-avail-toggle[aria-checked=true] .hs-switch::after{transform:translateX(16px);background:#000}
/* Пагинация и «Показать ещё» */
.hs-pager{grid-column:1/-1;display:grid;justify-items:center;gap:28px;margin:60px 0 0}
.hs-load-more{border:1px solid #111;padding:16px 44px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.hs-load-more:hover{background:#111;color:#BDFF00}
.hs-pager-numbers{display:flex;align-items:center;gap:18px;font-size:13px}.hs-pager-numbers [aria-current]{font-weight:700;text-decoration:underline;text-underline-offset:5px}.hs-pager-numbers span[aria-hidden]{color:#6a6a6a}
@media(max-width:799px){
.hs-catalog-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 12px}
.hs-catalog-layout>aside{grid-column:1;grid-row:1;justify-self:start}
.hs-results>.hs-sort{grid-column:2;grid-row:1;margin:0;justify-self:stretch}
.hs-catalog-layout>aside{grid-column:1;grid-row:1}
.hs-catalog .hs-catalog-layout>a.hs-avail-toggle{grid-column:1/-1;grid-row:2;margin-top:14px}
.hs-catalog-layout>aside .hs-filter>summary,.hs-catalog .hs-sort .hs-sort-trigger{width:100%;border:1px solid #111;padding:11px 14px;text-align:left;display:flex;justify-content:space-between;align-items:center}
.hs-sort .hs-sort-current{display:none}.hs-sort .hs-sort-label{display:inline}
.hs-sort-panel{position:fixed;inset:0;z-index:70;min-width:0;border:0;box-shadow:none;background:#fff;padding:24px 16px;overflow:auto}
.hs-sort-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #111;padding-bottom:14px;margin-bottom:12px}.hs-sort-head h2{margin:0;font-size:20px;text-transform:uppercase}.hs-sort .hs-sort-close{display:block;background:transparent;border:0;font-size:32px;line-height:1;width:32px;height:32px;padding:0}
body:has(.hs-sort.is-open){overflow:hidden}
.hs-sort-option{padding:12px 4px}
.hs-results>.hs-hscroll--chips{grid-column:1/-1;grid-row:3;margin-top:14px}
.hs-results>:not(.hs-sort):not(.hs-hscroll--chips){grid-column:1/-1;grid-row:auto}
}

/* «В избранное» на карточке — Figma «Каталог» 01 / «Главная» 01 */

/* UI-kit «02-Button», «06-Fields» (задача 3.4): единые кнопки, чипы, длинные названия, пустая выдача.
   Основная — чёрная, лайм-текст, 56 px; hover — лайм-фон, чёрный текст; disabled — серая плашка (#e3e3e3 / #888).
   Вторичная — контурная, hover — чёрная с лаймом. Компактные кнопки (панель фильтров, окна) — 48 px. */
.hs-primary{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:56px;padding:0 28px;border:0;background:#000;color:#BDFF00;font-size:12px;font-weight:500;line-height:1.2;letter-spacing:.02em;text-transform:uppercase;text-align:center;text-decoration:none;cursor:pointer;transition:background .15s,color .15s}
.hs-primary:hover,.hs-primary:focus-visible{background:#BDFF00;color:#000}
.hs-primary:disabled,.hs-primary[aria-disabled=true]{background:#e3e3e3;color:#888;cursor:default;pointer-events:none}
.hs-primary svg{flex:none;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6}
.hs-secondary,.hs-filter-actions .hs-reset,.hs-load-more{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 28px;border:1px solid #111;background:transparent;color:#111;font-size:12px;font-weight:500;letter-spacing:.02em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background .15s,color .15s}
.hs-secondary:hover,.hs-secondary:focus-visible,.hs-filter-actions .hs-reset:hover,.hs-load-more:hover{background:#000;color:#BDFF00}
.hs-secondary:disabled{border-color:#ccc;color:#888;background:#e3e3e3;pointer-events:none}
.hs-filter-actions .hs-reset,.hs-filter-actions .hs-primary{min-height:48px;padding:0 12px;font-size:12px;font-weight:500}
.hs-catalog .hs-filter-actions .hs-reset{color:#111}
.hs-load-more{min-height:48px;min-width:280px;padding:0 44px}
.hs-pager{gap:32px}
.hs-pager .hs-load-more:focus:not(:focus-visible){background:transparent;color:#111}
@media(hover:hover){.hs-pager .hs-load-more:hover{background:#000;color:#BDFF00}}
@media(hover:none){.hs-pager .hs-load-more:hover{background:transparent;color:#111}}
.hs-pager-numbers{gap:36px;font-size:14px;font-weight:700;color:#111}.hs-pager-numbers a{color:#111;text-decoration:none}.hs-pager-numbers a:hover{color:#6a6a6a}
.hs-pager-numbers [aria-current]{text-decoration:underline;text-underline-offset:6px}.hs-pager-numbers span[aria-hidden]{color:#bbb;font-weight:400}.hs-pager-numbers a[aria-label],.hs-pager-numbers span[aria-hidden=true]:first-child,.hs-pager-numbers span[aria-hidden=true]:last-child{font-size:20px;line-height:1;font-weight:400}
.hs-pager-numbers span[aria-hidden=true]:nth-child(n+2):not(:last-child){color:#111;font-size:14px;font-weight:700}
@media(max-width:799px){.hs-load-more{min-width:0;width:100%;max-width:343px}.hs-pager-numbers{gap:24px}}
/* Чипы: одна высота и шрифт с кнопкой счётчика */
.hs-chip{font-weight:500;letter-spacing:.02em}
/* Длинные названия не ломают карточку: перенос любого слова, не больше трёх строк */

/* Заглушка фото: серый квадрат placeholder.svg на всю площадь карточки (как у товара без фото) */

/* Пустая выдача */
.hs-empty{display:grid;justify-items:start;gap:12px;padding:56px 0 72px}.hs-empty p{margin:0}
.hs-empty [data-testid=catalog-empty]{font-size:24px;line-height:1.2;text-transform:uppercase;letter-spacing:.02em;font-weight:700}
.hs-empty-hint{color:#6a6a6a;font-size:14px;max-width:420px}.hs-empty .hs-primary{margin-top:12px}
@media(max-width:799px){.hs-empty{padding:32px 0 48px}.hs-empty [data-testid=catalog-empty]{font-size:20px}.hs-empty .hs-primary{width:100%}.hs-primary{padding:0 20px}}

/* Сверка с Figma 2x (8.5): 253-46569, 149-6143, 524-57816, 669-61814 */
/* Хлебные крошки: разделитель-шеврон, последний пункт тёмный */
.hs-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:0 10px;font-size:12px;color:#6a6a6a}.hs-breadcrumb .hs-bc-sep{font-style:normal;font-size:14px;line-height:1}.hs-breadcrumb [aria-current]{color:#111}
/* Карточка: сетка 16 px, цена серая (красная — со скидкой), название — две строки минимум, чтобы цены стояли в одну линию */

/* Панель фильтра: без линий между группами, заголовок, стрелки групп, значения серым */
.hs-filter-title{margin:8px 0 20px;padding-bottom:16px;border-bottom:1px solid #111;font-size:20px;line-height:1.2;text-transform:uppercase}
.hs-filter fieldset{border-bottom:0;padding:6px 0 10px;min-width:0;margin:0}
.hs-filter legend{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 0 8px;font-weight:700;cursor:pointer}
.hs-filter legend::after{content:"";flex:none;width:12px;height:8px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23111' stroke-width='1.5'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .15s}
.hs-filter fieldset.is-collapsed>legend::after{transform:rotate(180deg)}
.hs-filter fieldset.is-collapsed>:not(legend){display:none}
.hs-filter .hs-filter-option{color:#666}.hs-filter .hs-filter-option:has(input:checked){color:#BDFF00}
/* Диапазон: одна рамка «ОТ … | ДО …», значение справа; двойной ползунок — две ручки на одной линии */
.hs-price-range{gap:0;border:1px solid #cfcfcf;background:#fff}
.hs-price-range label{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:1 1 0;min-width:0;width:auto;padding:0 12px;font-size:10px;text-transform:uppercase;color:#6a6a6a}
.hs-price-range label+label{border-left:1px solid #cfcfcf}
.hs-price-range input{border:0;background:transparent;padding:14px 0;width:100%;min-width:0;flex:1;text-align:right;font-size:13px;color:#111}
.hs-sliders{position:relative;display:block;height:28px;margin-top:10px}
.hs-sliders::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#cfcfcf}
.hs-sliders input[type=range]{position:absolute;left:0;top:0;width:100%;height:28px;margin:0;background:transparent;pointer-events:none;-webkit-appearance:none;appearance:none}
.hs-sliders input[type=range]::-webkit-slider-runnable-track{background:transparent;height:28px}
.hs-sliders input[type=range]::-moz-range-track{background:transparent}
.hs-sliders input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;width:18px;height:18px;margin-top:5px;border-radius:50%;border:1px solid #000;background:#fff;cursor:pointer}
.hs-sliders input[type=range]::-moz-range-thumb{pointer-events:auto;width:16px;height:16px;border-radius:50%;border:1px solid #000;background:#fff;cursor:pointer}
@media(max-width:799px){

/* Сортировка слева, фильтр справа — два равных контура с иконками (149-6143) */
.hs-catalog-layout>aside{grid-column:2;justify-self:stretch}
.hs-results>.hs-sort{grid-column:1}
.hs-catalog-layout>aside .hs-filter>summary,.hs-catalog .hs-sort .hs-sort-trigger{border-color:#cfcfcf;min-height:40px;padding:0 14px;justify-content:flex-start;gap:10px}
.hs-catalog .hs-sort .hs-sort-trigger>svg{display:none}
.hs-catalog .hs-sort .hs-sort-trigger::before,.hs-catalog-layout>aside .hs-filter>summary::before{content:"";flex:none;width:18px;height:18px;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none' stroke='%23111' stroke-width='1.4'%3E%3Cpath d='M5 15V3M2 6l3-3 3 3M13 3v12M10 12l3 3 3-3'/%3E%3C/svg%3E")}
.hs-catalog-layout>aside .hs-filter>summary{display:flex;align-items:center}
.hs-catalog-layout>aside .hs-filter>summary::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none' stroke='%23111' stroke-width='1.4'%3E%3Cpath d='M2 3h14l-5 6v6l-4-2V9z'/%3E%3C/svg%3E")}
.hs-filter-title{font-size:20px}
}

/* 8.14: крошки списком (строка размеров из 8.14(г) отменена в round-10 A2) */
.hs-breadcrumb ol{display:flex;flex-wrap:wrap;align-items:center;gap:0 10px;margin:0;padding:0;list-style:none}.hs-breadcrumb li{display:flex;align-items:center;gap:10px;min-width:0}.hs-breadcrumb [aria-current]{overflow-wrap:anywhere}

/* 9.4: подвал панели фильтра (тумблер «Наличие в магазине» + кнопки); на desktop тумблер остаётся над листингом */
.hs-filter-foot{position:sticky;bottom:0;margin-top:16px;background:#fff}
.hs-filter-foot .hs-filter-actions{position:static;margin-top:0}
.hs-filter-foot .hs-avail-panel{display:none}
@media(max-width:799px){
/* Кнопки «Сортировка» и «Фильтр»: чёрные, лаймовый текст и иконка, точка справа при активной сортировке/фильтрах (152-27476, 149-6143) */
.hs-catalog-layout>aside .hs-filter>summary,.hs-catalog .hs-sort .hs-sort-trigger{background:#000;border-color:#000;color:#BDFF00;font-size:12px;font-weight:500;letter-spacing:.02em;min-height:48px;padding:0 16px;position:relative}
.hs-catalog .hs-sort .hs-sort-trigger::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none' stroke='%23BDFF00' stroke-width='1.4'%3E%3Cpath d='M5 15V3M2 6l3-3 3 3M13 3v12M10 12l3 3 3-3'/%3E%3C/svg%3E")}
.hs-catalog-layout>aside .hs-filter>summary::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none' stroke='%23BDFF00' stroke-width='1.4'%3E%3Cpath d='M2 3h14l-5 6v6l-4-2V9z'/%3E%3C/svg%3E")}
.hs-catalog .hs-sort[data-active] .hs-sort-trigger::after{content:"";margin-left:auto;width:8px;height:8px;border-radius:50%;background:#BDFF00}
.hs-catalog-layout>aside .hs-filter>summary .hs-filter-count{margin-left:auto;min-width:0;width:8px;height:8px;padding:0;font-size:0;color:#000;background:#BDFF00}
/* Тумблер «Наличие в магазине» — внизу панели; над листингом его на мобильном нет */
.hs-catalog .hs-catalog-layout>a.hs-avail-toggle{display:none}
.hs-filter-foot{border-top:1px solid #d1d1d6;margin-left:-24px;margin-right:-24px;padding:0 24px}
.hs-filter-foot .hs-avail-panel{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:56px;padding:0;background:transparent;border:0;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#111;text-align:left}
.hs-avail-panel .hs-switch{width:40px;height:24px;border-radius:12px;background:#d4d4d4}
.hs-avail-panel .hs-switch::after{width:20px;height:20px}
.hs-avail-panel[aria-checked=true] .hs-switch{background:#000}.hs-avail-panel[aria-checked=true] .hs-switch::after{transform:translateX(16px);background:#BDFF00}
.hs-filter-foot .hs-filter-actions{padding-top:8px}
/* Выбранный пункт сортировки — без заливки: чекбокс с квадратом внутри и жирный текст (669-60958) */
.hs-catalog .hs-sort-option:hover,.hs-catalog .hs-sort-option:focus-visible,.hs-catalog .hs-sort-option[aria-selected=true]{background:transparent;color:#111}
.hs-catalog .hs-sort-option:focus-visible{outline:2px solid #99bc00;outline-offset:-2px}
.hs-sort-option{color:#6a6a6a}.hs-catalog .hs-sort-option[aria-selected=true]{font-weight:700;color:#111}
.hs-catalog .hs-sort-option[aria-selected=true] .hs-sort-box{border-color:#111}
.hs-sort-box{width:18px;height:18px}
/* Выбранное значение фильтра — чекбокс с квадратом, без заливки строки (669-61410, 132-6490) */
.hs-filter .hs-filter-option:hover,.hs-filter .hs-filter-option:has(input:checked),.hs-filter .hs-filter-option:focus-within{background:transparent;color:#111}
.hs-filter .hs-filter-option:has(input:checked) input[type=checkbox]{border-color:#111}
.hs-filter .hs-filter-option:has(input:checked){font-weight:600}
.hs-filter .hs-filter-option:focus-within{outline:2px solid #99bc00;outline-offset:-2px}
.hs-filter input[type=checkbox]{width:18px;height:18px}.hs-filter input[type=checkbox]:checked::after{width:10px;height:10px}
}
/* round-10 E1: стрелки прокрутки строк (кадры 253:47070, 292:25135): круг 36 px, видна только в сторону, где есть что листать; на мобильном стрелок в макете нет — остаётся затухание края */
.hs-hscroll{position:relative;--hs-fade:24px;--hs-fl:0px;--hs-fr:0px}.hs-hscroll.has-prev{--hs-fl:var(--hs-fade)}.hs-hscroll.has-next{--hs-fr:var(--hs-fade)}
.hs-hscroll>[data-hscroll]{-webkit-mask-image:linear-gradient(to right,transparent,#000 var(--hs-fl),#000 calc(100% - var(--hs-fr)),transparent);mask-image:linear-gradient(to right,transparent,#000 var(--hs-fl),#000 calc(100% - var(--hs-fr)),transparent)}
.hs-hscroll__arrow{flex:none;display:inline-grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid #c9c9c9;border-radius:50%;background:var(--hs-bg,#efefef);color:#111}.hs-hscroll__arrow:hover{border-color:#111}.hs-hscroll__arrow svg{width:16px;height:16px}
.hs-hscroll--chips{display:flex;align-items:center;gap:8px;min-width:0}.hs-hscroll--chips>.hs-chips{flex:1 1 auto}
.hs-hscroll--nav{--hs-fade:96px}.hs-hscroll--nav .hs-hscroll__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:1}.hs-hscroll--nav .hs-hscroll__arrow--prev{left:0}.hs-hscroll--nav .hs-hscroll__arrow--next{right:0}
@media(max-width:799px){.hs-hscroll__arrow{display:none}.hs-hscroll{--hs-fade:32px}}
.hs-taglinks{margin:48px 0 24px}.hs-taglinks h2{margin:0 0 16px;font-size:20px;line-height:1.3;text-transform:uppercase}.hs-taglinks-group{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 12px;margin:0 0 10px}.hs-taglinks-group h3{flex:none;min-width:96px;margin:0;font-size:14px;font-weight:400;color:#6a6a6a}.hs-taglinks ul{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.hs-taglinks a{display:block;padding:6px 12px;border:1px solid #d9d9d9;border-radius:16px;font-size:14px;line-height:1.3;color:#111;text-decoration:none}.hs-taglinks a:hover{border-color:#111}

/* End */


/* Start:/local/templates/hardsnowboard/components/bitrix/catalog.element/hs/style.css?179371086611606*/
.hs-product-main{display:grid;grid-template-columns:1fr 1fr;gap:50px}.hs-gallery-open{display:block;width:100%;padding:0;border:0;background:#fff;cursor:zoom-in}.hs-gallery-open>img{display:block;width:100%;aspect-ratio:1;object-fit:contain}.hs-gallery-dialog{position:fixed;inset:0;width:min(92vw,1100px);height:min(92vh,1100px);max-width:none;max-height:none;padding:48px 20px 20px;border:0;background:#fff}.hs-gallery-dialog::backdrop{background:rgb(0 0 0 / 75%)}.hs-gallery-dialog>img{width:100%;height:100%;object-fit:contain}.hs-gallery-close{position:absolute;top:8px;right:12px;border:0;background:transparent;font-size:36px;line-height:1;cursor:pointer}.hs-thumbnails{display:flex;gap:8px;margin:12px 0}.hs-thumbnails button{width:70px;background:#fff;border:1px solid #ccc;cursor:pointer}.hs-thumbnails img{width:100%;aspect-ratio:1;object-fit:contain}.hs-product h1{font-size:32px;line-height:1.15}.hs-product h2{font-size:24px;text-transform:uppercase}.hs-product label{display:grid;gap:8px;margin:16px 0}.hs-product select,.hs-product input,.hs-product textarea{padding:13px;border:1px solid #aaa;background:transparent;box-sizing:border-box;max-width:100%}.hs-product textarea{min-height:120px}.hs-product .hs-primary{margin:20px 0;border:0;cursor:pointer}.hs-product button:disabled{opacity:.4;cursor:default}.hs-product section{margin-bottom:36px}.hs-product summary{font-size:22px;text-transform:uppercase;cursor:pointer;padding:20px 0;border-top:1px solid #ccc}.hs-product table{border-collapse:collapse;width:100%}.hs-product th,.hs-product td{border-bottom:1px solid #ccc;padding:14px;text-align:left}.hs-product th{width:40%}.hs-short-spec{font-size:14px;color:#666;line-height:1.6}.hs-description{max-width:795px;color:#555;font-size:14px;line-height:1.45;letter-spacing:.02em;white-space:normal}
.hs-description p{margin:0 0 14px}
.hs-description ul{margin:0 0 14px;padding-left:28px}
.hs-description li{margin-bottom:8px}.hs-reviews{padding-top:32px}.hs-review{border-bottom:1px solid #ccc;padding:12px 0}.hs-review p{overflow-wrap:anywhere}.hs-reviews form{max-width:560px}.hs-sliders{display:grid;gap:6px}.hs-filter input[type=range]{padding:0;width:100%}.hs-unit select{padding:10px;width:100%;margin-top:10px}[hidden]{display:none!important}@media(max-width:800px){.hs-product-main{grid-template-columns:1fr;gap:20px}.hs-product h1{font-size:26px}}
.hs-gallery-stage{position:relative}.hs-gallery-arrow{position:absolute;top:50%;display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid #caff00;border-radius:50%;background:rgb(20 24 18 / 76%);color:#caff00;cursor:pointer;opacity:0;pointer-events:none;transform:translateY(-50%);transition:opacity .18s ease,background .18s ease,color .18s ease,transform .18s ease}.hs-gallery-stage:hover .hs-gallery-arrow,.hs-gallery-stage:focus-within .hs-gallery-arrow{opacity:1;pointer-events:auto}.hs-gallery-dialog .hs-gallery-arrow{opacity:1;pointer-events:auto}.hs-gallery-arrow:hover{background:#caff00;color:#15180f;transform:translateY(-50%) scale(1.06)}.hs-gallery-arrow:focus-visible{outline:3px solid #222;outline-offset:3px}.hs-gallery-arrow svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.hs-gallery-arrow-prev{left:14px}.hs-gallery-arrow-next{right:14px}.hs-gallery-large-stage{height:100%;display:grid;place-items:center}.hs-gallery-large-stage>img{width:100%;height:100%;object-fit:contain}.hs-thumbnails button{width:100px;padding:0}.hs-thumbnails img{display:block;width:100%;height:auto}@media(hover:none){.hs-gallery-stage:not(.hs-gallery-large-stage) .hs-gallery-arrow{opacity:1;pointer-events:auto}}

/* Карточка товара по Figma «Карточка товара» 01: превью слева, сетки размеров и цветов, старая цена, избранное */
.hs-gallery{display:grid;grid-template-columns:78px minmax(0,1fr);gap:12px;align-items:start}
.hs-gallery-stage{order:2;min-width:0}.hs-thumbnails{order:1;flex-direction:column;margin:0}.hs-thumbnails button{width:70px}
.hs-product-meta{margin:6px 0 18px;color:#6a6a6a;font-size:13px}
.hs-price-row{display:flex;align-items:baseline;gap:12px;margin:0 0 14px}.hs-price-row .hs-price{font-size:26px}.hs-price-row del{color:#6a6a6a;font-size:15px}
.hs-pick-title{margin:22px 0 10px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.hs-pick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#ddd;border:1px solid #ddd}
.hs-pick-grid button{padding:14px 10px;border:0;background:#fff;font-size:13px;text-align:center;min-width:0;overflow:hidden;text-overflow:ellipsis}
.hs-pick-grid button[aria-pressed=true]{background:#111;color:#BDFF00}
.hs-pick-grid button[data-unavailable],.hs-pick-grid button:disabled{color:#bbb;background:linear-gradient(to bottom right,transparent calc(50% - .5px),#ccc 50%,transparent calc(50% + .5px)),#fff}
.hs-pick-grid button[aria-pressed=true][data-unavailable]{color:#BDFF00;background:linear-gradient(to bottom right,transparent calc(50% - .5px),#555 50%,transparent calc(50% + .5px)),#111}
.hs-color-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.hs-buy-row{display:flex;align-items:center;gap:14px;margin:24px 0}.hs-buy-row .hs-primary{flex:1;margin:0}
.hs-product-fav{width:52px;height:52px;border:1px solid #ccc;background:#fff;display:grid;place-items:center;color:#111}
.hs-product-fav svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6}.hs-product-fav[aria-pressed=true] svg{fill:currentColor}
@media(max-width:800px){.hs-gallery{grid-template-columns:1fr}.hs-gallery-stage{order:1}.hs-thumbnails{order:2;flex-direction:row;overflow-x:auto}}
.hs-product .hs-stock{display:inline-block;width:auto;margin:0;padding:5px 10px;background:#111;color:#fff;font-size:10px;text-transform:uppercase;letter-spacing:.04em}

/* UI-kit «02-Button», «03-Filter» (задача 3.4): кнопка покупки и избранное одной высоты, размеры — состояния hover/disabled */
.hs-buy-row .hs-primary{min-height:56px}.hs-product-fav{width:56px;height:56px;transition:background .15s,color .15s,border-color .15s}.hs-product-fav:hover{background:#000;color:#BDFF00;border-color:#000}
.hs-pick-grid button{min-height:48px;font-weight:500;letter-spacing:.02em;text-transform:uppercase;font-size:12px;transition:background .15s,color .15s}
.hs-pick-grid button:hover:not(:disabled):not([aria-pressed=true]):not([data-unavailable]){background:#000;color:#BDFF00}
.hs-product h1{overflow-wrap:anywhere}.hs-product-meta{overflow-wrap:anywhere}

/* Сверка с Figma 272-11742 / 272-12325 (задача 8.6) */
.hs-product-main{grid-template-columns:minmax(0,1.77fr) minmax(0,1fr);gap:35px}
.hs-gallery{grid-template-columns:100px minmax(0,1fr);gap:16px}.hs-thumbnails{gap:12px}.hs-thumbnails button{width:100px;border:0}
.hs-gallery-stage .hs-stock{position:absolute;top:0;right:0;z-index:1;padding:6px 12px;background:#BDFF00;color:#000;font-size:12px;font-weight:700}
.hs-product-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;color:#6a6a6a;font-size:14px;text-transform:uppercase}.hs-product-head p{margin:0}.hs-product-article{text-transform:none}
.hs-product h1{margin:12px 0 16px;font-size:28px;line-height:1.2;text-transform:uppercase}
.hs-product-meta{margin:0 0 32px;line-height:1.5}
.hs-price-row{flex-direction:column;align-items:flex-start;gap:6px;padding-bottom:32px;border-bottom:1px solid #ccc}.hs-price-row .hs-price{font-size:28px;font-weight:700;color:#111}.hs-price-row del{font-size:18px}
.hs-pick-title{margin:28px 0 14px;font-size:16px}
.hs-buy-row{margin:32px 0 24px;padding-top:32px;border-top:1px solid #ccc}
.hs-reviews{border-top:1px solid #ccc;max-width:795px}
.hs-reviews h2{font-size:24px}
.hs-review{background:#fff;border:0;padding:20px 24px;margin-bottom:16px}
.hs-reviews input,.hs-reviews textarea{width:100%;background:transparent}
@media(max-width:800px){
.hs-product-main{grid-template-columns:1fr}
.hs-gallery{grid-template-columns:1fr}
.hs-thumbnails{gap:8px}.hs-thumbnails button{width:64px;flex:none}
.hs-product h1{font-size:20px}.hs-price-row .hs-price{font-size:22px}.hs-pick-title{font-size:14px}
.hs-gallery-stage .hs-stock{font-size:10px;padding:4px 8px}
}
.hs-product-main{margin-top:24px}.hs-product-article{white-space:nowrap}
@media(max-width:800px){.hs-product-main{gap:0}.hs-product-main .hs-gallery{margin-bottom:20px}.hs-product-head{flex-wrap:nowrap;font-size:13px}}

/* 8.6 остаток: описание под галереей, активная миниатюра, отзывы по макету */
.hs-thumbnails button{outline:1px solid transparent;outline-offset:-1px}.hs-thumbnails button[aria-current=true]{outline-color:#000}
@media(min-width:801px){.hs-product>section:has(.hs-description){max-width:calc(1.77 / 2.77 * 100% - 17px)}}
.hs-reviews-count{color:#6a6a6a;font-weight:400}
.hs-reviews-list{border-top:0;padding-top:0}.hs-review h3{margin:0 0 10px;font-size:13px;text-transform:uppercase}
.hs-review-date{display:block;margin-top:14px;color:#6a6a6a;font-size:12px}
.hs-reviews-more{display:block;margin:24px auto 0;padding:12px 40px;border:1px solid #111;background:transparent;font-size:12px;text-transform:uppercase;cursor:pointer}.hs-reviews-more:hover{background:#000;color:#BDFF00}

/* 8.14: пустые ячейки-заполнители сетки размеров/цветов — белые с рамкой, как занятые */
.hs-pick-filler{display:block;min-height:48px;background:#fff}

/* 9.5: форма отзыва по Figma 346:89218 — подсказка в поле, счётчик символов, серая кнопка со стрелкой, пока текст короткий */
.hs-review-left{margin:6px 0 20px;font-size:12px;color:#6a6a6a}
.hs-reviews .hs-review-submit{display:inline-flex;align-items:center;gap:20px;min-height:40px;margin:0;padding:0 24px;font-size:12px}
.hs-review-submit svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4}
.hs-review-submit.is-idle{background:#e3e3e3;color:#595959}
.hs-review-submit.is-idle:hover{background:#e3e3e3;color:#595959}
.hs-reviews textarea::placeholder{color:#6a6a6a}
/* Кнопка «Добавить в корзину» — по макету 272:11742: чёрная плашка, лаймовый текст 12 px, рядом квадрат «избранное» 56 px с контуром */
.hs-buy-row .hs-primary{font-size:12px;font-weight:500;letter-spacing:.04em}
.hs-buy-row .hs-primary:disabled{background:#e3e3e3;color:#6a6a6a;opacity:1}
.hs-product-fav{border-color:#cfcfcf}
.hs-related{margin-top:48px}.hs-related .hs-product-grid{gap:36px 16px}
/* Мобильная закреплённая панель покупки (272:12324, 351:100509) */
.hs-buybar{display:none}
@media(max-width:800px){
.hs-buybar:not([hidden]){display:grid;grid-template-columns:minmax(0,1fr) 56px;gap:12px;position:fixed;z-index:40;left:0;right:0;bottom:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:var(--hs-bg,#efefef);box-shadow:0 -1px 0 #d1d1d6}
.hs-buybar-price{grid-column:1/-1;display:flex;flex-direction:column;gap:2px}.hs-buybar .hs-price{font-size:22px;font-weight:700;color:#111}.hs-buybar del{color:#6a6a6a;font-size:14px}
.hs-buybar .hs-primary{width:100%;min-height:56px;font-size:12px;letter-spacing:.04em}
.hs-buybar .hs-product-fav{width:56px;height:56px}
body:has(.hs-buybar:not([hidden])){padding-bottom:150px}
}

/* End */


/* Start:/local/templates/hardsnowboard/components/bitrix/catalog.section/hs/style.css?17946533633658*/
/* Карточка товара в листинге — единый стиль для всех мест, где рендерится catalog.section/hs:
   /catalog/, поиск, избранное, главная, страница бренда, «похожие» в товаре, товары в статье блога.
   Прежде эти правила лежали только в стилях catalog.page и не доезжали до остальных страниц, а `.hs-content article>h2`
   (30 px, отступ 60 px) и `.hs-content a` (подчёркивание) перебивали название карточки — поэтому селекторы здесь с `.hs-product-grid`.
   Размеры шрифтов — в typography.css (стили caption и body макета). Макет: Figma «Каталог продукции» 253-46569 (desktop, 2x), 149-6143 (mobile, 2x).
   Замеры макета (CSS px): фото квадрат, подложка белая; центр строки «бренд + сердечко» — 28 px (mobile 24) ниже фото;
   название — 2 строки по 22,4 px (mobile 16), до цены 20 px (mobile 12); бренд → название 4 px; строки сетки ~40 px. */
.hs-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 16px}
.hs-product-card{position:relative;min-width:0}
.hs-product-grid .hs-product-card a{color:inherit;text-decoration:none}
.hs-product-photo{display:block;position:relative;aspect-ratio:1;background:#fff;overflow:hidden}
.hs-product-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.hs-product-photo .hs-photo-hover{visibility:hidden;background:#fff}
@media(hover:hover){.hs-product-photo:hover .hs-photo-hover{visibility:visible}}
.hs-product-photo img[src$="placeholder.svg"]{object-fit:cover}
.hs-product-photo .hs-stock{position:absolute;left:0;bottom:0;background:#000;color:#fff;font-size:10px;line-height:1.2;text-transform:uppercase;letter-spacing:.04em;padding:5px 8px}
.hs-product-photo .hs-stock-in{width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0)}
.hs-fav{width:28px;height:28px;padding:0;border:0;background:transparent;color:#111;display:grid;place-items:center}
.hs-fav svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6}
.hs-fav[aria-pressed=true] svg{fill:currentColor}
.hs-product-card .hs-fav{float:right;margin-top:14px}
.hs-product-grid .hs-product-card .hs-brand{margin:20px 0 4px;color:#6a6a6a;text-transform:uppercase;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 36px)}
.hs-product-grid .hs-product-card h2{margin:0 0 20px;height:calc(1.4em*2);line-height:1.4;text-transform:uppercase;overflow:hidden;overflow-wrap:anywhere;word-break:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}
.hs-product-grid .hs-product-card .hs-price{margin:0;color:#6a6a6a;line-height:1.4}
.hs-product-grid .hs-product-card .hs-price del{margin-left:8px;color:#6a6a6a;font-size:inherit}
.hs-product-grid .hs-product-card .hs-price:has(del){color:#cc2a25}
@media(max-width:1099px){.hs-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.hs-product-grid .hs-product-card h2{height:32px;line-height:16px}}
@media(max-width:799px){
.hs-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 11px}
.hs-product-card .hs-fav{margin-top:10px}
.hs-product-grid .hs-product-card .hs-brand{margin-top:16px;margin-bottom:5px}
.hs-product-grid .hs-product-card h2{margin-bottom:12px}
}

/* End */
/* /local/components/hs/catalog.page/templates/.default/style.css?179450112325926 */
/* /local/templates/hardsnowboard/components/bitrix/catalog.element/hs/style.css?179371086611606 */
/* /local/templates/hardsnowboard/components/bitrix/catalog.section/hs/style.css?17946533633658 */