/* Убираем верхний отступ у табов */
.js-store-tabs {
    margin-top: 0px !important;
}

/* Изменить цвет линии над табами */
.t-store .t-store__tabs.t-store__tabs_accordion .t-store__tabs__item-button {
    border-top: 1px solid rgba(230, 230, 230, 1) !important; /* Светло-серый */
}

.t-store .t-store__tabs_accordion .t-store__tabs__item-button:not(.t-store__tabs__item-button_active) {
    border-bottom: 1px solid rgba(230, 230, 230, 1) !important;
}

/* Ширина табов */
@media screen and (min-width: 981px) {
    .t-container_fluid .t-col_12 {
        max-width: 100% !important;
    }
}

/* Устанавливаем шрифт "Open Sans" для заголовков табов */
.t-store__tabs__button-title,
.t-store__tabs__item-title {
    font-family: "Open Sans", sans-serif !important;
    font-weight: 400 !important; /* Легкий шрифт */
    font-size: 14px !important; /* Размер шрифта */
    text-transform: none !important; /* Убираем капслок */
    letter-spacing: normal !important; /* Убираем возможное растяжение букв */
}

/* Устанавливаем шрифт "Open Sans" для контента внутри табов */
.t-store__tabs__content {
    font-family: "Open Sans", sans-serif !important;
    font-weight: 400 !important;
    font-size: 14px !important;
}

/* уменьшает отступы вверху и снизу у табов */
.t-store .t-store__tabs .t-store__tabs__button, 
.t-store .t-store__tabs_accordion .t-store__tabs__item-button {
    padding: 12px 0 !important; /* 12px сверху и снизу, 0px слева и справа */
}


.t-store__card__sold-out-msg {
  visibility: hidden;
}

.t-store__card__sold-out-msg:after {
  content:'SOLD OUT'; 
  visibility: visible;
  display: block;
  color: #bfbdb9;
}

/* 
   Данный код переопределяет стили Tilda для карточек товаров (t-store__prod-snippet__container).
   Он задаёт отступ сверху (padding-top) в 100px и оставляет нижний отступ (padding-bottom) в 120px.
   !important используется, чтобы данный стиль имел приоритет над встроенными или стандартными стилями Tilda.
*/

/* Общие стили для всех разрешений */
.t-store__prod-snippet__container {
    padding-top: 100px !important;
    padding-bottom: 120px !important;
}

/* Для мобильных устройств (пример для ширины до 640px) */
@media screen and (max-width: 640px) {
    .t-store__prod-snippet__container {
        padding-top: 0px !important; /* или любое нужное значение */
        padding-bottom: 80px !important;
    }
}


/* Увеличивает отступ слева в карточке товара */
@media screen and (min-width: 981px) {
  .t-container_fluid .t-col {
    margin-left: 40px !important;
    margin-right: 20px;
  }
}

.t-store__prod-popup__wrapper,
.t-store__prod-popup__wrapper__col2_fixed {
    margin-bottom: 10px !important;
    margin-right: 10px !important;
    width: calc(50% - 10px) !important;
}

/* Убрать капслок в названии товара */
.t-store__prod-popup__title-wrapper .js-store-prod-name,
.t-store__prod-popup__title-wrapper .js-product-name,
.t-store__prod-popup__title-wrapper .t-store__prod-popup__name,
.t-store__prod-popup__title-wrapper .t-name_xl {
    text-transform: none !important;
}

/* Расстояние иконок в меню */
.t-menuwidgeticons__wrapper .t-menuwidgeticons__icon_sm {
    margin: 0 3px !important;
}
/* Отступ в гамбургере */
.t-menuwidgeticons__wrapper {
    margin-right: 15px !important;
}

/* Размеры карточек блока смотрите также */
.t-store__relevants-grid-cont .t-store__card__imgwrapper {
        aspect-ratio: 6 / 1 !important; /* Соотношение сторон 6:2 */
        overflow: hidden; /* Обрезка, если изображение больше */
}

.t-store__relevants-grid-cont .t-store__card__bgimg {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important; /* Масштабирует изображение без искажений */
}

/* Размеры левой правой колонки в карточке товара */
@media screen and (min-width: 981px) {
    .t-container_fluid .t-col_3 {
        max-width: calc(30% - 40px) !important;
    }
}

/* Убираем отсуп у табов */
.t-store__prod-popup__col-right .js-store-tabs {
        margin-left: 0 !important; /* Убираем левый отступ */
        padding-left: 0 !important; /* Убираем внутренний отступ */
        width: 100% !important; /* Делаем ширину полной */
    }

/* Размер иконок в табах */ 
.t-store .t-store__tabs__close-icon {
    width: 15px !important;
    height: 15px !important;
}

/* Размер фона иконок в табах */ 
.t-store .t-store__tabs__close:after {
    position: absolute;
    left: 50% !important;
    top: 50% !important;
    width: 30px !important; /* Размер фона */
    height: 30px !important;
    border-radius: 50%;
    background-color: #eee !important;
    
    /* Центрируем тень относительно иконки */
    transform: translate(-50%, -50%);
}

/* Убираем правый отступ в табах в мобильной версии */ 
@media screen and (max-width: 980px) {
  .js-store-tabs.t-store__tabs.t-store__tabs_accordion.t-col.t-col_12 {
    padding-right: 0 !important; /* Убираем правый отступ */
  }
}

/* Полностью скрывает артикул */
.t-store__prod-popup__sku {
  display: none !important;
}

/* Текст "Возможно вам понравится" */
.t-store__relevants__title.t-uptitle {
  text-transform: none !important; /* убираем капслок */
  font-size: 18px !important;
  font-weight: 400 !important;
  padding-left: 20px !important;
}
/* Текст "Возможно вам понравится" */
@media screen and (max-width: 980px) {
  .t-store__relevants__title.t-uptitle {
    text-transform: uppercase !important; /* капслок */
    font-size: 14px !important;        /* шрифт 14px на мобильных */
    padding-bottom: 10px !important; /* отступ только снизу 10px */
  }
}

/* Цвет стрелок в блоке "Вам может понравиться" кроме мобильного */
@media screen and (min-width: 980px) {
  /* Цвет стрелок в блоке "Вам может понравиться" только для десктопа */
  .t-slds__arrow-left svg polyline,
  .t-slds__arrow-right svg polyline {
      stroke: #55524e !important; /* твой фирменный цвет стрелок */
  }
}

/* Выравнивание стрелок в блоке "Вам может понравиться" кроме мобильного */
@media screen and (min-width: 980px) {
  /* стрелки выравниваем ТОЛЬКО внутри блока релевантов */
  .t-store__relevants-grid-cont .t-slds__arrow {
      top: 30%;
      transform: translateY(-30%);
  }
}

/* Цвет фона всплавыющего сообщения при добавлении в избранное */
.t1002__bubble {
    background-color: #968d81 !important; /* цвет фона */
}

/* Отступ между хлебными крошками и фото в карточке товара (кроме мобильного) */
@media screen and (min-width: 980px) {
.t-store__prod-snippet__container {
    padding-top: 20px !important; /* уменьшили верхний отступ */
    }
}