/* ============================================================
   STORE-SLIDER — слайдер товаров в детальной карточке магазина
   ============================================================ */

/* ---- Заголовок ---- */
.drag-block.container.MAPS .rm-store-product-heading {
    font-size: var(--rm-font-size-base);
    font-weight: var(--rm-font-weight-medium);
    color: var(--rm-text);
    font-family: var(--rm-font-main);
    margin-top: 20px;
}

/* ---- Обёртка слайдера ---- */
.drag-block.container.MAPS .rm-store-product-slider {
    margin: 20px -34px 0;
    overflow: hidden;
    flex-shrink: 0;
}

/* Состояние загрузки */
.drag-block.container.MAPS .rm-store-product-slider--loading::after {
    content: '';
    display: block;
    height: 202px;
    background: linear-gradient(90deg, #f5f5f5 25%, #ebebeb 50%, #f5f5f5 75%);
    background-size: 200% 100%;
    animation: rmStoreSliderSkeleton 1.4s infinite;
}

@keyframes rmStoreSliderSkeleton {
    0%   { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

.drag-block.container.MAPS .rm-store-product-slider--loading .rm-store-product-swiper,
.drag-block.container.MAPS .rm-store-product-slider--loading .rm-store-product-scrollbar {
    display: none;
}

/* ---- Swiper-контейнер ---- */
.drag-block.container.MAPS .rm-store-product-swiper {
    overflow: hidden;
    width: 100%;
}

/* ---- Ширина слайда (паттерн как rm-promo-card — два класса) ---- */
.rm-store-product-swiper .swiper-slide.rm-store-slide {
    width: 150px !important; /* !important: Swiper задаёт ширину инлайном; фиксированная ширина по дизайну */
    flex-shrink: 0;
    height: auto;
}

/* ---- Карточка товара ---- */
.rm-store-card {
    display: flex;
    flex-direction: column;
    width: 150px;
    text-decoration: none;
    color: inherit;
    transition: opacity var(--rm-transition);
}

.rm-store-card:hover {
    opacity: var(--rm-hover-opacity);
    color: inherit;
}

/* Фото */
.rm-store-card__image {
    width: 150px;
    height: 150px;
    overflow: hidden;
    border-radius: var(--rm-radius-sm);
    background: var(--rm-bg-secondary);
    flex-shrink: 0;
}

.rm-store-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.rm-store-card__no-image {
    width: 100%;
    height: 100%;
    background: var(--rm-bg-secondary);
}

/* Название */
.rm-store-card__name {
    margin-top: var(--rm-spacing-sm);
    font-size: var(--rm-font-size-sm);
    font-family: var(--rm-font-main);
    color: var(--rm-text);
    line-height: 1.35;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 32px;
}

/* Цена */
.rm-store-card__price {
    margin-top: 6px;
    font-size: var(--rm-map-price-size); /* 13px — между xs(12) и sm(14), дизайн-специфика */
    font-weight: var(--rm-font-weight-medium);
    font-family: var(--rm-font-main);
    color: var(--rm-text);
    white-space: nowrap;
}

/* ---- Scrollbar — позиционирование (стили hover из rm-scrollbar в new-products-slider.css) ---- */
.drag-block.container.MAPS .rm-store-product-scrollbar {
    margin: 25px 20px 0 34px;
}