/**
 * Детальная страница товара (catalog.element, шаблон b2b_new).
 *
 * Подключается ПОСЛЕ techopt-override.css/cards.css/list.css.
 * Все правила скоупированы под `.blank-zakaza-detail` — это корневой <main>
 * детальной страницы товара, описанный в:
 *   local/templates/b2bcabinet/components/bitrix/catalog/b2bcabinet_new/
 *     bitrix/catalog.element/b2b_new/template.php
 *
 * Цели:
 *   – перевести все кнопки и интерактивные элементы на брендовый burgundy (#7B1B16);
 *   – привести блоки (.card / .card-body) к стилю carousels-cards.css —
 *     мягкая тень, скругление, аккуратные заголовки с акцентом;
 *   – подтянуть таблицы (свойства, торговые предложения) и список цен;
 *   – НЕ менять структуру / порядок блоков — только визуал.
 *
 * Все селекторы начинаются с `.blank-zakaza-detail` — гарантия, что правила
 * не утекут на список, карточки или любые другие страницы.
 */

/* ============================================================
   1. ОБЁРТКА И КАРТОЧКИ-СЕКЦИИ
   ============================================================ */

.blank-zakaza-detail {
  --bzd-primary: #7B1B16;
  --bzd-primary-dark: #5a1210;
  --bzd-primary-soft: #fdf6f5;
  --bzd-text: #1a1a1a;
  --bzd-text-muted: #6a6a6e;
  --bzd-border: #ececef;
  --bzd-bg: #faf7f6;
  --bzd-radius: 12px;
  --bzd-shadow: 0 1px 2px rgba(0, 0, 0, 0.03), 0 6px 14px rgba(0, 0, 0, 0.04);
}

.blank-zakaza-detail__wrapper {
  gap: 20px;
}

/* Бокс aside + правый блок секций — общий look карточек */
.blank-zakaza-detail .blank-zakaza-detail__aside.card,
.blank-zakaza-detail .blank-zakaza-detail__main-section.card,
.blank-zakaza-detail .blank-zakaza-detail__main-section.card.card-body {
  background: #fff !important;
  border: 1px solid var(--bzd-border) !important;
  border-radius: var(--bzd-radius) !important;
  box-shadow: var(--bzd-shadow) !important;
  padding: 22px 24px !important;
  margin-bottom: 20px !important;
  transition: box-shadow 0.2s ease, border-color 0.2s ease !important;
}

.blank-zakaza-detail .blank-zakaza-detail__aside.card {
  padding: 24px 22px !important;
}

.blank-zakaza-detail .blank-zakaza-detail__main-section.card:hover {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04), 0 12px 24px rgba(123, 27, 22, 0.06) !important;
  border-color: rgba(123, 27, 22, 0.12) !important;
}

/* Заголовок страницы (виден в iframe-режиме) */
.blank-zakaza-detail .blank-zakaza-detail__title {
  font-size: 22px !important;
  font-weight: 700 !important;
  color: var(--bzd-text) !important;
  margin: 0 0 18px 0 !important;
  padding: 0 0 14px 0 !important;
  border-bottom: 2px solid var(--bzd-primary) !important;
  line-height: 1.3 !important;
}

/* Заголовок секции */
.blank-zakaza-detail .card-title {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: var(--bzd-text) !important;
  margin: 0 0 16px 0 !important;
  padding: 0 0 10px 0 !important;
  border-bottom: 1px solid var(--bzd-border) !important;
  position: relative !important;
  letter-spacing: 0.2px !important;
}

/* Акцент-палочка под заголовком в брендовом цвете */
.blank-zakaza-detail .card-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 40px;
  height: 2px;
  background: var(--bzd-primary);
  border-radius: 2px;
}

/* ============================================================
   2. ASIDE: ИНФО-ИТЕМЫ И ЦЕНЫ
   ============================================================ */

.blank-zakaza-detail .blank-zakaza-detail__info-item {
  font-size: 13px !important;
  color: var(--bzd-text) !important;
  padding: 8px 0 !important;
  border-bottom: 1px dashed #efeaea !important;
  margin-bottom: 0 !important;
}

