/** Shopify CDN: Minification failed

Line 200:0 Unexpected "#"
Line 200:2 Unexpected "{"
Line 200:11 Expected ":"

**/
/* Border-bottom only, override theme search CSS */
.hdt-header-search_form_short .hdt-search_inner {
    border-bottom: 1px solid rgb(var(--color-line-border)) !important;
}
/* Header cart & wishlist badges — dynamic color from theme settings (badge_custom) */
.hdt-site-nav_icon a .hdt-count-box {
  background-color: rgb(var(--color-custom-badge-background)) !important;
  color: rgb(var(--color-custom-badge-text)) !important;
}
/* ==========================================================================
   Header Bottom Section
   ========================================================================== */

/* дефолты только для этой секции, цвета берём из color-scheme */
.custom-middle-banner {
  --cmb-mt: 5px;
  --cmb-mb: 15px;
  --cmb-w: 1500px;
  --cmb-h: 60px;
  --cmb-head-fs: 14px;
  --cmb-head-fw: 500;
  --cmb-sub-fs: 12px;
  --cmb-sub-fw: 400;
  --cmb-icon: 28px;

  position: relative;
  z-index: 1; /* ниже .hdt-header-menu-bottom */
}

/* Обёртка секции */
.cmb-wrap {
  width: 100%;
  background-color: rgb(var(--color-background));
  border-top: 1px solid rgb(var(--color-line-border));
  border-bottom: 1px solid rgb(var(--color-line-border));
  margin-top: var(--cmb-mt);
  margin-bottom: var(--cmb-mb);
  box-sizing: border-box;
  content-visibility: auto;
  contain-intrinsic-size: 72px;
  contain: layout style;
}

/* Внутренний контейнер */
.cmb {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto;
  width: 100%;
  box-sizing: border-box;
  gap: 0;
}

.cmb--cw {
  max-width: var(--cmb-w);
}

.cmb--ch {
  height: var(--cmb-h);
  overflow: hidden;
}

/* Элемент */
.cmb__item {
  flex: 1 1 0;
  min-width: 250px;
  padding: 10px 2%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  word-break: break-word;
  box-sizing: border-box;
  will-change: transform;
}

.cmb__item.has-divider::after {
  content: "";
  position: absolute;
  right: 0;
  top: 25%;
  height: 50%;
  width: 1px;
  background-color: rgb(var(--color-line-border));
}

/* Иконка (inline SVG) */
.cmb__icon {
  width: var(--cmb-icon);
  height: var(--cmb-icon);
  margin-right: 16px;
  flex: 0 0 auto;
  display: inline-block;
  line-height: 0;
}

.cmb__icon svg {
  width: 100%;
  height: 100%;
  fill: var(--cmb-icon-c, currentColor);
  display: block;
}

/* Текстовой блок */
.cmb__text {
  display: flex;
  flex-direction: column;
}

/* Заголовки и сабтекст */
.cmb__headline {
  font-weight: var(--cmb-head-fw);
  font-size: var(--cmb-head-fs);
  color: rgb(var(--color-foreground));
  line-height: 1.3;
  display: block;
}

.cmb__sub {
  color: rgb(var(--color-foreground2));
  font-size: var(--cmb-sub-fs);
  font-weight: var(--cmb-sub-fw);
  line-height: 1.4;
  display: block;
  opacity: 0.95;
  margin-top: 3px; /* аккуратный зазор между headline и "Order by 1pm..." */
}

/* Кликабельная область */
.cmb__link {
  color: inherit;
  text-decoration: none;
  display: inline-flex;
  flex-direction: column;
}

/* Выравнивание */
.text-left .cmb__text {
  text-align: left;
  align-items: flex-start;
}

.text-center .cmb__text {
  text-align: center;
  align-items: center;
}

.text-right .cmb__text {
  text-align: right;
  align-items: flex-end;
}

