/* 1. Карточка: компактный размер, радиус 20px */
.t-store__card {
    background: #1a1a1a !important;
    border-radius: 20px !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    transition: all 0.3s ease !important;
    overflow: hidden !important;
    width: calc(25% - 20px) !important;
    margin: 10px !important;
    display: flex !important;
    flex-direction: column !important;
}

/* 2. Изображение: стандартное поведение, радиус 20px сверху */
.t-store__card__imgwrapper {
    width: 100% !important;
    overflow: hidden !important;
    border-radius: 20px 20px 0 0 !important;
}

.t-store__card__img {
    width: 100% !important;
    display: block !important;
}

/* 3. При наведении: серая обводка меняется на золотую */
.t-store__card:hover {
    border-color: #d4af37 !important;
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
}

/* 4. Текст */
.t-store__card__title {
    font-family: 'Inter', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    padding: 15px 15px 5px 15px !important;
    margin: 0 !important;
}

.t-store__card__price-wrapper {
    background: rgba(212, 175, 55, 0.1) !important;
    border-radius: 50px !important;
    padding: 8px 16px !important;
    align-self: flex-start !important;
    margin: 10px 15px 15px 15px !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
    transition: 0.3s !important;
}

.t-store__card:hover .t-store__card__price-wrapper {
    background: #d4af37 !important;
}

.t-store__card__price-value, 
.t-store__card__price-currency {
    color: #d4af37 !important;
    font-weight: 800 !important;
    font-size: 15px !important;
}

.t-store__card:hover .t-store__card__price-value,
.t-store__card:hover .t-store__card__price-currency {
    color: #000000 !important;
}

/* 5. Адаптация: 2 в ряд на телефонах */
@media screen and (max-width: 960px) {
    .t-store__card { width: calc(33.333% - 20px) !important; }
}

@media screen and (max-width: 640px) {
    .t-store__card { 
        width: calc(50% - 16px) !important; 
        margin: 8px !important;
        border-radius: 20px !important;
    }
}