/* Стили для выпадающего списка размеров */
.t-product__option select, .t-select {
    width: 100%; /* Полная ширина */
    padding: 12px 16px; /* Отступы внутри (вертикаль/горизонталь) */
    font-size: 16px; /* Размер шрифта */
    font-weight: 400; /* Толщина шрифта */
    color: #333; /* Цвет текста */
    background-color: #fff; /* Белый фон */
    border: 1px solid #333; /* Тонкая чёрная рамка */
    border-radius: 4px; /* Закруглённые углы */
    appearance: none; /* Убираем стандартную стрелку */
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer; /* Курсор как кнопка */
    text-align: left; /* Выравнивание текста */
    box-sizing: border-box;
}

/* Добавляем кастомную стрелку */
.t-product__option select {
    background-image: url('data:image/svg+xml;utf8,'); /* SVG-стрелка */
    background-repeat: no-repeat;
    background-position: right 16px center; /* Позиция стрелки */
    background-size: 12px; /* Размер стрелки */
}

/* Стили при фокусе */
.t-product__option select:focus {
    outline: none; /* Убираем стандартный контур */
    border-color: #000; /* Чёрная рамка при фокусе */
}

/* Стили для опций внутри списка */
.t-product__option select option {
    padding: 10px; /* Отступы для текста опций */
    font-size: 16px;
    color: #333;
}

/* Адаптивность */
@media (max-width: 768px) {
    .t-product__option select, .t-select {
        padding: 10px 14px;
        font-size: 14px;
    }
}