/* Мобильная адаптация */
@media (max-width: 768px) {
  .cmb__item {
    flex: 0 0 100%;
    flex-direction: column;
    text-align: center;
    padding: 10px 16px;
  }

  .cmb__item.has-divider::after {
    display: none;
  }

  .cmb__icon {
    margin: 0 0 10px 0;
  }

  .cmb__text {
    align-items: center;
  }

  .hide-mobile {
    display: none !important;
  }
}
.cmb__link:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}
.hdt-header-menu-bottom {
  position: relative;
  z-index: 30;
}
.hdt-popover__sorting > button {
  border: none !important;
}
.hdt-control-sorting-inner {
  gap: 6px;
}
#{{ section.id }} .hdt-shop-control {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 5px;
}
.hdt-active-filters {
    line-height: 1.5;
    row-gap: 15px;
}
/* Product design 6: постоянный фон как при hover */
.hdt-card-product.hdt-pr-style6 .hdt-card-product__media::before {
  opacity: 1 !important;
}

/* При hover фон становится светлее (за счёт меньшей прозрачности) */
.hdt-card-product.hdt-pr-style6:hover .hdt-card-product__media::before {
  opacity: 0.7 !important; /* можешь попробовать 0.2 или 0.1, если хочется ещё светлее */
}
/* Скругляем углы блока с изображением в Product Design 6 */
.hdt-card-product.hdt-pr-style6 .hdt-card-product__media {
  border-radius: 5px; /* можешь поставить 14px, 16px и т.д. */
  overflow: hidden;    /* чтобы изображение и overlay обрезались по радиусу */
}

/* Скругление overlay (::before) — обязательно */
.hdt-card-product.hdt-pr-style6 .hdt-card-product__media::before {
  border-radius: inherit !important;
}
.hdt-card-product.hdt-pr-style6 .hdt-card-product__media img {
  transform: scale(0.9);
  transform-origin: center;
  object-fit: contain !important;
}
/* 1. Карточка тянется по высоте, чтобы было куда прижимать кнопку */
.hdt-card-product.hdt-pr-style6 .hdt-card-product__wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* 2. Информационный блок тоже колонка */
.hdt-card-product.hdt-pr-style6 .hdt-card-product__info {
  display: flex !important;
  flex-direction: column;
  flex-grow: 1;
}

/* 3. Кнопка (нижняя группа) прижимается к низу карточки */
.hdt-card-product.hdt-pr-style6 .hdt-card-product__info .hdt-pr-btns-group1 {
  margin-top: auto;
}
/* Добавляем стабильный отступ между ценой и кнопкой */
.hdt-card-product.hdt-pr-style6 .hdt-pr-btns-group1 {
  margin-top: auto;
  padding-top: 12px; /* регулируемый отступ между ценой и кнопкой */
}
/* Меняем фон кружка при наведении на сердечко только для Product Design 6 */
.hdt-card-product.hdt-pr-style6 .hdt-card-product__btn-wishlist:hover {
  background-color: #f6f6f6 !important; /* светло-серый вместо чёрного */
  color: #F1588C !important;               /* делаем иконку чёрной */
}
/* Меняем цвет окантовки сердечка без наведения */
.hdt-card-product.hdt-pr-style6 .hdt-card-product__btn-wishlist {
  border-color: #F1588C !important; /* поставь свой цвет */
  color: #F1588C !important;        /* иконка того же цвета */
}
/* Desktop / tablet – показываем текст сверху, прячем мобильную строку */
.hdt-products-count--mobile {
  display: none;
}
@media (max-width: 1023px) {
  /* На мобиле прячем версию в верхней строке */
  .hdt-products-count--desktop {
    display: none;
  }

  .hdt-products-count--mobile {
    display: block;
    margin-top: 10px;
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 30px;
  }
}
/* Desktop: отдельный текст "Sort by" слева от дропдауна + выравнивание */
@media (min-width: 1024px) {

  /* Контейнер сортировки → выравниваем "Sort by" и dropdown по центру */
  .hdt-shop-control .hdt-control-sorting {
    display: flex;
    align-items: center;      /* вертикальное выравнивание */
    justify-content: flex-end;
    column-gap: 8px;          /* расстояние между текстом и кнопкой */
  }

  /* Текст Sort by */
  .hdt-control-sorting .hdt-sort-label-desktop {
    display: inline-block;
    margin: 0;                /* важно: убираем старый margin-right */
  }
}


