/* Устанавливает цвет фона для всего сайта */
body{
    background-color: #f7f7f6!important;
}

/* Скрывает опции "Размер", "Лиф", "Цвет" в каталоге и в релевантных продуктах */
#allrecords .t-store__grid-cont .t-product__option[data-edition-option-id="Размер"],
#allrecords .t-store__grid-cont .t-product__option[data-edition-option-id="Лиф"],
#allrecords .t-store__grid-cont .t-product__option[data-edition-option-id="Цвет"] .js-product-edition-option-name,
#allrecords .t-store__relevants__container .t-product__option[data-edition-option-id="Размер"],
#allrecords .t-store__relevants__container .t-product__option[data-edition-option-id="Лиф"],
#allrecords .t-store__relevants__container .t-product__option[data-edition-option-id="Цвет"] .js-product-edition-option-name {
  display: none;
}

/* Устанавливает размеры индикаторов выбора цвета */
#allrecords .js-product .t-product__option-variants_buttons .t-product__option-checkmark_color {
  width: 16px;
  height: 16px;
}

/* Добавляет обводку и увеличение индикатора при выборе цвета */
#allrecords .js-product .t-product__option-variants_buttons .t-product__option-input:checked+.t-product__option-checkmark_color:before {
  left: -4px;
  top: -4px;
  width: calc(100% + 6px);
  height: calc(100% + 6px);
  border: 1px solid rgb(0 0 0 / 25%);
}

/* Поднимает название цвета при наведении на цветовую опцию */
#allrecords .js-product .t-product__option-variants_buttons .t-product__option-item_color:hover .t-product__option-title {
  bottom: 30px;
  transform: translateX(calc(-50% + 8px));
}

/* Добавляет тонкую обводку для доступных цветов */
.t-product__option-item_color input:checked + .t-product__option-checkmark_color {
  border: 1px solid #666464; /* Тонкая темно-серая обводка */
}

/* Добавляет обводку для недоступных цветов */
.t-product__option-item_color.t-product__option-item_disabled .t-product__option-checkmark_color {
  border: 1px solid #666464; /* Тонкая темно-серая обводка для недоступных цветов */
  position: relative;
}

/* Перечёркивает недоступные цвета наискосок */
.t-product__option-item_color.t-product__option-item_disabled .t-product__option-checkmark_color::after {
  content: '';
  position: absolute;
  top: 50%; /* Центрируем по вертикали */
  left: 50%; /* Центрируем по горизонтали */
  width: 100%; /* Ширина линии по диаметру круга */
  height: 2px; /* Толщина линии */
  background-color: #666464; /* Цвет перечеркивания */
  transform: translate(-50%, -50%) rotate(-45deg); /* Поворот на 45 градусов с выравниванием */
  transform-origin: center; /* Ориентируем поворот по центру */
}

/* Скрывает выбор размеров верха и низа только в каталоге */
#allrecords .t-store__grid-cont .js-product-edition-option[data-edition-option-id*="Размер"] {
  display: none;
}

/* Скрывает SKU карточки товара */
.t-store__card__sku {
    display: none;

}
/* Скрывает первую опцию (например, Подарочная коробка) только в КАТАЛОГЕ товаров */
#allrecords .t-store__grid-cont .t-product__option:nth-of-type(1),
#allrecords .t-store__grid-cont .t-product__option:nth-of-type(3) {
  display: none !important;