/* Медиазапрос для экранов шириной до 640px */
@media screen and (max-width: 640px) {
    .t-slds__thumbsbullet.t-slds__bullet {
        width: 0; /* Изменено на 0 для упрощения */
        margin-right: 0; /* Установлено правильное значение */
        margin-top: 0; /* Установлено правильное значение */
    }
}

/* Медиазапрос для экранов шириной до 560px */
@media screen and (max-width: 560px) {
    .t-store .t-slds__thumbsbullet-wrapper,
    .t-store .t-store__prod-popup__info {
        padding-left: 20px; /* Поддерживаем отступ слева */
        padding-right: 20px; /* Поддерживаем отступ справа */
    }

}
/* Стили для закрывающего элемента вкладок в магазине */
.t-store .t-store__tabs__close:after {
    position: absolute;  /* Положение элемента относительно родителя */
    display: none;       /* Элемент по умолчанию не отображается */
    z-index: -1;        /* Элемент находится ниже других */
    content: '';        /* Пустое содержимое */
    left: -7px;         /* Смещение слева */
    top: -7px;          /* Смещение сверху */
    width: 34px;        /* Ширина элемента */
    height: 34px;       /* Высота элемента */
    border-radius: 50% !important;    /* Округление углов */
    background-color: #fff !important; /* Цвет фона */
}

/* Стили для текста среднего размера описания */
.t-descr_md {
    font-size: 16px;       /* Размер шрифта */
    line-height: 1.55;     /* Высота строки */
}

/* Контейнер для сниппетов продуктов в магазине */
.t-store__prod-snippet__container {
    padding-top: 20px;    /* Отступ сверху */
    padding-bottom: 120px; /* Отступ снизу */
}

/* Стили для текстовых ссылок */
.link2[data-elem-type="text"] a {
    border: 0 !important;                /* Без границ */
    display: inline-block !important;     /* Строковое отображение */
    width: auto !important;               /* Автоширина */
    position: relative !important;        /* Относительное позиционирование */
    transition: all 0.3s ease !important; /* Плавный переход */
    color: #000000 !important;            /* Цвет ссылки по умолчанию */
}

/* Стили для ссылок при наведении */
.link2[data-elem-type="text"] a:hover {
    color: #666666 !important; /* Цвет ссылки при наведении */
}

/* Стили для подчеркивания ссылки */
.link2[data-elem-type="text"] a::after {
    content: '';               /* Пустое содержимое для подчеркивания */
    position: absolute;        /* Абсолютное позиционирование */
    transition: all 0.3s ease; /* Плавный переход для подчеркивания */
    margin: auto;             /* Авто-отступ для центрирования */
    margin-bottom: 0;         /* Отступ снизу (можно настроить) */
    height: 0.5px;            /* Толщина подчеркивания */
    background: transparent;  /* Цвет подчеркивания по умолчанию */
    opacity: 0;               /* Прозрачность по умолчанию */
    bottom: 20%;              /* Смещение снизу */
    left: 0;                  /* Положение слева */
    right: 0;                 /* Положение справа */
    width: 100%;              /* Ширина подчеркивания */
}

/* Стили для подчеркивания ссылки при наведении */
.link2[data-elem-type="text"] a:hover::after {
    background: #666666;     /* Цвет подчеркивания при наведении */
    opacity: 1;              /* Полная непрозрачность при наведении */
    bottom: 0;               /* Подчеркивание прижимается к нижней части */
    left: 0;                 /* Положение слева */
    right: 0;                /* Положение справа */
    width: 100%;             /* Ширина подчеркивания */
}





/* Адаптивные стили для мобильных устройств */
@media screen and (max-width: 640px) {
    .t-slds__thumbsbullet.t-slds__bullet {
        width: 0;            /* Устанавливаем ширину в 0 */
        margin-right: 0;     /* Убираем маргин справа */
        margin-top: 0;       /* Убираем маргин сверху */
    }
}

@media screen and (max-width: 560px) {
    .t-store .t-slds__thumbsbullet-wrapper,
    .t-store .t-store__prod-popup__info {
        padding-left: 20px;  /* Отступ слева */
        padding-right: 20px; /* Отступ справа */
    }
}

/* Стили для закрывающего элемента вкладок */
.t-store .t-store__tabs__close:after {
    position: absolute;            /* Абсолютное позиционирование */
    display: none;                 /* Элемент по умолчанию не отображается */
    z-index: -1;                  /* Низкий z-index */
    content: '';                   /* Пустое содержимое */
    left: -7px;                   /* Смещение слева */
    top: -7px;                    /* Смещение сверху */
    width: 34px;                  /* Ширина элемента */
    height: 34px;                 /* Высота элемента */
    border-radius: 50% !important;/* Округление углов */
    background-color: #fff !important; /* Цвет фона */
}

