.button_wide {
  color: #e5e1df !important;
}
.button_wide:hover {
  color: var(--color-text) !important;
}

.subcollection-list__item-title:hover {
  color: var(--color-accent-text) !important;
}

@media (max-width: 1920px) {
  .widget-type_widget_v4_header_3_06bd8c95f8e49faebc2fd10717c6ecc2 .header__content {
    grid-template-columns: max-content 1fr max-content;
  }
}

.button.add-cart-counter__btn,
.add-cart-counter__controls *,
.button.add-cart-counter__btn {
  background: #d6d2d1;
}
.is-add-cart a.button.add-cart-counter__detail span {
  background: none;
}
.add-cart-counter__controls-btn,
.add-cart-counter__detail {
  background-color: #7497bf;
  transition: background 0.3s;
}
.add-cart-counter__controls-btn:hover,
.add-cart-counter__detail:hover {
  background-color: var(--color-accent-text);
}
.button__icon svg {
  width: 20px;
}
.add-cart-counter__btn {
  transition: all 0.3s;
}
.add-cart-counter__btn:hover .add-cart-counter__btn-label {
  color: var(--color-text);
}
.add-cart-counter__btn:hover svg path,
.button__icon:hover svg path {
  stroke: var(--color-text);
  opacity: 1;
}
.add-cart-counter__btn {
  border: none !important;
}
.icon .icon- svg path,
.button__icon svg path,
.add-cart-counter__btn .button__icon {
  color: var(--color-accent-text);
}
.icon .icon- svg path,
.button__icon svg path,
.add-cart-counter__btn:hover .button__icon {
  color: var(--color-text);
}

@media (max-width: 640px) {
  .footer__area-logo {
    padding-right: 2.5rem;
  }
}

.table-tovari {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}
.table-tovari td {
  padding: 10px;
}

.button,
.co-tabs-controls--customer .co-tabs-node,
.co-button:not(.co-button--link),
.picker-button,
.m-modal-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 40px;
}

/* =========================
   VIDEO BANNER — FINAL
   - кнопки в один ряд: Пуск/Пауза, затем Включить/Отключить звук
   - без подложек
   - hover: каждая подпрыгивает вверх
   - кнопки кликабельны поверх видео/постера
   ========================= */

.banner-list__item .video-banner {
  position: relative;
}

.banner-list__item .video-banner__video {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* Важно: чтобы видео/постер не перехватывали клики (клики только по кнопкам) */
.banner-list__item .video-banner__video,
.banner-list__item .video-banner__poster {
  pointer-events: none !important;
}

.banner-list__item .video-banner__poster {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: none;
  z-index: 2;
}

.banner-list__item .video-banner.is-paused .video-banner__poster {
  display: block;
}

/* Панель кнопок — всегда одна линия */
.banner-list__item .video-banner__controls {
  position: absolute;
  left: 20px;
  bottom: 20px;

  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 6px !important;

  flex-wrap: nowrap !important;
  white-space: nowrap !important;

  z-index: 9999 !important;
  pointer-events: auto !important;
}

/* Кнопки — в потоке (flex) + поверх всех слоёв */
.banner-list__item .video-banner__play-btn,
.banner-list__item .video-banner__sound-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;

  width: auto !important;
  height: auto !important;

  position: relative !important;
  z-index: 10000 !important;
  pointer-events: auto !important;

  appearance: none !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;

  padding: 0 !important;
  margin: 0 !important;

  font: inherit !important;
  line-height: 1 !important;
  color: #fff !important;
  cursor: pointer !important;

  text-shadow: 0 3px 12px rgba(0, 0, 0, 0.55) !important;

  transition: transform 0.25s ease, opacity 0.2s ease !important;
  opacity: 0.95 !important;
}

/* порядок (на всякий случай) */
.banner-list__item .video-banner__play-btn { order: 0 !important; }
.banner-list__item .video-banner__sound-btn { order: 1 !important; }

/* hover jump — каждая кнопка отдельно */
@media (min-width: 768px) {
  .banner-list__item .video-banner__play-btn:hover,
  .banner-list__item .video-banner__sound-btn:hover {
    transform: translateY(-10px) !important;
    opacity: 1 !important;
  }
}

.banner-list__item .video-banner__play-btn:active,
.banner-list__item .video-banner__sound-btn:active {
  opacity: 0.75 !important;
}

.banner-list__item .video-banner__play-btn:focus-visible,
.banner-list__item .video-banner__sound-btn:focus-visible {
  outline: none !important;
  text-decoration: underline !important;
  text-underline-offset: 4px !important;
}

/* ===== VIDEO BANNER FINAL OVERRIDE (последним в custom.css) ===== */

.banner-list__item .video-banner{
  position: relative !important;
}

.banner-list__item .video-banner__controls{
  position: absolute !important;
  left: 20px !important;
  bottom: 20px !important;

  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;

  gap: 6px !important;
  flex-wrap: nowrap !important;
  white-space: nowrap !important;

  z-index: 99999 !important;
  pointer-events: auto !important;
}

