/* Product page: align reference label/value and keep stock badge on its own row. */
body#product .product-reference {
    display: inline-flex;
    align-items: baseline;
    gap: 6px;
    line-height: 1.4;
}

body#product .product-reference label,
body#product .product-reference span {
    margin: 0;
    line-height: 1.4;
}

body#product .product-badges-capsule {
    display: block;
    text-align: center;
}

body#product .product-badges-capsule > .product-badge-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 6px 6px;
    vertical-align: middle;
}

body#product .product-badges-capsule > .product-badge-pill.stock {
    display: table;
    width: auto;
    max-width: 100%;
    margin: 0 auto 8px;
    white-space: normal;
    text-align: center;
}

/* Mobile product page sliders: move card-by-card and avoid clipped miniature actions. */
@media (max-width: 767px) {
    body#product .product-slider-section {
        overflow: visible;
    }

    body#product .product-slider-container {
        padding: 0 42px;
        overflow: visible;
    }

    body#product .product-slider-wrapper {
        gap: 14px;
        padding: 10px 0 24px;
        scroll-snap-type: x mandatory;
        scroll-padding-left: 0;
        touch-action: pan-x;
    }

    body#product .product-slider-wrapper .product-card {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 24px 18px 30px;
        scroll-snap-align: start;
        scroll-snap-stop: always;
        box-sizing: border-box;
    }

    body#product .product-slider-wrapper .product-info-wrapper {
        min-height: 390px;
        padding-bottom: 14px;
    }

    body#product .product-slider-wrapper .product-miniature-actions {
        margin-top: 16px;
        padding: 0 2px;
    }

    body#product .product-slider-wrapper .add-to-cart-miniature {
        width: 100%;
        min-width: 0;
        white-space: nowrap;
        font-size: 0.8rem;
        padding-left: 8px;
        padding-right: 8px;
        gap: 6px;
    }

    body#product .product-slider-container .nav-arrow.left {
        left: 8px;
    }

    body#product .product-slider-container .nav-arrow.right {
        right: 8px;
    }
}