/* Стили для описания среднего размера */
.t-descr_md {
    font-size: 16px;              /* Размер шрифта */
    line-height: 1.55;            /* Высота строки */
}

/* Логотип контейнера */
.t450__logowrapper {
    margin-bottom: 45px;          /* Отступ снизу */
}

/* Стили для количества товара */
.t1002__product-amount--portion,
.t1002__product-amount {
    font-size: 12px;              /* Размер шрифта */
}

/* Стили для текстовых ссылок */
.link[data-elem-type="text"] a {
    border: 0 !important;                     /* Без границ */
    display: inline-block !important;          /* Строковое отображение */
    width: auto !important;                    /* Автоширина */
    position: relative !important;             /* Относительное позиционирование */
    transition: all 0.3s ease !important;      /* Плавный переход */
    color: ;                                   /* Цвет ссылки до наведения */
}

.link[data-elem-type="text"] a:hover {
    color: ;                                   /* Цвет ссылки после наведения */
}

.link[data-elem-type="text"] a::after {
    content: '';                              /* Пустое содержимое */
    position: absolute;                       /* Абсолютное позиционирование */
    transition: all 0.3s ease;                /* Плавный переход */
    margin: auto;                             /* Центрирование */
    margin-bottom: 2px;                       /* Отступ между ссылкой и подчеркиванием */
    height: 0.5px;                            /* Толщина подчеркивания */
    background: ;                             /* Цвет подчеркивания до наведения */
    opacity: 1;                               /* Полная непрозрачность */
    bottom: 0;                                /* Привязка к низу */
    left: 50%;                                /* Горизонтальное центрирование */
    width: 0;                                 /* Начальная ширина */
}

.link[data-elem-type="text"] a:hover::after {
    background: #ffffff;                     /* Цвет подчеркивания после наведения */
    opacity: 1;                              /* Полная непрозрачность */
    left: 0;                                 /* Привязка к левому краю */
    width: 100%;                             /* Полная ширина */
}

/* Стили для кнопок вкладок в аккордеоне */
.t-store .t-store__tabs_accordion .t-store__tabs__item-button {
    border-top: 0.5px solid rgb(192, 192, 192) !important; /* Верхняя граница для кнопки */
}

/* Стили для неактивных кнопок вкладок */
.t-store .t-store__tabs_accordion .t-store__tabs__item-button:not(.t-store__tabs__item-button_active) {
    border-bottom: 0.5px solid rgb(192, 192, 192) !important; /* Нижняя граница для неактивных кнопок */
}

.t-store__card__sold-out-msg {
    visibility: hidden; /* Скрываем сообщение по умолчанию */
}


/* Отключение кнопки в карточке товара */
#allrecords .t-rec .t-store__prod-snippet__container .t-store__product-snippet .t-container div .t-col .t-store__prod-popup__btn-wrapper .t-store__prod-popup__btn_disabled {
    display: none; /* Скрывает элемент, возможно, для недоступной кнопки */
}

/* Стили для контейнера изображения продукта */
.t706__product .t706__product-thumb .t706__product-imgdiv,
.t1002__product .t1002__product-thumb .t1002__product-imgdiv {
    height: 100px;           /* Устанавливает фиксированную высоту изображения */
    border-radius: 0;        /* Обнуляет радиус всех углов */
}

/* Отступ для цены на карточке */
.t-store__card__price-wrapper {
    margin-top: 5px; /* Добавляет верхний отступ для разделения элементов */
}

@media screen and (min-width: 960px) {
    .t758__col.t-col. { 
        max-width: 100% !important;
        display: block;
        float: none;
        padding-left: 0px!important;
        padding-right: 20px;
        margin: 0;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
}


@media screen and (min-width: 1200px){
    /*-----Стили только для блоков без стандартных заголовков-----*/
    .uc-window > div{
        padding: 0 40px;    /*Отступы по бокам экрана*/
    }
    .uc-window > div > .t-container,
    .uc-window > div > [class*="container"]:not(.t-popup__container),
    .uc-window .js-feed-container,
    .uc-window .js-store-grid-cont{
        display: grid;
        grid-template-columns: 1fr;   /*Количество колонок и их размер*/
        gap: 10px 10px;  /*Отступ между колонками, первое значение – по оси Y, второй – по оси X*/
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
    }
    
    .uc-window .t-col:not(.t-popup__container .t-col):not(.t-feed__post-popup__content),
    .uc-window .t-item:not(.t-popup__container .t-col){
        max-width: 100% !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /*Скрываем разделители*/
    .uc-window .t-container:before,
    .uc-window .t-container:after,
    .uc-window [class*="container"]:before,
    .uc-window [class*="container"]:after,
    .uc-window [class*="separator"]{
        display: none;
    }