/* =========================================================
   RICH HOME — PRODUCT PAGE
   Product options / chips / purchase actions
   ========================================================= */

.rh-product-page,
[data-entity="product"] {
    --rh-burgundy: #74163d;
    --rh-burgundy-dark: #5c1030;
    --rh-text: #252525;
    --rh-muted: #6d6d6d;
    --rh-border: #e8e2e5;
    --rh-white: #ffffff;
}

/* OPTIONS */
.rh-options {
    margin-top: 22px;
}

.rh-option {
    margin-bottom: 22px;
}

.rh-option__label {
    display: block;
    margin-bottom: 10px;
    color: var(--rh-text);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.5;
}

.rh-field__required {
    color: #c60000;
}

/* OPTION CHIPS */
.rh-option__chips {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 9px;
    width: 100%;
}

.rh-option__chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 68px;
    height: 40px;
    padding: 0 15px;

    background: #ffffff;
    color: var(--rh-text);

    border: 1px solid #d9d4d6;
    border-radius: 999px;

    font: inherit;
    font-size: 13px;
    font-weight: 600;
    line-height: 1;

    cursor: pointer;

    transition:
        background .2s ease,
        color .2s ease,
        border-color .2s ease,
        transform .2s ease;
}

.rh-option__chip:hover {
    color: var(--rh-burgundy);
    border-color: var(--rh-burgundy);
    transform: translateY(-1px);
}

.rh-option__chip.is-active,
.rh-option__chip[aria-pressed="true"] {
    color: #ffffff;
    background: var(--rh-burgundy);
    border-color: var(--rh-burgundy);
}

.rh-option__chip:disabled,
.rh-option__chip.is-disabled {
    opacity: .35;
    cursor: not-allowed;
    pointer-events: none;
    text-decoration: line-through;
}

/* HIDE REAL SELECT VISUALLY — KEEP IT FOR EXISTING JS */
.rh-select--chips-source {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    border: 0 !important;
    opacity: 0 !important;
}

/* ERRORS */
.rh-option__error {
    margin: 8px 0 0;
    color: #b42318;
    font-size: 12px;
    line-height: 1.5;
}

/* MOBILE */
@media (max-width: 700px) {
    .rh-option {
        margin-bottom: 18px;
    }

    .rh-option__label {
        margin-bottom: 8px;
        font-size: 13px;
    }

    .rh-option__chips {
        gap: 7px;
    }

    .rh-option__chip {
        min-width: 58px;
        height: 36px;
        padding: 0 11px;
        font-size: 11.5px;
    }
}










/* =========================================================
   LENGTH / WIDTH
========================================================= */

.rh-dimensions {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.rh-dimension-group {
    width: 100%;
}

.rh-dimension-title {
    margin-bottom: 11px;

    color: #252525;

    font-size: 15px;
    font-weight: 700;
}

.rh-dimension-title strong {
    color: #74163d;
    font-weight: 800;
}

.rh-dimension-values {
    display: flex;
    flex-wrap: wrap;

    gap: 9px;
}

.rh-dimension-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 40px;
    height: 40px;

    padding: 0 10px;

    background: #fff;
    color: #252525;

    border: 1px solid #dedede;
    border-radius: 50px;

    font-size: 13px;
    font-weight: 600;

    cursor: pointer;

    transition:
        color .2s ease,
        background .2s ease,
        border-color .2s ease;
}

.rh-dimension-chip:hover {
    color: #74163d;
    border-color: #74163d;
}

.rh-dimension-chip.is-active {
    color: #fff;
    background: #74163d;
    border-color: #74163d;
}

.rh-dimension-chip.is-disabled,
.rh-dimension-chip:disabled {
    opacity: .3;
    pointer-events: none;
}



























/* =========================================
   RICH HOME - PRODUCT PAGE
   BORDER RADIUS
========================================= */

:root {
    --rh-product-radius: 18px;
}


