.elementor-2627 .elementor-element.elementor-element-9c18b7b{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2627 .elementor-element.elementor-element-520b9ea{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2627 .elementor-element.elementor-element-1f17ca4{width:100%;max-width:100%;}.elementor-2627 .elementor-element.elementor-element-1f17ca4 .embed-responsive{height:550px;overflow:hidden;}.elementor-2627 .elementor-element.elementor-element-1f17ca4 .embed-responsive iframe{height:550px;}.elementor-2627 .elementor-element.elementor-element-89f4a1e{--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;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2627 .elementor-element.elementor-element-e3d6c1d .product_title{font-family:"Seconda XtraSoft Thin", Sans-serif;font-size:13px;font-weight:600;}.elementor-2627 .elementor-element.elementor-element-ffe3bbe > .elementor-widget-container{margin:-25px 0px 0px 0px;}.elementor-2627 .elementor-element.elementor-element-ffe3bbe .price .amount{font-size:11px;font-weight:600;}.elementor-2627 .elementor-element.elementor-element-715d28f{width:100%;max-width:100%;}.elementor-2627 .elementor-element.elementor-element-715d28f > .elementor-widget-container{margin:-20px 0px 0px 0px;}.elementor-2627 .elementor-element.elementor-element-715d28f .wl-addto-cart.wl-style-2 form.cart .wl-quantity-wrap .wl-quantity-cal,.elementor-2627 .elementor-element.elementor-element-715d28f .wl-addto-cart.wl-style-4 form.cart .wl-quantity-wrap .wl-quantity-cal,.elementor-2627 .elementor-element.elementor-element-715d28f .wl-addto-cart.wl-style-1 .quantity input[type=number],.elementor-2627 .elementor-element.elementor-element-715d28f .wl-addto-cart.wl-style-3 .quantity input[type=number],.elementor-2627 .elementor-element.elementor-element-715d28f .wl-addto-cart.wl-style-5 .quantity input[type=number]{border-style:none;}.elementor-2627 .elementor-element.elementor-element-715d28f .quantity,.elementor-2627 .elementor-element.elementor-element-715d28f form.cart input[type=number]{display:none !important;}.elementor-2627 .elementor-element.elementor-element-715d28f .wl-addto-cart form.cart .wl-quantity-wrap{display:none;}.elementor-2627 .elementor-element.elementor-element-715d28f .wl-addto-cart[class*="wl-style-"] form.cart button{color:#FFFFFF !important;border-radius:0px 0px 0px 0px !important;background-color:var( --e-global-color-astglobalcolor7 );}.elementor-2627 .elementor-element.elementor-element-715d28f .wl-style-1 form.cart button{color:#FFFFFF !important;border-radius:0px 0px 0px 0px !important;background-color:var( --e-global-color-astglobalcolor7 );}.elementor-2627 .elementor-element.elementor-element-3cc0e67{--display:flex;--margin-top:-25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2627 .elementor-element.elementor-element-3cc0e67.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2627 .elementor-element.elementor-element-d6e41c7 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2627 .elementor-element.elementor-element-d6e41c7{font-size:11px;}.elementor-2627 .elementor-element.elementor-element-6602354{--display:flex;--margin-top:-25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2627 .elementor-element.elementor-element-739f54b{font-size:12px;}.elementor-2627 .elementor-element.elementor-element-41cc722{--display:flex;--margin-top:-25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2627 .elementor-element.elementor-element-57970d3{font-size:12px;}.elementor-2627 .elementor-element.elementor-element-b4347a0{--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-gap:0px;--n-tabs-title-font-size:1px;}.elementor-2627 .elementor-element.elementor-element-b4347a0 > .elementor-widget-container{margin:-35px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:767px){.elementor-2627 .elementor-element.elementor-element-3cc0e67{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2627 .elementor-element.elementor-element-6602354{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2627 .elementor-element.elementor-element-57970d3 > .elementor-widget-container{margin:27px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2627 .elementor-element.elementor-element-b4347a0 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2627 .elementor-element.elementor-element-b4347a0{--n-tabs-title-gap:0px;}}@media(min-width:768px){.elementor-2627 .elementor-element.elementor-element-520b9ea{--width:50%;}.elementor-2627 .elementor-element.elementor-element-89f4a1e{--width:50%;}.elementor-2627 .elementor-element.elementor-element-3cc0e67{--width:99.609%;}}/* Start custom CSS for wl-product-video-gallery, class: .elementor-element-1f17ca4 *//* 1. Remove all padding/margins from the parent containers */
.elementor-2627 .elementor-element.elementor-element-1f17ca4 .elementor-widget-container,
.elementor-2627 .elementor-element.elementor-element-1f17ca4 .wlpro-product-videothumbnails,
.elementor-2627 .elementor-element.elementor-element-1f17ca4 .wl-thumbnails-image-area,
.elementor-2627 .elementor-element.elementor-element-1f17ca4 .woolentor-product-gallery-video {
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

/* 2. Force all image panes to be visible with ZERO gap */
.elementor-2627 .elementor-element.elementor-element-1f17ca4 .video-cus-tab-pane {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important; /* Removes tiny gaps at bottom of images */
}

/* 3. Make images fill the entire width of the column */
.elementor-2627 .elementor-element.elementor-element-1f17ca4 .video-cus-tab-pane img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

/* 4. Ensure the navigation tabs remain hidden */
.elementor-2627 .elementor-element.elementor-element-1f17ca4 .woolentor-product-video-tabs {
    display: none !important;
}

#alayya-sticky-right {
    position: sticky !important;
    top: 80px; /* Adjust this so it doesn't hit the header */
    align-self: flex-start;
}

/* MOBILE SWIPE - Full Integration */
@media (max-width: 767px) {
    /* 1. Reset the main wrapper to allow horizontal overflow */
    .elementor-2627 .elementor-element.elementor-element-1f17ca4 .wl-thumbnails-image-area {
        overflow: hidden !important;
        width: 100vw !important;
        margin-left: calc(-50vw + 50%) !important;
    }

    /* 2. Target the gallery container to create the row */
    .elementor-2627 .elementor-element.elementor-element-1f17ca4 .woolentor-product-gallery-video {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-snap-type: x mandatory !important;
        -webkit-overflow-scrolling: touch;
        gap: 0 !important;
    }

    /* 3. Force ALL images to stay visible (Override tab 'htactive' logic) */
    .elementor-2627 .elementor-element.elementor-element-1f17ca4 .video-cus-tab-pane {
        display: block !important; /* Forces non-active tabs to show */
        visibility: visible !important;
        opacity: 1 !important;
        flex: 0 0 100% !important; 
        min-width: 100% !important;
        scroll-snap-align: start !important;
        line-height: 0 !important;
        font-size: 0 !important; /* Kills whitespace gaps */
        padding: 0 !important;
        margin: 0 !important;
    }

    /* 4. Ensure image fills the screen */
    .elementor-2627 .elementor-element.elementor-element-1f17ca4 .video-cus-tab-pane img {
        width: 100% !important;
        height: auto !important;
        display: block !important;
        vertical-align: bottom !important;
    }

    /* 5. Hide the thumbnail dots/tabs for a cleaner BOA look */
    .elementor-2627 .elementor-element.elementor-element-1f17ca4 .woolentor-product-video-tabs {
        display: none !important;
    }

    /* 6. Fix the gap between slider and text */
    #alayya-sticky-right {
        margin-top: -1px !important; 
        padding: 20px 18% !important; /* Using your premium padding logic */
        z-index: 10;
        background: #fff;
        position: relative;
    }

    /* Hide scrollbar */
    .elementor-2627 .elementor-element.elementor-element-1f17ca4 .woolentor-product-gallery-video::-webkit-scrollbar {
        display: none;
    }
}/* End custom CSS */
/* Start custom CSS for wl-product-add-to-cart, class: .elementor-element-715d28f *//* 1. SIZE SWATCHES - Clean Grid Style */
.elementor-2627 .elementor-element.elementor-element-715d28f .variable-items-wrapper {
    display: flex !important;
    gap: 0 !important; 
    width: 100%;
    /* Forced overlap to ensure lines touch the button */
    margin-bottom: -8px !important; 
    padding: 0 !important;
    border: 1px solid #e0e0e0 !important;
    border-bottom: 1 !important; 
    box-sizing: border-box !important;
    overflow: hidden; /* Ensures no internal spacing leaks */
}

.elementor-2627 .elementor-element.elementor-element-715d28f .variable-item {
    flex: 1; 
    height: 60px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border: none !important;
    /* Vertical dividers */
    border-right: 1px solid #e0e0e0 !important;
    border-radius: 0 !important;
    background: #fff !important;
    margin: 0 !important;
    box-shadow: none !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    text-transform: uppercase;
}

.elementor-2627 .elementor-element.elementor-element-715d28f .variable-item .variable-item-span {
    font-size: 11px !important;
    font-weight: 400 !important;
}

/* Remove the far-right border of the last size box */
.elementor-2627 .elementor-element.elementor-element-715d28f .variable-item:last-child {
    border-right: none !important;
}

/* Hover/Selected State */
.elementor-2627 .elementor-element.elementor-element-715d28f .variable-item.selected,
.elementor-2627 .elementor-element.elementor-element-715d28f .variable-item:hover {
    box-shadow: inset 0 0 0 0.5px #000 !important;
    background: #fafafa !important;
}

/* 2. ADD TO CART BUTTON - Solid Black */
.elementor-2627 .elementor-element.elementor-element-715d28f .single_add_to_cart_button {
    width: 100% !important;
    background-color: #000000 !important;
    color: #fff !important;
    border-radius: 0 !important;
    padding: 22px !important; 
    font-size: 0 !important; 
    border: none !important;
    transition: 0.3s ease;
    opacity: 1 !important;
    cursor: pointer !important;
    /* Ensure no top gap */
    margin-top: 0 !important; 
    position: relative;
    z-index: 1; /* Sits slightly 'above' the wrapper overlap */
}

/* 3. BUTTON TEXT SWAP */
.elementor-2627 .elementor-element.elementor-element-715d28f .single_add_to_cart_button:before {
    content: "SELECT YOUR SIZE";
    font-size: 12px !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
}

.elementor-2627 .elementor-element.elementor-element-715d28f .single_add_to_cart_button:not(.disabled):before {
    content: "ADD TO CART";
}

/* 4. CLEANUP */
.elementor-2627 .elementor-element.elementor-element-715d28f .quantity,
.elementor-2627 .elementor-element.elementor-element-715d28f .label,
.elementor-2627 .elementor-element.elementor-element-715d28f .reset_variations {
    display: none !important;
}

.elementor-2627 .elementor-element.elementor-element-715d28f .variations tr, 
.elementor-2627 .elementor-element.elementor-element-715d28f .variations td {
    display: block;
    width: 100%;
    padding: 0;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-b4347a0 *//* 1. Reset the heading container and add the bottom light line */
.elementor-2627 .elementor-element.elementor-element-b4347a0 .e-n-tabs-heading {
    border-bottom: 1px solid #e0e0e0 !important;
    display: flex !important;
    gap: 60px !important; /* Space between 'Details', 'Care', etc. */
    padding: 0 !important;
    background-color: transparent !important;
}

/* 2. Remove button styling (backgrounds, borders, shadows) */
.elementor-2627 .elementor-element.elementor-element-b4347a0 .e-n-tab-title {
    background: none !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 0 12px 0 !important; /* Padding only at bottom for the underline */
    box-shadow: none !important;
    min-width: auto !important;
    transition: all 0.3s ease;
}

/* 3. Style the Text (Typography) */
.elementor-2627 .elementor-element.elementor-element-b4347a0 .e-n-tab-title-text {
    color: #888 !important; /* Lighter color for inactive tabs */
    font-size: 10px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
}

/* 4. The Active Tab Style (Black underline and dark text) */
.elementor-2627 .elementor-element.elementor-element-b4347a0 .e-n-tab-title[aria-selected="true"] {
    border-bottom: 2px solid #000 !important;
}

.elementor-2627 .elementor-element.elementor-element-b4347a0 .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text {
    color: #000 !important;
}

/* 5. Content Area Styling */
.elementor-2627 .elementor-element.elementor-element-b4347a0 .e-n-tabs-content {
    padding: 25px 0 0 0 !important;
    font-size: 14px;
    line-height: 1.7;
    color: #333;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-89f4a1e *//* 1. INCREASE OUTER GAPS - Matching the wide white space of BOA */
#alayya-sticky-right {
    padding-left: 13% !important; /* Increased from 10% to 18% */
    padding-right: 13% !important; /* Increased from 10% to 18% */
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    box-sizing: border-box !important;
}

/* 2. ELEMENT ALIGNMENT */
#alayya-sticky-right .product_title,
#alayya-sticky-right .price,
#alayya-sticky-right .e-n-tabs,
#alayya-sticky-right .variable-items-wrapper, /* The size grid */
#alayya-sticky-right .single_add_to_cart_button { /* The black button */
    width: 100% !important;
    max-width: 100% !important; /* Keeps everything perfectly flush */
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* 3. VERTICAL SPACING - Give elements room to breathe */
#alayya-sticky-right .product_title {
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
}

#alayya-sticky-right .price {
    margin-bottom: 30px !important;
}

/* 4. TABS STYLING */
#alayya-sticky-right .e-n-tabs-heading {
    width: 100% !important;
    margin-top: 30px !important;
    border-bottom: 1px solid #eee;
}

/* 5. RESPONSIVE FIX - Essential so it doesn't break on tablets */
@media (max-width: 1200px) {
    #alayya-sticky-right {
        padding-left: 10% !important;
        padding-right: 10% !important;
    }
}

@media (max-width: 768px) {
    #alayya-sticky-right {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}/* End custom CSS */