/*
 * Heikaya v6.18.5
 * FINAL mobile homepage category cards.
 * Phone only. Desktop remains untouched.
 */

@media (max-width: 767px) {
    /* Completely suppress the legacy desktop carousel on phones. */
    body.home .lumiere-stacked-collections,
    body.home .lumiere-categories .lumiere-stacked-collections,
    body.home section.lumiere-categories > .lumiere-stacked-collections {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        max-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        pointer-events: none !important;
    }

    body.home .heikaya-phone-collections {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 0 6px !important;
        overflow: hidden !important;
        background: #fffdf9 !important;
    }

    body.home .heikaya-phone-collection {
        width: 100% !important;
        margin: 0 !important;
        padding: 22px 0 18px !important;
        border-bottom: 1px solid rgba(21,18,15,.09) !important;
        overflow: hidden !important;
    }

    body.home .heikaya-phone-collection:first-child {
        padding-top: 16px !important;
    }

    body.home .heikaya-phone-collection__header {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 12px 15px !important;
        text-align: center !important;
    }

    body.home .heikaya-phone-collection__header h3 {
        margin: 0 0 7px !important;
        color: #15120f !important;
        font-family: "Cormorant Garamond", Georgia, serif !important;
        font-size: 31px !important;
        font-weight: 500 !important;
        line-height: 1 !important;
        text-transform: uppercase !important;
    }

    body.home .heikaya-phone-collection__header a {
        display: inline-block !important;
        color: #15120f !important;
        font-family: Montserrat, Arial, sans-serif !important;
        font-size: 8px !important;
        font-weight: 600 !important;
        line-height: 1.25 !important;
        letter-spacing: .14em !important;
        text-decoration: none !important;
        text-transform: uppercase !important;
    }

    body.home .heikaya-phone-collection__slider {
        position: relative !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.home .heikaya-phone-collection__rail {
        display: flex !important;
        flex-flow: row nowrap !important;
        gap: 10px !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 10px 5px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-snap-type: x mandatory !important;
        scroll-behavior: smooth !important;
        scrollbar-width: none !important;
        -webkit-overflow-scrolling: touch !important;
        box-sizing: border-box !important;
    }

    body.home .heikaya-phone-collection__rail::-webkit-scrollbar {
        display: none !important;
    }

    /* Exactly two cards across: 10px + card + 10px gap + card + 10px. */
    body.home .heikaya-phone-category-card {
        flex: 0 0 calc((100vw - 30px) / 2) !important;
        width: calc((100vw - 30px) / 2) !important;
        max-width: calc((100vw - 30px) / 2) !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #15120f !important;
        text-decoration: none !important;
        scroll-snap-align: start !important;
        box-sizing: border-box !important;
    }

    /* Cleaner cards: image is the card, title sits below. */
    body.home .heikaya-phone-category-card__media {
        display: block !important;
        width: 100% !important;
        aspect-ratio: 1 / 1 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        border: 1px solid rgba(21,18,15,.07) !important;
        border-radius: 10px !important;
        background: #fff !important;
        box-shadow: none !important;
    }

    body.home .heikaya-phone-category-card__media img {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 5px !important;
        object-fit: contain !important;
        object-position: center !important;
        transform: none !important;
    }

    body.home .heikaya-phone-category-card__title {
        display: -webkit-box !important;
        width: 100% !important;
        min-height: 43px !important;
        margin: 0 !important;
        padding: 8px 3px 0 !important;
        overflow: hidden !important;
        color: #15120f !important;
        font-family: "Cormorant Garamond", Georgia, serif !important;
        font-size: 16px !important;
        font-weight: 500 !important;
        line-height: 1.08 !important;
        text-align: center !important;
        text-transform: none !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
    }

    /* Arrows on OUTER edges only — never between the two cards. */
    body.home .heikaya-phone-category-arrow {
        position: absolute !important;
        top: calc(50% - 22px) !important;
        z-index: 30 !important;
        display: grid !important;
        place-items: center !important;
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        min-height: 32px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 1px solid rgba(21,18,15,.13) !important;
        border-radius: 50% !important;
        background: rgba(255,253,249,.97) !important;
        color: #15120f !important;
        box-shadow: 0 4px 12px rgba(21,18,15,.08) !important;
        transform: translateY(-50%) !important;
        cursor: pointer !important;
    }

    body.home .heikaya-phone-category-arrow--prev {
        left: 14px !important;
    }

    body.home .heikaya-phone-category-arrow--next {
        right: 14px !important;
    }

    body.home .heikaya-phone-category-arrow svg {
        width: 17px !important;
        height: 17px !important;
        fill: none !important;
        stroke: currentColor !important;
        stroke-width: 1.7 !important;
        stroke-linecap: round !important;
        stroke-linejoin: round !important;
    }

    body.home .heikaya-phone-category-arrow[disabled] {
        opacity: 0 !important;
        pointer-events: none !important;
    }
}

@media (min-width: 768px) {
    body.home .heikaya-phone-collections {
        display: none !important;
    }
}