/** Shopify CDN: Minification failed

Line 19:12 Expected ":"

**/
/* =============================================
   Related Products — Slider Layout Only
   File: assets/related-products.css

   Card styles are intentionally excluded here —
   they come from the theme's card-product snippet.
   This file only handles the section layout,
   swiper wrapper, and nav buttons.
   ============================================= */

.related-products {
    padding: 64px 0 80px;
    overflow: hidden;
    position relative;
}

.related-products__title {
    font-size: 64px;
    font-weight: 300;
    letter-spacing: 0.04em;
    text-transform: lowercase;
    margin: 0;
}

.related-products .swiper {
    padding: 10px;
}

/* ── Nav (mobile header buttons) ── */
.related-products__nav {
    display: block;
    gap: 8px;
    height: 50px;
    position: absolute;
    width: 100%;
    top: 44%;
    left: 0;
}

/* ── Swiper container ── */
.rp-swiper {
    position: relative;
    padding: 0 48px;
}

/* Ensure card-product fills the slide width */
.rp-swiper .swiper-slide > * {
    width: 100%;
    height: 100%;
}

.rp-swiper .swiper-wrapper {
    align-items: stretch;
}

/* ── Floating arrow buttons ── */
.rp-btn-prev,
.rp-btn-next {
    position: absolute;
    top: 35%;
    transform: translateY(-50%);
    z-index: 10;
    width: 40px;
    height: 40px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.2s ease, transform 0.2s ease;
    padding: 0;
    border: none;
}

.rp-btn-prev { left: -60px; }
.rp-btn-next { right: -60px; }

.rp-btn-prev:active,
.rp-btn-next:active {
    transform: translateY(-50%) scale(0.94);
}

.rp-btn-prev.swiper-button-disabled,
.rp-btn-next.swiper-button-disabled {
    cursor: not-allowed;
}

/* =============================================
   Responsive
   ============================================= */
@media (max-width: 1536px) {
    .related-products__title {
        font-size: 48px;
        margin-bottom: 16px;
    }
}

@media (max-width: 1024px) {
    .rp-swiper { padding: 0 40px; }
    .rp-btn-prev { left: 0; }
    .rp-btn-next { right: 0; }
}

@media (max-width: 640px) {
    .related-products {
        padding: 48px 0 60px;
    }

    .related-products__header {
        margin-bottom: 16px;
    }

    .related-products__title {
        font-size: 32px;
        text-align: center;
    }

    .rp-swiper {
        padding: 0 20px;
    }

    /* On mobile: move buttons into the header nav */
    .related-products__nav {
        display: flex;
        top: unset;
        bottom: -45px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 20px;
    }

    .rp-btn-prev,
    .rp-btn-next {
        position: static;
        transform: none;
        width: 36px;
        height: 36px;
    }

    .rp-btn-prev:active,
    .rp-btn-next:active {
        transform: scale(0.94);
    }

    /* Hide floating arrows inside swiper on mobile */
    .rp-swiper > .rp-btn-prev,
    .rp-swiper > .rp-btn-next {
        display: none;
    }
}