.blank-zakaza-detail .blank-zakaza-detail__info-item:last-child {
  border-bottom: none !important;
}

.blank-zakaza-detail .blank-zakaza-detail__info-item span:first-child {
  color: var(--bzd-text-muted) !important;
  font-weight: 500 !important;
  margin-right: 6px !important;
}

/* Прайс-лист в карточке */
.blank-zakaza-detail .bzd-prices {
  display: block !important;
  background: var(--bzd-bg) !important;
  border-radius: 10px !important;
  padding: 12px 14px !important;
  margin: 10px 0 !important;
  border: 1px solid #f1ebeb !important;
}

.blank-zakaza-detail .bzd-prices__list {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}

.blank-zakaza-detail .bzd-prices__item {
  display: flex !important;
  justify-content: space-between !important;
  align-items: baseline !important;
  gap: 12px !important;
  padding: 4px 0 !important;
  font-size: 13px !important;
}

.blank-zakaza-detail .bzd-prices__item-name {
  color: var(--bzd-text-muted) !important;
  font-weight: 500 !important;
}

.blank-zakaza-detail .bzd-prices__item-name::after {
  content: "" !important;
}

.blank-zakaza-detail .bzd-prices__item-value {
  font-weight: 700 !important;
  font-size: 15px !important;
  color: var(--bzd-text) !important;
  text-align: right !important;
  white-space: nowrap !important;
}

/* Первая строка списка цен = основная цена → подсветка burgundy */
.blank-zakaza-detail .bzd-prices__list .bzd-prices__item:first-child .bzd-prices__item-value {
  color: var(--bzd-primary) !important;
  font-size: 19px !important;
  font-weight: 800 !important;
  letter-spacing: -0.2px !important;
}

/* Перечёркнутая старая цена */
.blank-zakaza-detail .bzd-prices__item .product__property--discount-price {
  color: #b0b0b0 !important;
  text-decoration: line-through !important;
  font-size: 11px !important;
  margin-left: 6px !important;
}

/* Файлы / документы в aside (бывшие "Скачать"-ссылки) */
.blank-zakaza-detail .blank-zakaza-detail__info-files {
  margin: 12px 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}

.blank-zakaza-detail .blank-zakaza-detail__info-files > div {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  font-size: 12.5px !important;
  padding: 6px 10px !important;
  background: #fafafa !important;
  border-radius: 8px !important;
  border: 1px solid #f0f0f0 !important;
}

.blank-zakaza-detail .blank-zakaza-detail__info-files a {
  color: var(--bzd-primary) !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: color 0.15s ease !important;
}

.blank-zakaza-detail .blank-zakaza-detail__info-files a:hover {
  color: var(--bzd-primary-dark) !important;
  text-decoration: underline !important;
}

/* ============================================================
   3. КНОПКИ КОЛИЧЕСТВА (брендовый burgundy)
   ============================================================ */

.blank-zakaza-detail .quantity-selector {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  padding: 6px 0 !important;
}

.blank-zakaza-detail .quantity-selector__decrement,
.blank-zakaza-detail .quantity-selector__increment {
  width: 34px !important;
  height: 34px !important;
  background-color: var(--bzd-primary) !important;
  background-image: none !important;       /* отрубаем legacy moveAround анимацию */
  color: #fff !important;
  border: none !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: background-color 0.15s ease, transform 0.1s ease !important;
  animation: none !important;
}

