/* Убираем верхний отступ у табов */
.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__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 0px !important;
}
/* Отступ в гамбургере */
.t-menuwidgeticons__wrapper {
    margin-right: 15px !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; /* Убираем правый отступ */
  }
}

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

/* Скрыть стандартный артикул на полной странице (чтобы не было дублей) */
.t-store__prod__sku,
.js-store-prod-sku,
.t-store__prod-popup__sku { /* на всякий случай, если где-то всплывёт попап */
  display: none !important;
}

/* Делаем селекты компактнее и ставим их в одну строку с другими опциями */
.t-product__option,
.t-store__prod-popup .t-product__option {
  display: inline-flex !important;
  align-items: center;   /* центр по вертикали внутри блока */
  vertical-align: middle;/* выравнивание самих блоков между собой */
  gap: 10px;
  margin: 0 14px 10px 0;
  width: auto !important;
}

/* Скрыть заголовок "Размер" (и на странице, и в попапе) */
.t-product__option .js-product-edition-option-name.t-product__option-title.t-typography__options.t-descr.t-descr_xxs,
.t-store__prod-popup .t-product__option .js-product-edition-option-name.t-product__option-title.t-typography__options.t-descr.t-descr_xxs {
  display: none !important;
}

/* Микроподъём свотчей "Цвет" на 2px (и в попапе тоже) */
.t-product__option:nth-child(2) .t-product__option-variants,
.t-store__prod-popup .t-product__option:nth-child(2) .t-product__option-variants {
  transform: translateY(-2px);
}

/* На очень узких экранах можно вернуть вертикальную раскладку (необязательно) */
@media (max-width: 420px) {
  .t-product__option,
  .t-store__prod-popup .t-product__option {
    display: flex !important;
  }
}

/* Скрыть блок "RELAXED" в карточке товара и в попапе */
.js-store-product .js-store-prod-all-text,
.t-store__prod-popup .js-store-prod-all-text {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
}