/* Кнопки строго в ряд + кликабельны */
.banner-list__item .video-banner__controls .video-banner__play-btn,
.banner-list__item .video-banner__controls .video-banner__sound-btn{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;

  width: auto !important;
  height: auto !important;

  position: relative !important;
  z-index: 100000 !important;
  pointer-events: auto !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;

  padding: 0 !important;
  margin: 0 !important;

  font: inherit !important;
  line-height: 1 !important;
  color: #fff !important;
  cursor: pointer !important;

  text-shadow: 0 3px 12px rgba(0,0,0,.55) !important;
  opacity: .95 !important;

  transition: transform .25s ease, opacity .2s ease !important;
}

/* Порядок: сначала Пуск/Пауза, потом Звук */
.banner-list__item .video-banner__play-btn{ order: 0 !important; }
.banner-list__item .video-banner__sound-btn{ order: 1 !important; }

@media (min-width: 768px){
  .banner-list__item .video-banner__play-btn:hover,
  .banner-list__item .video-banner__sound-btn:hover{
    transform: translateY(-10px) !important;
    opacity: 1 !important;
  }
}

.banner-list__item .video-banner__play-btn:active,
.banner-list__item .video-banner__sound-btn:active{
  opacity: .75 !important;
}

/* Важно: видео/постер не должны перехватывать клики */
.banner-list__item .video-banner__video,
.banner-list__item .video-banner__poster{
  pointer-events: none !important;
}

/* ===== VIDEO CONTROLS ALIGN FIX ===== */

.banner-list__item .video-banner__controls{
  bottom: 24px !important;     /* чуть выше от края */
  left: 24px !important;

  display: inline-flex !important;
  align-items: baseline !important; /* выравнивание по текстовой линии */
  gap: 6px !important;
}

.banner-list__item .video-banner__play-btn,
.banner-list__item .video-banner__sound-btn{
  display: inline-block !important;

  line-height: 1.2 !important;   /* одинаковая высота строки */
  vertical-align: baseline !important;

  font-weight: 500 !important;   /* чуть аккуратнее выглядит */
}

/* ===== VIDEO BUTTONS: final alignment override ===== */
.banner-list__item .video-banner__controls{
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;     /* ВАЖНО: выравнивание по центру */
  justify-content: flex-start !important;

  gap: 6px !important;
  flex-wrap: nowrap !important;
  white-space: nowrap !important;

  left: 20px !important;
  bottom: 20px !important;
}

/* Оба текста делаем одинаковыми по метрикам */
.banner-list__item .video-banner__controls .video-banner__play-btn,
.banner-list__item .video-banner__controls .video-banner__sound-btn{
  display: inline-flex !important;
  align-items: center !important;

  font-size: var(--controls-font-size-m, 16px) !important;
  line-height: 1 !important;          /* ключ: одинаковая высота строки */
  letter-spacing: 0 !important;

  padding: 0 !important;
  margin: 0 !important;

  white-space: nowrap !important;
  vertical-align: middle !important;
}

/* если вдруг один из них "проседает" — убираем любые top/bottom */
.banner-list__item .video-banner__controls .video-banner__play-btn,
.banner-list__item .video-banner__controls .video-banner__sound-btn{
  top: auto !important;
  bottom: auto !important;
  transform: translateY(0) !important; /* базовое положение */
}

/* hover-прыжок оставляем */
@media (min-width: 768px){
  .banner-list__item .video-banner__controls .video-banner__play-btn:hover,
  .banner-list__item .video-banner__controls .video-banner__sound-btn:hover{
    transform: translateY(-6px) !important;
  }
}

/* TEST: жёстко убираем любые отступы у кнопок */
.banner-list__item .video-banner__controls{
  gap: 6px !important;
}

.banner-list__item .video-banner__controls .video-banner__play-btn,
.banner-list__item .video-banner__controls .video-banner__sound-btn{
  padding: 0 !important;
  margin: 0 !important;
  text-indent: 0 !important;
  letter-spacing: 0 !important;
  word-spacing: 0 !important;
}

/* Скрываем кнопку звука когда видео на паузе */
.banner-list__item .video-banner.is-paused .video-banner__sound-btn{
  display: none !important;
}

/* ===== VIDEO BANNER SOUND ICON FINAL ===== */

.banner-list__item .video-banner__controls{
  gap: 4px !important;
}

.banner-list__item .video-banner__controls .video-banner__sound-btn{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  padding: 0 !important;
  margin-left: -18px !important;
  line-height: 1 !important;
  font-size: 0 !important;
}

.banner-list__item .video-banner__controls .video-banner__sound-btn svg{
  width: 20px !important;
  height: 20px !important;
  display: block !important;
}

@media (max-width: 767px){
  .banner-list__item .video-banner__controls{
    gap: 0 !important;
  }

  .banner-list__item .video-banner__controls .video-banner__sound-btn{
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    margin-left: -10px !important;
  }

  .banner-list__item .video-banner__controls .video-banner__sound-btn svg{
    width: 22px !important;
    height: 22px !important;
  }
}

/* ===== VIDEO CONTROLS UNDER BOTTOM PANEL ===== */

.banner-list__item .video-banner{
  position: relative !important;
  z-index: 1 !important;
}

.banner-list__item .video-banner__controls{
  z-index: 2 !important;
}

.banner-list__item .video-banner__play-btn,
.banner-list__item .video-banner__sound-btn{
  z-index: 2 !important;
}