.elementor-9923 .elementor-element.elementor-element-e364c90{--display:flex;}.elementor-9923 .elementor-element.elementor-element-1168465 .woolentor-breadcrumb{text-align:left;}.elementor-9923 .elementor-element.elementor-element-1168465 .woolentor-breadcrumb span.breadcrumb-separator{margin:0 10px;}.elementor-9923 .elementor-element.elementor-element-1168465 .woolentor-breadcrumb .woocommerce-breadcrumb span.breadcrumb-separator{font-size:16px;}.elementor-9923 .elementor-element.elementor-element-1168465 .woolentor-breadcrumb .woocommerce-breadcrumb span.breadcrumb-separator svg{width:16px;height:16px;}.elementor-9923 .elementor-element.elementor-element-1912d49{--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:flex-start;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:-50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-9923 .elementor-element.elementor-element-5ffc22f{--display:flex;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:#E5E5E5;--border-color:#E5E5E5;--border-radius:12px 12px 12px 12px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-9923 .elementor-element.elementor-element-5ffc22f:not(.elementor-motion-effects-element-type-background), .elementor-9923 .elementor-element.elementor-element-5ffc22f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.woocommerce .elementor-9923 .elementor-element.elementor-element-507e592 .flex-control-thumbs li{padding-right:calc(0px / 2);padding-left:calc(0px / 2);padding-bottom:0px;}.woocommerce .elementor-9923 .elementor-element.elementor-element-507e592 .flex-control-thumbs{margin-right:calc(-0px / 2);margin-left:calc(-0px / 2);}.elementor-9923 .elementor-element.elementor-element-efab704{--display:flex;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:#E5E5E5;--border-color:#E5E5E5;--border-radius:12px 12px 12px 12px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-9923 .elementor-element.elementor-element-efab704:not(.elementor-motion-effects-element-type-background), .elementor-9923 .elementor-element.elementor-element-efab704 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9923 .elementor-element.elementor-element-c84196b .price del{color:#F96C6C !important;}.elementor-9923 .elementor-element.elementor-element-b1fc11a > .elementor-widget-container{margin:-30px 0px 0px 0px;}.elementor-9923 .elementor-element.elementor-element-6353c74 > .elementor-widget-container{margin:-45px 0px 0px 0px;}.elementor-9923 .elementor-element.elementor-element-0131829 > .elementor-widget-container{margin:-22px 0px 0px 0px;}.elementor-9923 .elementor-element.elementor-element-122a61b{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E5E5E5;--border-color:#E5E5E5;--border-radius:15px 15px 15px 15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-9923 .elementor-element.elementor-element-122a61b:not(.elementor-motion-effects-element-type-background), .elementor-9923 .elementor-element.elementor-element-122a61b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9923 .elementor-element.elementor-element-062a5a1{--display:flex;--margin-top:-144px;--margin-bottom:0px;--margin-left:15px;--margin-right:0px;}.elementor-9923 .elementor-element.elementor-element-c016c5c > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-9923 .elementor-element.elementor-element-d76b173{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E5E5E5;--border-color:#E5E5E5;--border-radius:15px 15px 15px 15px;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-9923 .elementor-element.elementor-element-d76b173:not(.elementor-motion-effects-element-type-background), .elementor-9923 .elementor-element.elementor-element-d76b173 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9923 .elementor-element.elementor-element-d54a92b{width:auto;max-width:auto;text-align:start;}.elementor-9923 .elementor-element.elementor-element-d54a92b > .elementor-widget-container{background-color:#FE2928;margin:-40px 0px 0px 0px;padding:7px 20px 7px 20px;border-radius:30px 30px 30px 30px;}.elementor-9923 .elementor-element.elementor-element-d54a92b.elementor-element{--align-self:flex-start;}.elementor-9923 .elementor-element.elementor-element-d54a92b .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:17px;font-weight:500;color:#FFFFFF;}.elementor-9923 .elementor-element.elementor-element-69d9a25.elementor-widget-wl-product-related .products > h2{text-align:left;}.elementor-9923 .elementor-element.elementor-element-7e5e363{--display:flex;}.elementor-9923 .elementor-element.elementor-element-c444303 .elementor-button{background-color:#000000;font-family:"Arial", Sans-serif;font-weight:500;text-transform:uppercase;text-shadow:0px 0px 10px rgba(0,0,0,0.3);fill:#FFFFFF;color:#FFFFFF;}.elementor-9923 .elementor-element.elementor-element-2e514d2 .elementor-button{background-color:#EF1C27;font-family:"Arial", Sans-serif;font-weight:500;text-transform:uppercase;fill:#FFFFFF;color:#FFFFFF;}.elementor-9923 .elementor-element.elementor-element-f91e2e2{--display:flex;}body.elementor-page-9923:not(.elementor-motion-effects-element-type-background), body.elementor-page-9923 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F5;}@media(min-width:768px){.elementor-9923 .elementor-element.elementor-element-1912d49{--content-width:1230px;}.elementor-9923 .elementor-element.elementor-element-5ffc22f{--width:50%;}.elementor-9923 .elementor-element.elementor-element-efab704{--width:50%;}}@media(max-width:767px){.elementor-9923 .elementor-element.elementor-element-e364c90{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-9923 .elementor-element.elementor-element-1912d49{--margin-top:-38px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-9923 .elementor-element.elementor-element-c84196b > .elementor-widget-container{margin:-15px 0px 0px 0px;}.elementor-9923 .elementor-element.elementor-element-bb75579 > .elementor-widget-container{margin:-45px 0px 0px 0px;}.elementor-9923 .elementor-element.elementor-element-0131829 > .elementor-widget-container{margin:-45px 0px 0px 0px;}.elementor-9923 .elementor-element.elementor-element-122a61b{--content-width:746px;--border-radius:15px 15px 15px 15px;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-9923 .elementor-element.elementor-element-062a5a1{--margin-top:-145px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-9923 .elementor-element.elementor-element-d76b173{--content-width:746px;--border-radius:15px 15px 15px 15px;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-9923 .elementor-element.elementor-element-d54a92b > .elementor-widget-container{margin:-33px 0px 0px 0px;padding:5px 11px 5px 11px;}.elementor-9923 .elementor-element.elementor-element-d54a92b.elementor-element{--align-self:center;}.elementor-9923 .elementor-element.elementor-element-7e5e363{--width:100%;--min-height:0px;--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;--justify-content:center;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:99999;}.elementor-9923 .elementor-element.elementor-element-c444303{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-9923 .elementor-element.elementor-element-c444303.elementor-element{--align-self:flex-start;}.elementor-9923 .elementor-element.elementor-element-c444303 .elementor-button{font-size:16px;word-spacing:0em;border-radius:0px 0px 0px 0px;padding:16px 0px 16px 0px;}.elementor-9923 .elementor-element.elementor-element-2e514d2{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-9923 .elementor-element.elementor-element-2e514d2 .elementor-button{font-size:16px;border-radius:0px 0px 0px 0px;padding:16px 0px 16px 0px;}}

/* ========================================== */
/* 1. DYNAMIC IMAGE SIZING & QUALITY          */
/* ========================================== */
/* Stops the container from becoming massive and centers it */
.elementor-9923 .elementor-element.elementor-element-507e592 .woocommerce-product-gallery,
.elementor-9923 .elementor-element.elementor-element-507e592 .woolentor-product-image,
.elementor-9923 .elementor-element.elementor-element-507e592 .ht-product-image-wrap {
    max-width: 420px !important; /* Limits the maximum size */
    margin: 0 auto !important; /* Centers it in the column */
    position: relative !important; /* Creates an anchor for the discount badge */
    border-radius: 12px !important; /* Smooth corners */
    overflow: hidden !important; 
}

/* Forces the image to retain its high resolution without stretching */
.elementor-9923 .elementor-element.elementor-element-507e592 img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
}

/* ========================================== */
/* 2. REMOVE THE SEARCH / ZOOM ICON           */
/* ========================================== */
.elementor-9923 .elementor-element.elementor-element-507e592 .woocommerce-product-gallery__trigger,
.elementor-9923 .elementor-element.elementor-element-507e592 .ht-zoom,
.elementor-9923 .elementor-element.elementor-element-507e592 .woolentor-zoom,
.elementor-9923 .elementor-element.elementor-element-507e592 a.zoom {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    pointer-events: none !important;
}

/* ========================================== */
/* 3. DISCOUNT PERCENTAGE BADGE               */
/* ========================================== */
/* Pulls the badge inside the image and styles it into a sleek pill */
.elementor-9923 .elementor-element.elementor-element-507e592 .onsale,
.elementor-9923 .elementor-element.elementor-element-507e592 .ht-product-label,
.elementor-9923 .elementor-element.elementor-element-507e592 .woolentor-sale {
    position: absolute !important;
    top: 15px !important;
    left: 15px !important; /* Places it in the top-left corner */
    right: auto !important;
    background-color: #ef4444 !important; /* Premium Red */
    color: #ffffff !important;
    padding: 5px 14px !important;
    border-radius: 20px !important; 
    font-size: 13px !important;
    font-weight: 700 !important;
    z-index: 99 !important;
    display: inline-block !important;
    line-height: 1.2 !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
}
/* 1. Main Image Styling */
.elementor-9923 .elementor-element.elementor-element-5ffc22f .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:first-child img {
    border-radius: 12px !important;
    border: 1px solid #eaeaea !important;
    margin-bottom: 15px !important;
    width: 100% !important;
}

/* 2. Thumbnail Gallery Alignment */
.elementor-9923 .elementor-element.elementor-element-5ffc22f .flex-control-nav.flex-control-thumbs {
    display: flex !important;
    gap: 15px !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

.elementor-9923 .elementor-element.elementor-element-5ffc22f .flex-control-nav.flex-control-thumbs li {
    width: calc(25% - 11px) !important; /* Forces exactly 4 thumbnails across */
    float: none !important;
}

.elementor-9923 .elementor-element.elementor-element-5ffc22f .flex-control-nav.flex-control-thumbs li img {
    border-radius: 8px !important;
    border: 1px solid #eaeaea !important;
    cursor: pointer !important;
    transition: 0.3s ease !important;
}

.elementor-9923 .elementor-element.elementor-element-5ffc22f .flex-control-nav.flex-control-thumbs li img.flex-active,
.elementor-9923 .elementor-element.elementor-element-5ffc22f .flex-control-nav.flex-control-thumbs li img:hover {
    border-color: #000000 !important;
    opacity: 0.7 !important;
}

/* 3. The Green Sale Badge (Floating Top Right) */
.elementor-9923 .elementor-element.elementor-element-5ffc22f .onsale {
    position: absolute !important;
    top: 15px !important;
    right: 15px !important;
    left: auto !important;
    background-color: #10b981 !important; /* Inspyre Green */
    color: #ffffff !important;
    padding: 6px 16px !important;
    border-radius: 20px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    z-index: 9 !important;
    line-height: 1.2 !important;
}







/* 1. Product Title */
.elementor-9923 .elementor-element.elementor-element-efab704 .product_title {
    font-size: 26px !important;
    font-weight: 700 !important;
    color: #222 !important;
    margin-bottom: 15px !important;
    line-height: 1.3 !important;
}

/* 2. Bold Price & Strikethrough */
.elementor-9923 .elementor-element.elementor-element-efab704 .price {
    font-size: 32px !important;
    font-weight: 700 !important;
    color: #000 !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin-bottom: 20px !important;
}
.elementor-9923 .elementor-element.elementor-element-efab704 .price del {
    color: #999 !important;
    font-size: 18px !important;
}
.elementor-9923 .elementor-element.elementor-element-efab704 .price ins {
    text-decoration: none !important;
}

/* 3. Green Stock Pill */
.elementor-9923 .elementor-element.elementor-element-efab704 .stock {
    background-color: #10b981 !important;
    color: #fff !important;
    display: inline-block !important;
    padding: 6px 16px !important;
    border-radius: 20px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    margin-bottom: 25px !important;
}

/* 4. Cart Row & Buttons */
.elementor-9923 .elementor-element.elementor-element-efab704 form.cart {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
    padding-top: 25px !important;
    border-top: 1px solid #eaeaea !important;
}

/* Leaves Add to Cart exactly as it is (Black) */
.elementor-9923 .elementor-element.elementor-element-efab704 form.cart .button {
    background: #000000 !important;
    color: #ffffff !important;
    border: none !important;
    height: 50px !important;
    border-radius: 6px !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    flex-grow: 1 !important;
    transition: 0.3s !important;
}
.elementor-9923 .elementor-element.elementor-element-efab704 form.cart .button:hover {
    background: #333333 !important;
}

/* Forces Buy Now button to Black */
.elementor-9923 .elementor-element.elementor-element-efab704 form.cart .buy_now_button,
.elementor-9923 .elementor-element.elementor-element-efab704 form.cart .qbn_button,
.elementor-9923 .elementor-element.elementor-element-efab704 form.cart #buy_now_button,
.elementor-9923 .elementor-element.elementor-element-efab704 form.cart button[name="buy_now"] {
    background: #000000 !important; 
    color: #ffffff !important;
}
.elementor-9923 .elementor-element.elementor-element-efab704 form.cart .buy_now_button:hover,
.elementor-9923 .elementor-element.elementor-element-efab704 form.cart .qbn_button:hover,
.elementor-9923 .elementor-element.elementor-element-efab704 form.cart #buy_now_button:hover,
.elementor-9923 .elementor-element.elementor-element-efab704 form.cart button[name="buy_now"]:hover {
    background: #333333 !important; 
}

/* 5. Clean Meta / SKU Section */
.elementor-9923 .elementor-element.elementor-element-efab704 .product_meta {
    padding-top: 20px !important;
    margin-top: 20px !important;
    border-top: 1px solid #eaeaea !important;
    font-size: 14px !important;
    color: #666 !important;
    line-height: 2 !important;
}
.elementor-9923 .elementor-element.elementor-element-efab704 .product_meta a {
    color: #333 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

/* 6. Permanently Hide Tags */
.elementor-9923 .elementor-element.elementor-element-efab704 .product_meta .tagged_as {
    display: none !important;
    visibility: hidden !important;
}

/* 7. AGGRESSIVE: Hide Sale Badge from Right Container */
.elementor-9923 .elementor-element.elementor-element-efab704 .onsale,
.elementor-9923 .elementor-element.elementor-element-efab704 .ht-product-label,
.elementor-9923 .elementor-element.elementor-element-efab704 .woolentor-sale,
.elementor-9923 .elementor-element.elementor-element-efab704 .woolentor-badge,
.elementor-9923 .elementor-element.elementor-element-efab704 [class*="sale-badge"],
.elementor-9923 .elementor-element.elementor-element-efab704 [class*="ribbon"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* ========================================== */
/* 1. DESKTOP BROWSER FIX (Master Container)  */
/* ========================================== */
/* Prevents infinite stretching and centers the entire product section */
.elementor-9923 .elementor-element.elementor-element-1912d49 {
    max-width: 1250px !important; 
    /*margin: 0 auto !important; */
    padding: 40px 20px !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important; /* Prevents horizontal scrolling bugs */
}

/* Ensures the internal flexbox behaves perfectly on desktop */
.elementor-9923 .elementor-element.elementor-element-1912d49 > .e-con,
.elementor-9923 .elementor-element.elementor-element-1912d49 > .e-container,
.elementor-9923 .elementor-element.elementor-element-1912d49 > .elementor-container {
    align-items: flex-start !important;
}

/* ========================================== */
/* 2. TABLET RESPONSIVENESS                   */
/* ========================================== */
/* Adds clean breathing room for iPads and tablets */
@media (max-width: 1024px) {
    .elementor-9923 .elementor-element.elementor-element-1912d49 {
        padding: 30px 15px !important;
        max-width: 100% !important;
    }
}

/* ========================================== */
/* 3. MOBILE DEVICE FIX (Perfect Stacking)    */
/* ========================================== */
@media (max-width: 767px) {
    /* Tightens the outer edge padding to maximize screen space for text/images */
    .elementor-9923 .elementor-element.elementor-element-1912d49 {
        padding: 15px 12px !important; 
        /*margin-top: 10px !important;*/
        width: 100% !important;
    }
    
    /* Forces the Image column and Data column to stack vertically */
    .elementor-9923 .elementor-element.elementor-element-1912d49 > .e-con,
    .elementor-9923 .elementor-element.elementor-element-1912d49 > .e-container,
    .elementor-9923 .elementor-element.elementor-element-1912d49 > .elementor-container {
        flex-direction: column !important;
        gap: 25px !important; /* Adds clean space between the image and the title */
    }
    
    /* Forces internal columns to take up the full width of the phone screen */
    .elementor-9923 .elementor-element.elementor-element-1912d49 .elementor-column,
    .elementor-9923 .elementor-element.elementor-element-1912d49 .e-con-inner,
    .elementor-9923 .elementor-element.elementor-element-1912d49 > .e-con,
    .elementor-9923 .elementor-element.elementor-element-1912d49 > .e-container > .e-con {
        width: 100% !important;
        margin: 0 !important;
    }
}



/* ========================================== */
/* 1. RESET CONTAINER & REMOVE TOP VOID       */
/* ========================================== */
/* Eliminates Elementor's default top gap */
.elementor-9923 .elementor-element.elementor-element-122a61b {
    padding: 0 !important;
}
.elementor-9923 .elementor-element.elementor-element-122a61b .elementor-widget-container,
.elementor-9923 .elementor-element.elementor-element-122a61b .woocommerce-tabs,
.elementor-9923 .elementor-element.elementor-element-122a61b .woolentor-tabs {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* ========================================== */
/* 2. FULL-WIDTH DIVIDER & SYMMETRICAL TABS   */
/* ========================================== */
.elementor-9923 .elementor-element.elementor-element-122a61b .ht-tab-menus,
.elementor-9923 .elementor-element.elementor-element-122a61b .woocommerce-tabs ul.tabs {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;
    
    /* Full-width crisp separator line */
    border-bottom: 1px solid #eaeaec !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    
    /* Exactly 20px top and 20px bottom for perfect centering */
    padding: 20px 0 !important;
    margin: 0 !important;
    width: 100% !important;
    background: transparent !important;
}
.elementor-9923 .elementor-element.elementor-element-122a61b .ht-tab-menus::before,
.elementor-9923 .elementor-element.elementor-element-122a61b .woocommerce-tabs ul.tabs::before {
    display: none !important;
}

/* ========================================== */
/* 3. BUTTON SHAPES & CORNER RADIUS           */
/* ========================================== */
.elementor-9923 .elementor-element.elementor-element-122a61b .ht-tab-menus li,
.elementor-9923 .elementor-element.elementor-element-122a61b .woocommerce-tabs ul.tabs li {
    list-style: none !important;
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 8px !important; /* Smooth rounded corners */
    padding: 9px 26px !important;
    margin: 0 !important;
    transition: all 0.25s ease-in-out !important;
    cursor: pointer !important;
}
.elementor-9923 .elementor-element.elementor-element-122a61b .ht-tab-menus li::before,
.elementor-9923 .elementor-element.elementor-element-122a61b .ht-tab-menus li::after,
.elementor-9923 .elementor-element.elementor-element-122a61b .woocommerce-tabs ul.tabs li::before,
.elementor-9923 .elementor-element.elementor-element-122a61b .woocommerce-tabs ul.tabs li::after {
    display: none !important;
}

.elementor-9923 .elementor-element.elementor-element-122a61b .ht-tab-menus li a,
.elementor-9923 .elementor-element.elementor-element-122a61b .woocommerce-tabs ul.tabs li a {
    color: #475569 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    display: block !important;
    transition: color 0.25s ease-in-out !important;
}

/* Hides the review count "(0)" to leave clean "REVIEWS" text */
.elementor-9923 .elementor-element.elementor-element-122a61b .woocommerce-tabs ul.tabs li#tab-title-reviews a span,
.elementor-9923 .elementor-element.elementor-element-122a61b .woocommerce-tabs ul.tabs li#tab-title-reviews a .count,
.elementor-9923 .elementor-element.elementor-element-122a61b .ht-tab-menus li a span {
    display: none !important;
}

/* Hides any extra tabs (e.g. Additional Information) */
.elementor-9923 .elementor-element.elementor-element-122a61b .ht-tab-menus li:not(#tab-title-description):not(#tab-title-reviews),
.elementor-9923 .elementor-element.elementor-element-122a61b .woocommerce-tabs ul.tabs li:not(#tab-title-description):not(#tab-title-reviews) {
    display: none !important;
}

/* ========================================== */
/* 4. DESCRIPTION (ACTIVE & HOVER TEAL)       */
/* ========================================== */
.elementor-9923 .elementor-element.elementor-element-122a61b .ht-tab-menus li#tab-title-description:hover,
.elementor-9923 .elementor-element.elementor-element-122a61b .ht-tab-menus li#tab-title-description.active,
.elementor-9923 .elementor-element.elementor-element-122a61b .ht-tab-menus li#tab-title-description.ht-active,
.elementor-9923 .elementor-element.elementor-element-122a61b .woocommerce-tabs ul.tabs li#tab-title-description:hover,
.elementor-9923 .elementor-element.elementor-element-122a61b .woocommerce-tabs ul.tabs li#tab-title-description.active {
    border-color: #0d9488 !important;
    background-color: #e6f7f6 !important;
}
.elementor-9923 .elementor-element.elementor-element-122a61b .ht-tab-menus li#tab-title-description:hover a,
.elementor-9923 .elementor-element.elementor-element-122a61b .ht-tab-menus li#tab-title-description.active a,
.elementor-9923 .elementor-element.elementor-element-122a61b .ht-tab-menus li#tab-title-description.ht-active a,
.elementor-9923 .elementor-element.elementor-element-122a61b .woocommerce-tabs ul.tabs li#tab-title-description:hover a,
.elementor-9923 .elementor-element.elementor-element-122a61b .woocommerce-tabs ul.tabs li#tab-title-description.active a {
    color: #0d9488 !important;
}

/* ========================================== */
/* 5. REVIEWS (ACTIVE & HOVER RED)            */
/* ========================================== */
.elementor-9923 .elementor-element.elementor-element-122a61b .ht-tab-menus li#tab-title-reviews:hover,
.elementor-9923 .elementor-element.elementor-element-122a61b .ht-tab-menus li#tab-title-reviews.active,
.elementor-9923 .elementor-element.elementor-element-122a61b .ht-tab-menus li#tab-title-reviews.ht-active,
.elementor-9923 .elementor-element.elementor-element-122a61b .woocommerce-tabs ul.tabs li#tab-title-reviews:hover,
.elementor-9923 .elementor-element.elementor-element-122a61b .woocommerce-tabs ul.tabs li#tab-title-reviews.active {
    border-color: #ef4444 !important;
    background-color: #fef2f2 !important;
}
.elementor-9923 .elementor-element.elementor-element-122a61b .ht-tab-menus li#tab-title-reviews:hover a,
.elementor-9923 .elementor-element.elementor-element-122a61b .ht-tab-menus li#tab-title-reviews.active a,
.elementor-9923 .elementor-element.elementor-element-122a61b .ht-tab-menus li#tab-title-reviews.ht-active a,
.elementor-9923 .elementor-element.elementor-element-122a61b .woocommerce-tabs ul.tabs li#tab-title-reviews:hover a,
.elementor-9923 .elementor-element.elementor-element-122a61b .woocommerce-tabs ul.tabs li#tab-title-reviews.active a {
    color: #ef4444 !important;
}

/* ========================================== */
/* 6. CONTENT PANEL PADDING                   */
/* ========================================== */
/* Clean side and top breathing room for title and bullet points */
.elementor-9923 .elementor-element.elementor-element-122a61b .woocommerce-Tabs-panel,
.elementor-9923 .elementor-element.elementor-element-122a61b .ht-tab-content,
.elementor-9923 .elementor-element.elementor-element-122a61b .tab-content {
    padding: 30px !important;
    border: none !important;
    margin: 0 !important;
}



/* ========================================== */
/* 1. SEPARATE PRODUCT CARDS & HOVER EFFECT   */
/* ========================================== */
/* Creates a distinct, bordered white card for each product */
.elementor-9923 .elementor-element.elementor-element-d76b173 .product,
.elementor-9923 .elementor-element.elementor-element-d76b173 .ht-product-inner,
.elementor-9923 .elementor-element.elementor-element-d76b173 .woolentor-product-inner {
    background: #ffffff !important;
    border: 1px solid #eaeaea !important;
    border-radius: 12px !important; /* Smooth card corners */
    padding: 15px !important;
    transition: all 0.3s ease-in-out !important;
    box-sizing: border-box !important;
    height: 100% !important; 
    position: relative !important;
}

/* Premium Card Hover: Slight lift and shadow */
.elementor-9923 .elementor-element.elementor-element-d76b173 .product:hover,
.elementor-9923 .elementor-element.elementor-element-d76b173 .ht-product-inner:hover,
.elementor-9923 .elementor-element.elementor-element-d76b173 .woolentor-product-inner:hover {
    box-shadow: 0 10px 25px rgba(0,0,0,0.08) !important;
    border-color: #d1d5db !important;
    transform: translateY(-4px) !important;
}

/* ========================================== */
/* 2. IMAGE ZOOM HOVER EFFECT                 */
/* ========================================== */
.elementor-9923 .elementor-element.elementor-element-d76b173 .ht-product-image-wrap,
.elementor-9923 .elementor-element.elementor-element-d76b173 .woolentor-product-image {
    overflow: hidden !important;
    border-radius: 8px !important;
    margin-bottom: 15px !important;
}

.elementor-9923 .elementor-element.elementor-element-d76b173 .ht-product-image-wrap img,
.elementor-9923 .elementor-element.elementor-element-d76b173 .woolentor-product-image img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    transition: transform 0.4s ease !important; /* Smooth zoom transition */
}

/* Zooms the image slightly when the card is hovered */
.elementor-9923 .elementor-element.elementor-element-d76b173 .product:hover img,
.elementor-9923 .elementor-element.elementor-element-d76b173 .ht-product-inner:hover img,
.elementor-9923 .elementor-element.elementor-element-d76b173 .woolentor-product-inner:hover img {
    transform: scale(1.08) !important; 
}

/* ========================================== */
/* 3. DISCOUNT BADGE (Green Rounded Rectangle)*/
/* ========================================== */
/* Aggressively hides the redundant white 'Sale!' pill */
.elementor-9923 .elementor-element.elementor-element-d76b173 .onsale.text-badge,
.elementor-9923 .elementor-element.elementor-element-d76b173 .woocommerce-badge,
.elementor-9923 .elementor-element.elementor-element-d76b173 span.onsale:not([class*="perc"]) {
    display: none !important;
    visibility: hidden !important;
}

/* Reshapes the percentage badge to a green rounded rectangle */
.elementor-9923 .elementor-element.elementor-element-d76b173 .ht-product-label,
.elementor-9923 .elementor-element.elementor-element-d76b173 .woolentor-sale,
.elementor-9923 .elementor-element.elementor-element-d76b173 .onsale {
    background-color: #10b981 !important; /* Stock Green */
    color: #ffffff !important;
    border-radius: 6px !important; /* Rounded Rectangle, overriding the blue circle */
    padding: 5px 12px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    top: 10px !important;
    right: 10px !important; 
    left: auto !important;
    width: auto !important; 
    height: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 2px 6px rgba(16, 185, 129, 0.3) !important;
    z-index: 99 !important;
}

/* ========================================== */
/* 4. FIX OVERLAPPING PRICING                 */
/* ========================================== */
/* Stacks the old price and new price vertically so they don't crash into each other */
.elementor-9923 .elementor-element.elementor-element-d76b173 .price,
.elementor-9923 .elementor-element.elementor-element-d76b173 .ht-product-price {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important; 
    gap: 4px !important;
    margin-top: 10px !important;
}

/* Styles the old strikethrough price cleanly */
.elementor-9923 .elementor-element.elementor-element-d76b173 .price del,
.elementor-9923 .elementor-element.elementor-element-d76b173 .ht-product-price del {
    font-size: 13px !important;
    color: #94a3b8 !important; /* Soft gray */
    line-height: 1 !important;
    margin: 0 !important;
}

/* Styles the new active price boldly */
.elementor-9923 .elementor-element.elementor-element-d76b173 .price ins,
.elementor-9923 .elementor-element.elementor-element-d76b173 .ht-product-price ins,
.elementor-9923 .elementor-element.elementor-element-d76b173 .price > .amount,
.elementor-9923 .elementor-element.elementor-element-d76b173 .ht-product-price > .amount {
    font-size: 17px !important;
    color: #111111 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    background: transparent !important;
    line-height: 1 !important;
    margin: 0 !important;
}

/* ========================================== */
/* 5. CUSTOM SLIDER ICONS (Navigation Arrows) */
/* ========================================== */
/* Rebuilds the slider navigation arrows into sleek floating circles */
.elementor-9923 .elementor-element.elementor-element-d76b173 .swiper-button-next,
.elementor-9923 .elementor-element.elementor-element-d76b173 .swiper-button-prev,
.elementor-9923 .elementor-element.elementor-element-d76b173 .slick-next,
.elementor-9923 .elementor-element.elementor-element-d76b173 .slick-prev,
.elementor-9923 .elementor-element.elementor-element-d76b173 .ht-swiper-button {
    background-color: #ffffff !important;
    color: #111111 !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important; /* Perfect circles */
    box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
    border: 1px solid #eaeaea !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Arrow hover effect - shifts to black */
.elementor-9923 .elementor-element.elementor-element-d76b173 .swiper-button-next:hover,
.elementor-9923 .elementor-element.elementor-element-d76b173 .swiper-button-prev:hover,
.elementor-9923 .elementor-element.elementor-element-d76b173 .slick-next:hover,
.elementor-9923 .elementor-element.elementor-element-d76b173 .slick-prev:hover,
.elementor-9923 .elementor-element.elementor-element-d76b173 .ht-swiper-button:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
    border-color: #000000 !important;
    transform: scale(1.05) !important;
}

/* Adjusts the internal arrow icon size */
.elementor-9923 .elementor-element.elementor-element-d76b173 .swiper-button-next::after,
.elementor-9923 .elementor-element.elementor-element-d76b173 .swiper-button-prev::after {
    font-size: 18px !important;
    font-weight: 800 !important;
}




@media (max-width: 767px) {
    /* 1. Master Container: True 50/50 Grid, Zero Gaps, Fixed Position */
    .elementor-9923 .elementor-element.elementor-element-7e5e363 {
        position: fixed !important;
        bottom: 69px !important; /* Adjust if it overlaps your navigator */
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        display: grid !important;
        grid-template-columns: 1fr 1fr !important; /* Exact 50/50 split */
        gap: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        z-index: 99999 !important;
    }

    /* 2. Destroy Elementor's Default Widget Padding/Margins */
    .elementor-9923 .elementor-element.elementor-element-7e5e363 .elementor-widget, 
    .elementor-9923 .elementor-element.elementor-element-7e5e363 .elementor-widget-button,
    .elementor-9923 .elementor-element.elementor-element-7e5e363 .elementor-widget-container {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* 3. Force Buttons into Perfect, Identical Rectangles */
    .elementor-9923 .elementor-element.elementor-element-7e5e363 .elementor-button {
        width: 100% !important;
        height: 100% !important;
        min-height: 50px !important; /* Ensures a consistent, tap-friendly height */
        border-radius: 0 !important;
        margin: 0 !important;
        padding: 15px 0 !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        border: none !important;
        box-sizing: border-box !important;
    }
    /* ========================================== */
/* MOBILE BUTTON STRICT TAP EFFECT            */
/* ========================================== */

/* Ensures only the background color changes, keeping the button completely solid */
#st-btn-add, 
#st-btn-buy {
    transition: background-color 0.1s ease !important; 
}

/* The exact moment the finger taps the screen */
#st-btn-add:active, 
#st-btn-buy:active,
#st-btn-add:focus,
#st-btn-buy:focus {
    background-color: #555555 !important; /* Solid grayish background */
    transform: none !important; /* Strictly prevents any shrinking or movement */
}
}