/* Main product image */
.rh-gallery__main {
    border-radius: var(--rh-product-radius) !important;
    overflow: hidden !important;
}

.rh-gallery__main img,
[data-rh-gallery-main] {
    display: block;
    width: 100%;
    border-radius: var(--rh-product-radius) !important;
}


/* Gallery thumbnails */
.rh-gallery__thumb {
    border-radius: 12px !important;
    overflow: hidden !important;
}

.rh-gallery__thumb img {
    border-radius: 12px !important;
}


/* Shop button */
[data-rh-purchase-box] .rh-btn--lg {
    border-radius: var(--rh-product-radius) !important;
}


/* Wishlist */
[data-rh-purchase-box] .rh-product-card__wishlist {
    border-radius: var(--rh-product-radius) !important;
}


/* Quantity */
[data-rh-purchase-box] .rh-stepper {
    border-radius: var(--rh-product-radius) !important;
    overflow: hidden !important;
}


/* ================================
   PRODUCT MAIN IMAGE RADIUS
================================ */

.rh-gallery__main {
    border-radius: 18px !important;
    overflow: hidden !important;
}

.rh-gallery__main > img,
[data-rh-gallery-main] {
    display: block !important;
    width: 100% !important;
    height: auto !important;

    border-radius: 18px !important;
}







/* =========================================================
   PRODUCT GALLERY — SAME SIZE FOR ALL IMAGES
========================================================= */

[data-rh-gallery] {
    width: 100% !important;
}


/* نفس مقاس الفريم لكل المنتجات */
[data-rh-gallery] .rh-gallery__main {
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #fff !important;

    border-radius: 18px !important;
    overflow: hidden !important;
}


/* أي صورة مهما كان مقاسها الأصلي تملى نفس الفريم */
[data-rh-gallery] .rh-gallery__main > img[data-rh-gallery-main] {
    width: 100% !important;
    height: 100% !important;

    min-width: 100% !important;
    min-height: 100% !important;

    max-width: 100% !important;
    max-height: 100% !important;

    display: block !important;

    object-fit: cover !important;
    object-position: center !important;

    border-radius: 18px !important;
}


/* =========================
   THUMBNAILS
========================= */

[data-rh-gallery] .rh-gallery__thumbs {
    margin-top: 14px !important;
}

[data-rh-gallery] .rh-gallery__thumb {
    width: 86px !important;
    height: 86px !important;

    flex: 0 0 86px !important;

    padding: 0 !important;

    border-radius: 12px !important;
    overflow: hidden !important;

    background: #fff !important;
}

[data-rh-gallery] .rh-gallery__thumb img {
    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center !important;

    border-radius: 12px !important;
}


/* =========================
   MOBILE
========================= */

@media (max-width: 767px) {

    [data-rh-gallery] .rh-gallery__main {
        width: 100% !important;
        aspect-ratio: 1 / 1 !important;
        border-radius: 16px !important;
    }

    [data-rh-gallery] .rh-gallery__main > img[data-rh-gallery-main] {
        border-radius: 16px !important;
    }
}








/* Hide original option selects only after richhome-product.js is ready */
.rh-product-option-source--enhanced {
    position: absolute !important;

    width: 1px !important;
    height: 1px !important;

    padding: 0 !important;
    margin: -1px !important;

    overflow: hidden !important;

    clip: rect(0, 0, 0, 0) !important;
    clip-path: inset(50%) !important;

    white-space: nowrap !important;

    border: 0 !important;

    opacity: 0 !important;

    pointer-events: none !important;
}

















/* =========================================================
   PRODUCT CARD - SHOP BUTTON
========================================================= */

.rh-product-card__cart {
    min-height: 48px !important;
    padding: 0 24px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;

    border-radius: 18px !important;

    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    white-space: nowrap !important;
}


/* Cart icon */
.rh-product-card__cart svg {
    width: 18px !important;
    height: 18px !important;
    flex-shrink: 0 !important;
}