.blank-zakaza-detail .quantity-selector__decrement {
  border-top-left-radius: 8px !important;
  border-bottom-left-radius: 8px !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.blank-zakaza-detail .quantity-selector__increment {
  border-top-right-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.blank-zakaza-detail .quantity-selector__decrement:hover,
.blank-zakaza-detail .quantity-selector__increment:hover {
  background-color: #932220 !important;
}

.blank-zakaza-detail .quantity-selector__decrement:active,
.blank-zakaza-detail .quantity-selector__increment:active {
  background-color: var(--bzd-primary-dark) !important;
  transform: scale(0.96) !important;
  animation: none !important;
}

.blank-zakaza-detail .quantity-selector__decrement:disabled,
.blank-zakaza-detail .quantity-selector__increment:disabled {
  background-color: #d7b9b7 !important;
  background-image: none !important;
  animation: none !important;
  cursor: not-allowed !important;
}

.blank-zakaza-detail .quantity-selector__value {
  width: 64px !important;
  height: 34px !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: var(--bzd-text) !important;
  background: #fff !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 0 !important;
  outline: none !important;
  transition: border-color 0.15s ease, box-shadow 0.15s ease !important;
}

.blank-zakaza-detail .quantity-selector__value:focus {
  border-color: var(--bzd-primary) !important;
  box-shadow: 0 0 0 2px rgba(123, 27, 22, 0.12) !important;
  z-index: 1 !important;
}

/* Кнопка "Добавить в сравнение" */
.blank-zakaza-detail .add-to-compare {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  margin-left: 10px !important;
  border-radius: 8px !important;
  background: transparent !important;
  border: 1px solid #e6dada !important;
  opacity: 0.85 !important;
  transition: opacity 0.15s ease, background-color 0.15s ease, border-color 0.15s ease !important;
}

.blank-zakaza-detail .add-to-compare:hover {
  opacity: 1 !important;
  background-color: rgba(123, 27, 22, 0.08) !important;
  border-color: var(--bzd-primary) !important;
}

.blank-zakaza-detail .add-to-compare svg {
  width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
}

/* ============================================================
   4. ТАБЛИЦА СВОЙСТВ
   ============================================================ */

.blank-zakaza-detail .bzd-props__table {
  width: 100% !important;
  border: none !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border-radius: 10px !important;
  overflow: hidden !important;
}

.blank-zakaza-detail .bzd-props__table-row {
  border-bottom: 1px solid #f0f0f0 !important;
  height: auto !important;
  transition: background-color 0.15s ease !important;
}

.blank-zakaza-detail .bzd-props__table-row:nth-child(odd) {
  background-color: #fafafa !important;
}

.blank-zakaza-detail .bzd-props__table-row:hover {
  background-color: var(--bzd-primary-soft) !important;
}

.blank-zakaza-detail .bzd-props__table-row:last-child {
  border-bottom: none !important;
}

.blank-zakaza-detail .bzd-props__table-col {
  width: 50% !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  padding: 10px 16px !important;
  vertical-align: top !important;
  color: var(--bzd-text) !important;
}

.blank-zakaza-detail .bzd-props__table-row .bzd-props__table-col:first-child {
  color: var(--bzd-text-muted) !important;
  font-weight: 500 !important;
}

.blank-zakaza-detail .bzd-props__table-row .bzd-props__table-col:last-child {
  font-weight: 600 !important;
}

/* ============================================================
   5. ОПИСАНИЕ / DETAIL_TEXT
   ============================================================ */

.blank-zakaza-detail .blank-zakaza-detail__main-section p {
  font-size: 13.5px !important;
  line-height: 1.65 !important;
  color: #2a2a2e !important;
  margin: 0 0 10px 0 !important;
}

.blank-zakaza-detail .blank-zakaza-detail__main-section h3,
.blank-zakaza-detail .blank-zakaza-detail__main-section h4 {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: var(--bzd-text) !important;
  margin: 14px 0 8px 0 !important;
}

/* ============================================================
   6. ТАБЛИЦА ТОРГОВЫХ ПРЕДЛОЖЕНИЙ
   ============================================================ */

.blank-zakaza-detail .bzd-offers__wrapper {
  border-radius: 10px !important;
  border: 1px solid #ececef !important;
  overflow-x: auto !important;
}

.blank-zakaza-detail .bzd-offers {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

.blank-zakaza-detail .bzd-offers__header-cell {
  background-color: var(--bzd-bg) !important;
  padding: 10px 14px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  color: #5a5a5e !important;
  border-bottom: 2px solid var(--bzd-primary) !important;
  text-align: left !important;
}

.blank-zakaza-detail .bzd-offers__offer-cell {
  padding: 12px 14px !important;
  border-bottom: 1px solid #f0f0f0 !important;
  font-size: 13px !important;
  color: var(--bzd-text) !important;
  vertical-align: middle !important;
}

.blank-zakaza-detail .bzd-offers__offer:last-child .bzd-offers__offer-cell {
  border-bottom: none !important;
}

.blank-zakaza-detail .bzd-offers__offer:hover .bzd-offers__offer-cell {
  background-color: var(--bzd-primary-soft) !important;
}

.blank-zakaza-detail .bzd-offers__offer-name {
  font-weight: 600 !important;
  color: var(--bzd-text) !important;
  font-size: 13px !important;
}

.blank-zakaza-detail .bzd-offers__offer-artnumber {
  font-size: 11px !important;
  color: #909090 !important;
  font-weight: 500 !important;
  margin-top: 2px !important;
}

.blank-zakaza-detail .bzd-offers__offer-image {
  width: 44px !important;
  height: 44px !important;
  object-fit: contain !important;
  border-radius: 6px !important;
  background: #f7f5f5 !important;
  padding: 2px !important;
}

/* В таблице офферов список цен компактнее */
.blank-zakaza-detail .bzd-offers__offer-cell.bzd-prices {
  background: transparent !important;
  border: none !important;
  padding: 12px 14px !important;
}

.blank-zakaza-detail .bzd-offers__offer-cell.bzd-prices .bzd-prices__list {
  gap: 2px !important;
}

.blank-zakaza-detail .bzd-offers__offer-cell.bzd-prices .bzd-prices__item {
  display: flex !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  padding: 0 !important;
  font-size: 12px !important;
}

.blank-zakaza-detail .bzd-offers__offer-cell.bzd-prices .bzd-prices__item-name {
  color: #909090 !important;
}

.blank-zakaza-detail .bzd-offers__offer-cell.bzd-prices .bzd-prices__item-name::after {
  content: ": " !important;
}

.blank-zakaza-detail .bzd-offers__offer-cell.bzd-prices .bzd-prices__item-value {
  font-weight: 700 !important;
  font-size: 13px !important;
  color: var(--bzd-text) !important;
}

.blank-zakaza-detail .bzd-offers__offer-cell.bzd-prices .bzd-prices__item:first-child .bzd-prices__item-value {
  color: var(--bzd-primary) !important;
}

.blank-zakaza-detail .bzd-offers__offer-porperty {
  font-size: 11.5px !important;
  margin: 2px 0 !important;
  color: #4a4a4e !important;
}

.blank-zakaza-detail .bzd-offers__offer-porperty-name {
  color: #909090 !important;
  font-weight: 500 !important;
}

/* ============================================================
   7. ГАЛЕРЕЯ
   ============================================================ */

.blank-zakaza-detail .bzd-gallery__item {
  width: calc(100% / 3) !important;
  padding: 6px !important;
}

.blank-zakaza-detail .bzd-gallery__image-wrapper {
  border: 1px solid #ececef !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  background: #fff !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.blank-zakaza-detail .bzd-gallery__image-wrapper:hover {
  border-color: var(--bzd-primary) !important;
  box-shadow: 0 4px 12px rgba(123, 27, 22, 0.10) !important;
}

/* ============================================================
   8. ДОКУМЕНТЫ
   ============================================================ */

.blank-zakaza-detail .bzd-documents {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

.blank-zakaza-detail .bzd-documents__link {
  background-color: #fafafa !important;
  border: 1px solid #ececef !important;
  border-radius: 10px !important;
  padding: 12px 16px !important;
  margin: 0 !important;
  text-decoration: none !important;
  transition: border-color 0.15s ease, background-color 0.15s ease, transform 0.1s ease !important;
}

.blank-zakaza-detail .bzd-documents__link:hover {
  background-color: var(--bzd-primary-soft) !important;
  border-color: var(--bzd-primary) !important;
  transform: translateY(-1px) !important;
}

.blank-zakaza-detail .bzd-documents__icon path {
  fill: var(--bzd-primary) !important;
  transition: fill 0.15s ease !important;
}

.blank-zakaza-detail .bzd-documents__name {
  font-weight: 600 !important;
  color: var(--bzd-text) !important;
  font-size: 13px !important;
}

.blank-zakaza-detail .bzd-documents__size {
  font-size: 11.5px !important;
  color: var(--bzd-text-muted) !important;
}

.blank-zakaza-detail .bzd-documents__size-icon path {
  fill: var(--bzd-text-muted) !important;
}

/* ============================================================
   9. СЛАЙДЕР МИНИАТЮР (current — в брендовом цвете)
   ============================================================ */

.blank-zakaza-detail .thumb-slider .slick-current img,
.blank-zakaza-detail .thumb-slider .slick-current.slick-active img {
  border-color: var(--bzd-primary) !important;
  box-shadow: 0 0 0 1px var(--bzd-primary) inset !important;
}

.blank-zakaza-detail .thumb-slider .slick-slide:hover img {
  border-color: rgba(123, 27, 22, 0.4) !important;
}

/* ============================================================
   СЛАЙДЕР: премиальные стрелки (главный + тумб-слайдер)
   ============================================================
   Полная переделка с нуля. Подход:
     – solid burgundy fill вместо «белая кнопка + цветная тень» — это убирает
       любой намёк на halo: фон уже окрашен, тени-кольца дорисовывать нечего;
     – CSS-рисованный chevron вместо slick-овского Unicode-символа ←/→ —
       идеально чёткий, не зависит от шрифта `slick`, цвет через currentColor;
     – нейтральная (чёрная, не цветная) мягкая тень для глубины — не конкурирует
       с цветом фона, не создаёт обводки на hover;
     – никаких transform: scale() и outline в любом состоянии;
     – тумб-слайдер — pill 28×40 (rectangular), главный — circle 40×40.
   Позиционирование (top/left/right) НЕ трогаем — оно живёт в компонентном CSS. */

/* ---------- Общая база для всех стрелок ---------- */
.blank-zakaza-detail .main-slider .slick-prev,
.blank-zakaza-detail .main-slider .slick-next,
.blank-zakaza-detail .main-slider .slick-arrow,
.blank-zakaza-detail .main-slider .slick-prev-iframe,
.blank-zakaza-detail .main-slider .slick-next-iframe,
.blank-zakaza-detail .main-slider .slick-prev-noiframe,
.blank-zakaza-detail .main-slider .slick-next-noiframe,
.blank-zakaza-detail .thumb-slider .slick-prev,
.blank-zakaza-detail .thumb-slider .slick-next,
.blank-zakaza-detail .thumb-slider .slick-arrow,
.blank-zakaza-detail .thumb-slider .slick-prev-iframe,
.blank-zakaza-detail .thumb-slider .slick-next-iframe,
.blank-zakaza-detail .thumb-slider .slick-prev-noiframe,
.blank-zakaza-detail .thumb-slider .slick-next-noiframe {
  background-color: var(--bzd-primary) !important;
  background-image: none !important;
  border: none !important;
  color: transparent !important;          /* прячем литерал "Next"/"Prev" */
  outline: none !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  /* Нейтральная (чёрная) тень — не создаёт ring-эффекта, только лёгкая глубина */
  box-shadow:
    0 1px 2px rgba(0, 0, 0, 0.08),
    0 4px 12px rgba(0, 0, 0, 0.08) !important;
  transition:
    background-color 0.18s ease,
    box-shadow 0.18s ease !important;
  z-index: 99 !important;
  font-size: 0 !important;               /* подстраховка от текста "Next" */
}

/* ---------- Главный слайдер: circle 40×40 ---------- */
.blank-zakaza-detail .main-slider .slick-prev,
.blank-zakaza-detail .main-slider .slick-next,
.blank-zakaza-detail .main-slider .slick-arrow,
.blank-zakaza-detail .main-slider .slick-prev-iframe,
.blank-zakaza-detail .main-slider .slick-next-iframe,
.blank-zakaza-detail .main-slider .slick-prev-noiframe,
.blank-zakaza-detail .main-slider .slick-next-noiframe {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
}

/* ---------- Принудительная симметрия краёв ----------
   В компонентном style.css (b2b_new) в десятке media-queries для разных режимов
   (`slick-next-iframe`, `slick-next-noiframe`, и т.д.) выставлено разное
   `right: 39px / -130px / -176px / ...`, при этом prev обычно стоит у `left: 0`
   или близко к нулю → визуально кнопки несимметричны. Принудительно прибиваем
   обе стрелки к краям слайдера. Специфичность (0,0,3,0) + !important перебивает
   все компонентные media-queries (у них (0,0,2,0)). */
.blank-zakaza-detail .main-slider .slick-prev,
.blank-zakaza-detail .main-slider .slick-prev-iframe,
.blank-zakaza-detail .main-slider .slick-prev-noiframe {
  left: 0 !important;
  right: auto !important;
}

.blank-zakaza-detail .main-slider .slick-next,
.blank-zakaza-detail .main-slider .slick-next-iframe,
.blank-zakaza-detail .main-slider .slick-next-noiframe {
  right: 0 !important;
  left: auto !important;
}

/* ---------- Тумб-слайдер: rectangular pill 28×40 ---------- */
.blank-zakaza-detail .thumb-slider .slick-prev,
.blank-zakaza-detail .thumb-slider .slick-next,
.blank-zakaza-detail .thumb-slider .slick-arrow,
.blank-zakaza-detail .thumb-slider .slick-prev-iframe,
.blank-zakaza-detail .thumb-slider .slick-next-iframe,
.blank-zakaza-detail .thumb-slider .slick-prev-noiframe,
.blank-zakaza-detail .thumb-slider .slick-next-noiframe {
  width: 28px !important;
  height: 40px !important;
  border-radius: 10px !important;
}

/* ---------- Hover: чуть светлее burgundy + чуть больше тени (всё ещё нейтральной) ---------- */
.blank-zakaza-detail .main-slider .slick-prev:hover,
.blank-zakaza-detail .main-slider .slick-next:hover,
.blank-zakaza-detail .main-slider .slick-arrow:hover,
.blank-zakaza-detail .thumb-slider .slick-prev:hover,
.blank-zakaza-detail .thumb-slider .slick-next:hover,
.blank-zakaza-detail .thumb-slider .slick-arrow:hover {
  background-color: #932220 !important;
  box-shadow:
    0 2px 4px rgba(0, 0, 0, 0.10),
    0 8px 18px rgba(0, 0, 0, 0.12) !important;
}

/* ---------- Active: pressed эффект — темнее + тень тоньше ---------- */
.blank-zakaza-detail .main-slider .slick-prev:active,
.blank-zakaza-detail .main-slider .slick-next:active,
.blank-zakaza-detail .main-slider .slick-arrow:active,
.blank-zakaza-detail .thumb-slider .slick-prev:active,
.blank-zakaza-detail .thumb-slider .slick-next:active,
.blank-zakaza-detail .thumb-slider .slick-arrow:active {
  background-color: var(--bzd-primary-dark) !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.10) !important;
}

/* ---------- Focus: гасим браузерный ring во всех формах ---------- */
.blank-zakaza-detail .main-slider .slick-prev:focus,
.blank-zakaza-detail .main-slider .slick-prev:focus-visible,
.blank-zakaza-detail .main-slider .slick-next:focus,
.blank-zakaza-detail .main-slider .slick-next:focus-visible,
.blank-zakaza-detail .main-slider .slick-arrow:focus,
.blank-zakaza-detail .main-slider .slick-arrow:focus-visible,
.blank-zakaza-detail .thumb-slider .slick-prev:focus,
.blank-zakaza-detail .thumb-slider .slick-prev:focus-visible,
.blank-zakaza-detail .thumb-slider .slick-next:focus,
.blank-zakaza-detail .thumb-slider .slick-next:focus-visible,
.blank-zakaza-detail .thumb-slider .slick-arrow:focus,
.blank-zakaza-detail .thumb-slider .slick-arrow:focus-visible {
  outline: none !important;
}

/* ---------- CSS-рисованный chevron вместо slick-овского ←/→ ----------
   Базовый сброс :before: убираем шрифт slick и Unicode-арровы. */
.blank-zakaza-detail .main-slider .slick-prev:before,
.blank-zakaza-detail .main-slider .slick-next:before,
.blank-zakaza-detail .main-slider .slick-arrow:before,
.blank-zakaza-detail .thumb-slider .slick-prev:before,
.blank-zakaza-detail .thumb-slider .slick-next:before,
.blank-zakaza-detail .thumb-slider .slick-arrow:before {
  content: "" !important;
  font-family: inherit !important;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  display: block !important;
  width: 9px !important;
  height: 9px !important;
  border: 0 solid #fff !important;
  opacity: 1 !important;
  /* transform применяется ниже точечно для каждого направления */
  transition: border-color 0.18s ease !important;
}

/* Левый chevron `<` — границы top + left, поворот -45° */
.blank-zakaza-detail .main-slider .slick-prev:before,
.blank-zakaza-detail .thumb-slider .slick-prev:before {
  border-top-width: 2px !important;
  border-left-width: 2px !important;
  border-top-color: #fff !important;
  border-left-color: #fff !important;
  transform: rotate(-45deg) !important;
  margin-left: 3px !important;  /* визуальная балансировка: вершина < смещена влево */
}

/* Правый chevron `>` — границы top + right, поворот 45° */
.blank-zakaza-detail .main-slider .slick-next:before,
.blank-zakaza-detail .thumb-slider .slick-next:before {
  border-top-width: 2px !important;
  border-right-width: 2px !important;
  border-top-color: #fff !important;
  border-right-color: #fff !important;
  transform: rotate(45deg) !important;
  margin-right: 3px !important; /* визуальная балансировка: вершина > смещена вправо */
}

/* ---------- Disabled ---------- */
.blank-zakaza-detail .main-slider .slick-disabled,
.blank-zakaza-detail .thumb-slider .slick-disabled,
.blank-zakaza-detail .main-slider .slick-disabled:hover,
.blank-zakaza-detail .thumb-slider .slick-disabled:hover {
  background-color: #d7b9b7 !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06) !important;
  cursor: not-allowed !important;
}

.blank-zakaza-detail .main-slider .slick-disabled:before,
.blank-zakaza-detail .thumb-slider .slick-disabled:before {
  border-top-color: rgba(255, 255, 255, 0.75) !important;
  border-left-color: rgba(255, 255, 255, 0.75) !important;
  border-right-color: rgba(255, 255, 255, 0.75) !important;
}

/* ============================================================
   10. АДАПТИВ
   ============================================================ */

@media (max-width: 1200px) {
  .blank-zakaza-detail .blank-zakaza-detail__aside.card,
  .blank-zakaza-detail .blank-zakaza-detail__main-section.card,
  .blank-zakaza-detail .blank-zakaza-detail__main-section.card.card-body {
    padding: 18px 18px !important;
  }
}

@media (max-width: 767px) {
  .blank-zakaza-detail .blank-zakaza-detail__aside.card,
  .blank-zakaza-detail .blank-zakaza-detail__main-section.card,
  .blank-zakaza-detail .blank-zakaza-detail__main-section.card.card-body {
    padding: 14px 14px !important;
    border-radius: 10px !important;
  }

  .blank-zakaza-detail .card-title {
    font-size: 15px !important;
    margin-bottom: 12px !important;
  }

  .blank-zakaza-detail .blank-zakaza-detail__title {
    font-size: 18px !important;
  }

  .blank-zakaza-detail .bzd-props__table-col {
    padding: 8px 12px !important;
    font-size: 12px !important;
  }

  .blank-zakaza-detail .quantity-selector__decrement,
  .blank-zakaza-detail .quantity-selector__increment {
    width: 30px !important;
    height: 30px !important;
  }

  .blank-zakaza-detail .quantity-selector__value {
    width: 52px !important;
    height: 30px !important;
  }

  .blank-zakaza-detail .bzd-gallery__item {
    width: 50% !important;
  }
}

@media (max-width: 480px) {
  .blank-zakaza-detail .bzd-gallery__item {
    width: 100% !important;
  }

  .blank-zakaza-detail .bzd-offers__offer-cell,
  .blank-zakaza-detail .bzd-offers__header-cell {
    padding: 8px 10px !important;
    font-size: 12px !important;
  }
}