.elementor-352 .elementor-element.elementor-element-e1e5c13{--display:grid;--e-con-grid-template-columns:6fr 4fr;--e-con-grid-template-rows:repeat(1, 1fr);--gap:80px 80px;--row-gap:80px;--column-gap:80px;--grid-auto-flow:row;--margin-top:0;--margin-bottom:0;--margin-left:auto;--margin-right:auto;}.elementor-352 .elementor-element.elementor-element-c250f1c{--display:flex;}.elementor-352 .elementor-element.elementor-element-2929a3b .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:20px;text-transform:uppercase;letter-spacing:2px;color:#C5A059;}.elementor-352 .elementor-element.elementor-element-9cfcb32 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:42px;font-weight:400;color:#000000;}.elementor-352 .elementor-element.elementor-element-9dc839a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;font-family:"Inter", Sans-serif;font-size:14px;color:#555555;}.elementor-352 .elementor-element.elementor-element-78ac926 .cart button, .elementor-352 .elementor-element.elementor-element-78ac926 .cart .button{transition:all 0.2s;}.elementor-352 .elementor-element.elementor-element-78ac926 .quantity .qty{transition:all 0.2s;}.elementor-352 .elementor-element.elementor-element-b4c5a41{--display:flex;}@media(max-width:1024px){.elementor-352 .elementor-element.elementor-element-e1e5c13{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-352 .elementor-element.elementor-element-e1e5c13{--content-width:1200px;}}@media(max-width:767px){.elementor-352 .elementor-element.elementor-element-e1e5c13{--e-con-grid-template-columns:1;--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for woocommerce-product-images, class: .elementor-element-3ec97ed *//* --- 1. IMAGE GALLERY STYLING (FIXED SLIDER & HOVER) --- */

/* Apply Grid to the viewport completely without padding */
.woocommerce-product-gallery .flex-viewport {
    background-color: #FAFAFA !important;
    background-image: 
        linear-gradient(#EBEBEB 1px, transparent 1px),
        linear-gradient(90deg, #EBEBEB 1px, transparent 1px) !important;
    background-size: 30px 30px !important;
    border: 1px solid #EBEBEB !important;
    border-radius: 2px !important;
    overflow: hidden !important; 
    margin-bottom: 20px !important;
}

/* Use height instead of padding to create the breathing room */
.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image {
    height: 500px !important; /* Forces the grid box to be a nice tall square */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important; /* Crucial: padding must be 0 so JS math doesn't break */
}

/* Keep the image smaller than the box to simulate padding */
.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image img {
    mix-blend-mode: multiply !important;
    max-height: 400px !important; 
    max-width: 90% !important; /* Prevents it from touching the left/right edges */
    width: auto !important;
    margin: 0 auto !important;
    display: block !important;
}

/* KILL THE WOOCOMMERCE HOVER ZOOM BUG */
img.zoomImg {
    display: none !important;
}

/* Make thumbnails smaller and square */
.woocommerce-product-gallery .flex-control-nav {
    display: flex !important;
    gap: 12px !important;
    margin-bottom: 15px !important;
    padding: 0 !important;
}
.woocommerce-product-gallery .flex-control-nav li {
    list-style: none !important;
    width: 60px !important; 
    height: 60px !important;
}
.woocommerce-product-gallery .flex-control-nav li img {
    border: 1px solid #EBEBEB !important;
    opacity: 0.6 !important;
    border-radius: 2px !important;
    cursor: pointer !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; 
}
.woocommerce-product-gallery .flex-control-nav li img.flex-active {
    opacity: 1 !important;
    border-color: #C5A059 !important;
}
/* --- 2. PRODUCT OPTIONS FORM STYLING --- */
/* Style the Form Section Labels */
.tm-epo-field-label, .tc-label {
    font-family: 'Inter', sans-serif !important;
    font-size: 10px !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    color: #555555 !important;
    margin-bottom: 10px !important;
    display: block !important;
}
.tm-epo-required { display: none !important; }

/* Hide default radio buttons */
.tc-epo-element-type-radio input[type="radio"] {
    display: none !important;
}

/* Unselected Button Block */
.tc-epo-element-type-radio .tc-label-wrap,
.tmcp-field-wrap label {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    border: 1px solid #E5E5E5 !important;
    padding: 15px 20px !important;
    background-color: #FFFFFF !important;
    color: #000000 !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    border-radius: 2px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Selected/Active Button Block */
.tc-epo-element-type-radio .tc-active .tc-label-wrap,
.tc-epo-element-type-radio input:checked + .tc-label-wrap,
.tmcp-field-wrap input:checked + label {
    background-color: #0A0A0A !important;
    color: #FFFFFF !important;
    border-color: #0A0A0A !important;
}

/* Gold Checkmark */
.tc-epo-element-type-radio .tc-active .tc-label-wrap::after,
.tmcp-field-wrap input:checked + label::after {
    content: '✓' !important;
    color: #C5A059 !important;
    font-size: 16px !important;
    font-weight: bold !important;
}

/* Spacing between options */
.tmcp-ul-wrap {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    padding: 0 !important;
    margin-bottom: 25px !important;
}/* End custom CSS */