.elementor-15627 .elementor-element.elementor-element-f2f600a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-15627 .elementor-element.elementor-element-f28898d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15627 .elementor-element.elementor-element-d5e9f6a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15627 .elementor-element.elementor-element-d5e9f6a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-15627 .elementor-element.elementor-element-a07fac9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-15627 .elementor-element.elementor-element-33e3430{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15627 .elementor-element.elementor-element-33e3430.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-15627 .elementor-element.elementor-element-09bc162{text-align:center;}.elementor-15627 .elementor-element.elementor-element-8951b2b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--view-cart-spacing:0px;--button-spacing:0px;}.elementor-15627 .elementor-element.elementor-element-8951b2b.elementor-element{--align-self:stretch;--flex-grow:1;--flex-shrink:0;}.elementor-15627 .elementor-element.elementor-element-8951b2b .cart button, .elementor-15627 .elementor-element.elementor-element-8951b2b .cart .button{border-radius:0px 0px 0px 0px;padding:10px 10px 10px 10px;transition:all 0.2s;}.elementor-15627 .elementor-element.elementor-element-8951b2b .quantity .qty{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;transition:all 0.2s;}.woocommerce .elementor-15627 .elementor-element.elementor-element-8951b2b form.cart .variations{width:100%;margin-bottom:0px;}.woocommerce .elementor-15627 .elementor-element.elementor-element-8951b2b form.cart table.variations tr th, .woocommerce .elementor-15627 .elementor-element.elementor-element-8951b2b form.cart table.variations tr td{padding-top:calc( 0px/2 );padding-bottom:calc( 0px/2 );}.woocommerce .elementor-15627 .elementor-element.elementor-element-8951b2b form.cart table.variations td.value select, .woocommerce .elementor-15627 .elementor-element.elementor-element-8951b2b form.cart table.variations td.value:before{border-radius:0px;}.elementor-15627 .elementor-element.elementor-element-719a6ed{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15627 .elementor-element.elementor-element-19bce2f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-15627 .elementor-element.elementor-element-fb06d2f{--display:flex;--justify-content:space-evenly;}@media(min-width:768px){.elementor-15627 .elementor-element.elementor-element-f2f600a{--content-width:1400px;}.elementor-15627 .elementor-element.elementor-element-f28898d{--width:100%;}.elementor-15627 .elementor-element.elementor-element-d5e9f6a{--width:30%;}.elementor-15627 .elementor-element.elementor-element-33e3430{--width:70%;}.elementor-15627 .elementor-element.elementor-element-719a6ed{--content-width:1200px;}.elementor-15627 .elementor-element.elementor-element-fb06d2f{--content-width:1400px;}}@media(max-width:1024px) and (min-width:768px){.elementor-15627 .elementor-element.elementor-element-33e3430{--width:628.048px;}}@media(max-width:1024px){.elementor-15627 .elementor-element.elementor-element-8951b2b{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}}@media(max-width:767px){.elementor-15627 .elementor-element.elementor-element-8951b2b{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;border-radius:20px 20px 20px 20px;}.elementor-15627 .elementor-element.elementor-element-8951b2b .cart button, .elementor-15627 .elementor-element.elementor-element-8951b2b .cart .button{font-size:18px;}.woocommerce .elementor-15627 .elementor-element.elementor-element-013e2f8 .woocommerce-tabs ul.wc-tabs li a{font-size:7px;}}/* Start custom CSS for container, class: .elementor-element-f2f600a *//* ==========================================================
   SUSPIRE — Y-DNA PRODUCT
   FINAL UNIFIED SELECTOR + PURCHASE AREA
   ========================================================== */


/* ==========================================================
   1. Y-DNA ATTRIBUTE LABEL
   ========================================================== */

.suspire-ydna-product
table.variations th.label{
    padding:0 0 6px !important;
    margin:0 !important;
}

.suspire-ydna-product
table.variations th.label label{
    display:block !important;

    margin:0 !important;

    color:#102f52 !important;

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


/* ==========================================================
   2. Y-DNA RADIO PANEL
   ========================================================== */

.suspire-ydna-product
.cfvsw-swatches-container[swatches-attr="attribute_choose-your-y-dna-kit"]{

    display:flex !important;
    flex-direction:column !important;

    width:100% !important;

    gap:4px !important;

    margin:5px 0 0 !important;
    padding:7px !important;

    border:1px solid #dbe5ea !important;
    border-radius:11px !important;

    background:#f7fafb !important;

    box-shadow:
        0 2px 12px rgba(16,47,82,.04) !important;

    box-sizing:border-box !important;
}


/* ==========================================================
   3. EACH Y-DNA OPTION
   ========================================================== */

.suspire-ydna-product
.cfvsw-swatches-container[swatches-attr="attribute_choose-your-y-dna-kit"]
.cfvsw-swatches-option{

    position:relative !important;

    display:grid !important;

    grid-template-columns:
        18px
        minmax(0,1fr)
        auto !important;

    align-items:center !important;

    width:100% !important;
    max-width:none !important;
    min-width:0 !important;

    min-height:43px !important;

    margin:0 !important;

    padding:
        7px
        11px
        7px
        9px !important;

    border:1px solid transparent !important;
    border-radius:7px !important;

    background:#ffffff !important;

    color:#173653 !important;

    box-shadow:none !important;

    cursor:pointer !important;

    box-sizing:border-box !important;

    transition:
        border-color .16s ease,
        background-color .16s ease,
        box-shadow .16s ease !important;
}


/* ==========================================================
   4. RADIO CIRCLE
   ========================================================== */

.suspire-ydna-product
.cfvsw-swatches-container[swatches-attr="attribute_choose-your-y-dna-kit"]
.cfvsw-swatches-option::before{

    content:"";

    grid-column:1 !important;

    display:block !important;

    width:15px !important;
    height:15px !important;

    margin:0 !important;

    border:1.5px solid #9eb5c2 !important;
    border-radius:50% !important;

    background:#ffffff !important;

    box-sizing:border-box !important;
}


/* ==========================================================
   5. TEST NAME
   ========================================================== */

.suspire-ydna-product
.cfvsw-swatches-container[swatches-attr="attribute_choose-your-y-dna-kit"]
.cfvsw-swatch-inner{

    grid-column:2 !important;

    display:block !important;

    width:auto !important;
    min-width:0 !important;

    margin:0 !important;
    padding:0 8px 0 3px !important;

    color:#173653 !important;

    font-size:13px !important;
    line-height:1.3 !important;
    font-weight:600 !important;

    text-align:left !important;

    white-space:normal !important;
}


/* ==========================================================
   6. PRICE POSITION
   ========================================================== */

.suspire-ydna-product
.cfvsw-swatches-container[swatches-attr="attribute_choose-your-y-dna-kit"]
.cfvsw-swatches-option::after{

    grid-column:3 !important;

    justify-self:end !important;

    color:#087f69 !important;

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

    white-space:nowrap !important;
}


/* ==========================================================
   7. PRICES
   ========================================================== */

.suspire-ydna-product
.cfvsw-swatches-option[data-slug="BIGY"]::after{
    content:"AED 3,200";
}

.suspire-ydna-product
.cfvsw-swatches-option[data-slug="Y-111"]::after{
    content:"AED 2,100";
}

.suspire-ydna-product
.cfvsw-swatches-option[data-slug="Y-37"]::after{
    content:"AED 1,480";
}


/* ==========================================================
   8. HOVER
   ========================================================== */

.suspire-ydna-product
.cfvsw-swatches-container[swatches-attr="attribute_choose-your-y-dna-kit"]
.cfvsw-swatches-option:hover{

    border-color:#b9ddd8 !important;

    background:#f2faf8 !important;
}


/* ==========================================================
   9. SELECTED
   ========================================================== */

.suspire-ydna-product
.cfvsw-swatches-container[swatches-attr="attribute_choose-your-y-dna-kit"]
.cfvsw-swatches-option.cfvsw-selected-swatch{

    border-color:#079d99 !important;

    background:#edf9f6 !important;

    box-shadow:
        0 0 0 1px rgba(7,157,153,.05) !important;
}


.suspire-ydna-product
.cfvsw-swatches-container[swatches-attr="attribute_choose-your-y-dna-kit"]
.cfvsw-swatches-option.cfvsw-selected-swatch::before{

    border:4px solid #079d99 !important;

    background:#ffffff !important;
}


.suspire-ydna-product
.cfvsw-swatches-container[swatches-attr="attribute_choose-your-y-dna-kit"]
.cfvsw-swatches-option.cfvsw-selected-swatch
.cfvsw-swatch-inner{

    color:#103f4c !important;

    font-weight:700 !important;
}


/* ==========================================================
   10. CLEAR LINK — COMPACT
   ========================================================== */

.suspire-ydna-product
.reset_variations{

    display:block !important;

    width:max-content !important;

    margin:5px auto 0 !important;
    padding:0 !important;

    color:#d35656 !important;

    font-size:11px !important;
    line-height:1.2 !important;

    text-decoration:none !important;
}


/* ==========================================================
   11. REMOVE EXCESS PURCHASE AREA SPACING
   ========================================================== */

.suspire-ydna-product
.single_variation_wrap,
.suspire-ydna-product
.single_variation,
.suspire-ydna-product
.woocommerce-variation{

    width:100% !important;

    margin:0 !important;
    padding:0 !important;
}


/* ==========================================================
   12. CENTER QUANTITY + ADD TO CART
   ========================================================== */

.suspire-ydna-product
.woocommerce-variation-add-to-cart,
.suspire-ydna-product
.woocommerce-variation-add-to-cart.variations_button{

    display:flex !important;

    flex-direction:row !important;
    flex-wrap:nowrap !important;

    align-items:stretch !important;
    justify-content:center !important;

    width:100% !important;

    gap:0 !important;

    margin:10px auto 0 !important;
    padding:0 !important;

    float:none !important;
}


/* ==========================================================
   13. QUANTITY
   ========================================================== */

.suspire-ydna-product
.woocommerce-variation-add-to-cart
.quantity{

    flex:0 0 80px !important;

    width:80px !important;
    max-width:80px !important;

    margin:0 !important;
    padding:0 !important;

    float:none !important;
}


.suspire-ydna-product
.woocommerce-variation-add-to-cart
.quantity .qty{

    display:block !important;

    width:80px !important;
    max-width:80px !important;

    height:50px !important;
    min-height:50px !important;

    margin:0 !important;
    padding:0 8px !important;

    border:1px solid #ccdbe1 !important;
    border-radius:7px 0 0 7px !important;

    background:#ffffff !important;

    color:#173653 !important;

    text-align:center !important;

    font-size:14px !important;
    font-weight:600 !important;

    box-sizing:border-box !important;
}


/* ==========================================================
   14. ADD TO CART
   ========================================================== */

.suspire-ydna-product
.woocommerce-variation-add-to-cart
.single_add_to_cart_button{

    display:flex !important;

    flex:0 0 auto !important;

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

    width:auto !important;

    min-width:210px !important;

    height:50px !important;
    min-height:50px !important;

    margin:0 !important;

    padding:0 28px !important;

    float:none !important;

    border:0 !important;
    border-radius:0 7px 7px 0 !important;

    background:#087b59 !important;

    color:#ffffff !important;

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

    text-align:center !important;
    white-space:nowrap !important;

    box-shadow:
        0 4px 12px rgba(8,123,89,.15) !important;

    box-sizing:border-box !important;
}


.suspire-ydna-product
.woocommerce-variation-add-to-cart
.single_add_to_cart_button:hover{

    background:#06694c !important;
}


/* ==========================================================
   15. MOBILE
   ========================================================== */

@media(max-width:767px){

    .suspire-ydna-product
    .cfvsw-swatches-container[swatches-attr="attribute_choose-your-y-dna-kit"]{

        padding:5px !important;

        gap:3px !important;

        border-radius:9px !important;
    }


    .suspire-ydna-product
    .cfvsw-swatches-container[swatches-attr="attribute_choose-your-y-dna-kit"]
    .cfvsw-swatches-option{

        grid-template-columns:
            17px
            minmax(0,1fr)
            auto !important;

        min-height:40px !important;

        padding:6px 7px !important;
    }


    .suspire-ydna-product
    .cfvsw-swatches-container[swatches-attr="attribute_choose-your-y-dna-kit"]
    .cfvsw-swatch-inner{

        font-size:11.5px !important;
    }


    .suspire-ydna-product
    .cfvsw-swatches-container[swatches-attr="attribute_choose-your-y-dna-kit"]
    .cfvsw-swatches-option::after{

        font-size:11px !important;
    }


    .suspire-ydna-product
    .reset_variations{

        margin-top:4px !important;

        font-size:10px !important;
    }


    .suspire-ydna-product
    .woocommerce-variation-add-to-cart{

        margin-top:8px !important;
    }


    .suspire-ydna-product
    .woocommerce-variation-add-to-cart
    .quantity{

        flex-basis:68px !important;

        width:68px !important;
        max-width:68px !important;
    }


    .suspire-ydna-product
    .woocommerce-variation-add-to-cart
    .quantity .qty{

        width:68px !important;
        max-width:68px !important;

        height:47px !important;
        min-height:47px !important;
    }


    .suspire-ydna-product
    .woocommerce-variation-add-to-cart
    .single_add_to_cart_button{

        min-width:170px !important;

        height:47px !important;
        min-height:47px !important;

        padding:0 18px !important;

        font-size:13px !important;
    }

}/* End custom CSS */