@charset "UTF-8";

/* --- Recommend Section (Horizontal Scroll Snap) --- */
.p-recommend {
    padding: 80px 0;
    background-color: var(--color-bg);
}

.p-recommend__inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.p-recommend__heading {
    text-align: center;
    font-family: var(--font-mincho);
    font-size: 2rem;
    font-weight: 400;
    margin-bottom: 40px;
    color: var(--color-accent);
}

.p-recommend__list-wrapper {
    width: 100%;
    /* Add gradient masks if needed to indicate scroll */
}

.p-recommend__list {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    gap: 30px;
    padding-bottom: 20px;
    /* Space for scrollbar */
    -webkit-overflow-scrolling: touch;
}

/* Hide scrollbar for cleaner look (optional, but good for design) */
.p-recommend__list::-webkit-scrollbar {
    height: 8px;
}

.p-recommend__list::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 4px;
}

.p-recommend__list::-webkit-scrollbar-track {
    background: transparent;
}

.p-recommend__item {
    flex: 0 0 260px;
    /* Fixed width for items */
    scroll-snap-align: start;

    /* Reusing .c-product-card styles mostly, but ensuring layout */
}

/* Adjust c-product-card inside slider if needed */
.c-product-card {
    display: flex;
    flex-direction: column;
}

.c-product-card__img img {
    width: 100%;
    aspect-ratio: 3/4;
    object-fit: cover;
}

.c-product-card__name {
    margin-top: 10px;
    font-size: 1rem;
    font-weight: 500;
}

.c-product-card__price {
    margin-top: 5px;
    font-size: 0.9rem;
    font-weight: 700;
}


/* ==========================================================================
   Responsive
   ========================================================================== */
@media screen and (max-width: 767px) {
    .p-recommend__heading {
        font-size: 1.5rem;
    }

    /* Recommend */
    .p-recommend__item {
        flex: 0 0 70%;
        /* Show part of next item */
        scroll-snap-align: center;
    }
}