/*
 * Heikaya v6.18.6
 * ONLY mobile homepage subcategory arrow fix.
 * No card, section, spacing, product or desktop changes.
 */

@media (max-width: 767px) {

    /* Remove any surviving legacy carousel arrows completely. */
    body.home .lumiere-stacked-collections .lumiere-slider-arrow,
    body.home .lumiere-stacked-collections .lumiere-category-slider__controls {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    /* Dedicated mobile slider is the positioning box. */
    body.home .heikaya-phone-collection__slider {
        position: relative !important;
    }

    /*
     * Put the arrows at the OUTER edges of the two-card row.
     * They sit partly over the image edge, never between the cards.
     */
    body.home .heikaya-phone-category-arrow {
        position: absolute !important;
        top: calc(50% - 22px) !important;
        z-index: 80 !important;
        display: grid !important;
        place-items: center !important;
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        min-height: 32px !important;
        max-width: 32px !important;
        max-height: 32px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 1px solid rgba(21,18,15,.14) !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;
    }

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

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

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

    /* Keep disabled arrow visible but subtle, so the layout stays balanced. */
    body.home .heikaya-phone-category-arrow[disabled] {
        opacity: .28 !important;
        pointer-events: none !important;
    }
}