/* Ширина scrollbara */
::-webkit-scrollbar {
  width: 10px;
}

/* Цвет бегунка */
::-webkit-scrollbar-thumb {
  background-color: #a1b2d4;
}



/* border-radius бегунка (px) */
::-webkit-scrollbar-thumb {
  border-radius: 1px;
}

/* Толщина бордера бегунка */
::-webkit-scrollbar-thumb {
  border: 0;
}

/* Цвет бордера бегунка */
::-webkit-scrollbar-thumb {
  border-color: #000;
}

/* Цвет фона */
::-webkit-scrollbar-track {
  background-color: #d9e9ff;
}


.custom-link:hover {
    font-weight: bold !important;
    font-size: 22px;
    
}



/* Изначально блок скрыт */
.uc-rec804209682 {
  position: absolute;
  top: -100%; /* Изначально скрыт за пределами видимости */
  left: 0;
  width: 100%; /* На всю ширину экрана */
  max-height: 0; /* Блок закрыт */
  overflow: hidden; /* Скрываем содержимое блока, пока он раскрывается */
  opacity: 1; /* Полная яркость сразу */
  transition: max-height 1s ease-in-out; /* Раскрытие за 0.5 секунды */
  z-index: 999;
  pointer-events: none; /* Отключаем взаимодействие с блоком, пока он скрыт */
}

/* Когда блок активен и показывается */
.uc-rec804209682.active {
  max-height: 710px; /* Устанавливаем максимальную высоту, чтобы избежать зажевывания */
  pointer-events: auto; /* Включаем взаимодействие с блоком, когда он виден */
}



/* Оставляем рамку для всех изображений */
.js-product-img {
    border: 2px solid #A1B2D4;
    border-radius: 22px;
    display: block;
    max-width: 100%;
    height: auto;
    box-sizing: border-box;
    margin: 0 auto;
}

/* Убираем рамку только для изображений в попапе */
.t-store__prod-popup__slider .js-product-img {
    border: none;
}



.t-store__card__imgwrapper,
.t-store__card__textwrapper {
    padding: 10; /* Убирает отступы */
    margin: 10; /* Убирает отступы */
}


/* в целом всё наследственное но для подробного описания сойдёт*/
.t-descr_xxs {
    font-size: 16px;
    line-height: 1.55
}
.js-store-prod-all-text{ /*подробное*/
    font-size: 22px;
    line-height: 1.55
}
.t-store__prod-popup__brand,
.t-store__prod-popup__sku {
    font-size: 14px; /* Устанавливаем размер шрифта 14px */
}



/* жеский сваг */
/* Кнопка "В корзину" */
/* Кнопка "В корзину" */
a.js-store-prod-btn2.t-store__card__btn {
    color: #ffffff !important; /* Белый текст */
    background-color: #A1B2D4 !important; /* Светлый фон */
    border: 1px solid #A1B2D4 !important; /* Граница в цвет фона */
    border-radius: 12px !important; /* Закруглённые углы */
    padding: 10px 20px !important; /* Отступы */
    text-align: center !important; /* Центрирование текста */
    font-size: 14px !important; /* Размер текста */
    font-weight: bold !important; /* Полужирный текст */
    transition: all 0.3s ease !important; /* Плавный переход при наведении */
}

a.js-store-prod-btn2.t-store__card__btn:hover {
    background-color: #8FA0C2 !important; /* Более тёмный фон при наведении */
    border-color: #8FA0C2 !important; /* Соответствие фону */
}

/* Кнопка "О товаре" */
a.js-store-prod-btn.t-store__card__btn {
    color: #A1B2D4 !important; /* Текст цвета рамки */
    background-color: #ffffff !important; /* Белый фон */
    border: 1px solid #A1B2D4 !important; /* Граница цвета текста */
    border-radius: 12px !important; /* Закруглённые углы */
    padding: 10px 20px !important; /* Отступы */
    text-align: center !important; /* Центрирование текста */
    font-size: 14px !important; /* Размер текста */
    font-weight: bold !important; /* Полужирный текст */
    transition: all 0.3s ease !important; /* Плавный переход при наведении */
}

a.js-store-prod-btn.t-store__card__btn:hover {
    background-color: #A1B2D4 !important; /* Смена фона на светлый при наведении */
    color: #ffffff !important; /* Белый текст при наведении */
}