.elementor-2485 .elementor-element.elementor-element-38d9909{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#FF5722;--border-color:#FF5722;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 20px 0px rgba(255, 86.99999999999994, 33.99999999999999, 0.5);--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2485 .elementor-element.elementor-element-38d9909:not(.elementor-motion-effects-element-type-background), .elementor-2485 .elementor-element.elementor-element-38d9909 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#121318;}.elementor-2485 .elementor-element.elementor-element-6c3ff55{width:var( --container-widget-width, 250px );max-width:250px;--container-widget-width:250px;--container-widget-flex-grow:0;border-radius:20px 20px 20px 20px;}.woocommerce .elementor-2485 .elementor-element.elementor-element-6c3ff55 .woocommerce-product-gallery__trigger + .woocommerce-product-gallery__wrapper,
					.woocommerce .elementor-2485 .elementor-element.elementor-element-6c3ff55 .flex-viewport{border-radius:12px 12px 12px 12px;}.elementor-2485 .elementor-element.elementor-element-931f40f{--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;}.elementor-2485 .elementor-element.elementor-element-ad12fc5{color:#FF5722;}.elementor-2485 .elementor-element.elementor-element-d1e0571 .wd-info-number, .elementor-2485 .elementor-element.elementor-element-d1e0571 .wd-info-msg{color:#FFFFFF;}.elementor-2485 .elementor-element.elementor-element-f75bf88{--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;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#FF5722;--border-color:#FF5722;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 20px 0px rgba(255, 86.99999999999994, 33.99999999999999, 0.5);--margin-top:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-2485 .elementor-element.elementor-element-f75bf88:not(.elementor-motion-effects-element-type-background), .elementor-2485 .elementor-element.elementor-element-f75bf88 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#121318;}.elementor-2485 .elementor-element.elementor-element-85e8c81{text-align:center;}.elementor-2485 .elementor-element.elementor-element-85e8c81 .elementor-heading-title{color:#FF5722;}.elementor-2485 .elementor-element.elementor-element-46e8ecb{text-align:center;}.elementor-2485 .elementor-element.elementor-element-bf0cb83 .cart button, .elementor-2485 .elementor-element.elementor-element-bf0cb83 .cart .button{transition:all 0.2s;}.elementor-2485 .elementor-element.elementor-element-bf0cb83 .quantity .qty{transition:all 0.2s;}.elementor-2485 .elementor-element.elementor-element-dbf55ad{--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;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#FF5722;--border-color:#FF5722;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 20px 0px rgba(255, 86.99999999999994, 33.99999999999999, 0.5);--margin-top:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-2485 .elementor-element.elementor-element-dbf55ad:not(.elementor-motion-effects-element-type-background), .elementor-2485 .elementor-element.elementor-element-dbf55ad > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#121318;}/* Start custom CSS for woocommerce-product-add-to-cart, class: .elementor-element-bf0cb83 *//* 1. Stack the Attribute Groups (Region row, then Diamond row) */
.elementor-2485 .elementor-element.elementor-element-bf0cb83 .variations_form .variations tr {
    display: flex;
    flex-direction: column;
    margin-bottom: 25px;
    border-bottom: none !important; /* Removes default WooCommerce table borders */
}

/* 2. Style the Labels ("Region" and "Diamonds") */
.elementor-2485 .elementor-element.elementor-element-bf0cb83 .variations_form .variations .label {
    text-align: left;
    margin-bottom: 15px;
    padding: 0 !important;
}

.elementor-2485 .elementor-element.elementor-element-bf0cb83 .variations_form .variations .label label {
    color: #ffffff !important;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 0.5px;
}

/* 3. The Grid Layout for the Boxes */
.elementor-2485 .elementor-element.elementor-element-bf0cb83 .variations_form .variations .value {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

/* 4. Shape the Swatches into Dark Cards */
.elementor-2485 .elementor-element.elementor-element-bf0cb83 .variations_form .wd-swatches-product .wd-swatch {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    background-color: #1a1b21 !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 12px !important;
    padding: 15px 20px !important;
    min-width: calc(33.333% - 10px); /* Makes exactly 3 cards per row */
    min-height: 70px;
    margin: 0 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    transition: all 0.3s ease;
    box-sizing: border-box;
}

/* 5. Mobile Layout (2 cards per row) */
@media (max-width: 768px) {
    .elementor-2485 .elementor-element.elementor-element-bf0cb83 .variations_form .wd-swatches-product .wd-swatch {
        min-width: calc(50% - 7.5px);
    }
}

/* 6. Hover and Active States */
.elementor-2485 .elementor-element.elementor-element-bf0cb83 .variations_form .wd-swatches-product .wd-swatch:hover {
    border-color: rgba(255, 87, 34, 0.5) !important;
    cursor: pointer;
    transform: translateY(-2px);
}

.elementor-2485 .elementor-element.elementor-element-bf0cb83 .variations_form .wd-swatches-product .wd-swatch.wd-active {
    border-color: #FF5722 !important; /* Orange Border */
    background-color: rgba(255, 87, 34, 0.05) !important; /* Slight orange glow inside */
    position: relative;
}

/* 7. Orange Checkmark for Selected Box */
.elementor-2485 .elementor-element.elementor-element-bf0cb83 .variations_form .wd-swatches-product .wd-swatch.wd-active::after {
    content: '✔';
    position: absolute;
    bottom: 10px;
    right: 15px;
    color: #FF5722;
    font-size: 14px;
}

/* 8. Hide standard WooCommerce Bloat */
.elementor-2485 .elementor-element.elementor-element-bf0cb83 .variations_form .quantity,
.elementor-2485 .elementor-element.elementor-element-bf0cb83 .variations_form .reset_variations {
    display: none !important;
}/* End custom CSS */