.elementor-453 .elementor-element.elementor-element-3d577e5{--display:flex;--overflow:hidden;--overlay-opacity:0.5;}.elementor-453 .elementor-element.elementor-element-3d577e5::before, .elementor-453 .elementor-element.elementor-element-3d577e5 > .elementor-background-video-container::before, .elementor-453 .elementor-element.elementor-element-3d577e5 > .e-con-inner > .elementor-background-video-container::before, .elementor-453 .elementor-element.elementor-element-3d577e5 > .elementor-background-slideshow::before, .elementor-453 .elementor-element.elementor-element-3d577e5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-453 .elementor-element.elementor-element-3d577e5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-453 .elementor-element.elementor-element-911fd4a{--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;--overlay-opacity:0.5;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:var( --e-global-color-0d6b285 );--border-color:var( --e-global-color-0d6b285 );--border-radius:24px 24px 24px 24px;box-shadow:0px 0px 40px 0px rgba(0, 0, 0, 0.06);--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-453 .elementor-element.elementor-element-911fd4a::before, .elementor-453 .elementor-element.elementor-element-911fd4a > .elementor-background-video-container::before, .elementor-453 .elementor-element.elementor-element-911fd4a > .e-con-inner > .elementor-background-video-container::before, .elementor-453 .elementor-element.elementor-element-911fd4a > .elementor-background-slideshow::before, .elementor-453 .elementor-element.elementor-element-911fd4a > .e-con-inner > .elementor-background-slideshow::before, .elementor-453 .elementor-element.elementor-element-911fd4a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-453 .elementor-element.elementor-element-911fd4a:hover{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:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );}.elementor-453 .elementor-element.elementor-element-911fd4a, .elementor-453 .elementor-element.elementor-element-911fd4a::before{--border-transition:0.3s;}.elementor-453 .elementor-element.elementor-element-046c4c5{--display:flex;}.woocommerce .elementor-453 .elementor-element.elementor-element-8b82ff1 .flex-control-thumbs img{border-radius:25px 25px 25px 25px;}.elementor-453 .elementor-element.elementor-element-6cb93df{--display:flex;}.elementor-widget-woocommerce-product-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-453 .elementor-element.elementor-element-6965273{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;padding:0px 0px 0px 0px;}.elementor-453 .elementor-element.elementor-element-6965273 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:30px;font-weight:800;letter-spacing:-0.1px;color:var( --e-global-color-secondary );}.woocommerce .elementor-widget-woocommerce-product-price .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.woocommerce .elementor-453 .elementor-element.elementor-element-f9471ff .woocommerce-product-details__short-description{color:#475569;font-family:"Montserrat", Sans-serif;font-size:16px;}.elementor-widget-woocommerce-product-add-to-cart .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );}.elementor-453 .elementor-element.elementor-element-ad8f0a4 .cart button, .elementor-453 .elementor-element.elementor-element-ad8f0a4 .cart .button{transition:all 0.2s;}.elementor-453 .elementor-element.elementor-element-ad8f0a4 .quantity .qty{transition:all 0.2s;}.elementor-widget-woocommerce-product-meta .product_meta .detail-container:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-453 .elementor-element.elementor-element-ac6fd76{--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;--overlay-opacity:0.5;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:var( --e-global-color-0d6b285 );--border-color:var( --e-global-color-0d6b285 );--border-radius:24px 24px 24px 24px;box-shadow:0px 0px 40px 0px rgba(0, 0, 0, 0.06);--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-453 .elementor-element.elementor-element-ac6fd76:not(.elementor-motion-effects-element-type-background), .elementor-453 .elementor-element.elementor-element-ac6fd76 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor4 );}.elementor-453 .elementor-element.elementor-element-ac6fd76::before, .elementor-453 .elementor-element.elementor-element-ac6fd76 > .elementor-background-video-container::before, .elementor-453 .elementor-element.elementor-element-ac6fd76 > .e-con-inner > .elementor-background-video-container::before, .elementor-453 .elementor-element.elementor-element-ac6fd76 > .elementor-background-slideshow::before, .elementor-453 .elementor-element.elementor-element-ac6fd76 > .e-con-inner > .elementor-background-slideshow::before, .elementor-453 .elementor-element.elementor-element-ac6fd76 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-453 .elementor-element.elementor-element-ac6fd76:hover{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:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );}.elementor-453 .elementor-element.elementor-element-ac6fd76, .elementor-453 .elementor-element.elementor-element-ac6fd76::before{--border-transition:0.3s;}.elementor-453 .elementor-element.elementor-element-f8d205f{--display:flex;}.elementor-widget-woocommerce-product-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}body.elementor-page-453:not(.elementor-motion-effects-element-type-background), body.elementor-page-453 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-94b8dbe );}@media(min-width:768px){.elementor-453 .elementor-element.elementor-element-911fd4a{--content-width:1140px;}}@media(max-width:1024px){.elementor-453 .elementor-element.elementor-element-911fd4a{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-453 .elementor-element.elementor-element-6965273 .elementor-heading-title{font-size:24px;}.elementor-453 .elementor-element.elementor-element-ac6fd76{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}}@media(max-width:767px){.elementor-453 .elementor-element.elementor-element-911fd4a{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-453 .elementor-element.elementor-element-6965273 .elementor-heading-title{font-size:20px;}.woocommerce .elementor-453 .elementor-element.elementor-element-f9471ff .woocommerce-product-details__short-description{font-size:14px;}.elementor-453 .elementor-element.elementor-element-ac6fd76{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for woocommerce-product-images, class: .elementor-element-8b82ff1 *//* ==========================================================
   MEDSHOP: PRODUCT IMAGE ZOOM & RESPONSIVE SIZING
   ========================================================== */

/* 1. Main Image Container (Rounded Corners & Hidden Overflow) */
.elementor-453 .elementor-element.elementor-element-8b82ff1 .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:first-child {
    border-radius: 24px !important;
    overflow: hidden !important;
    background: #F1F5F9 !important; /* Soft grey background for transparent PNGs */
    margin-bottom: 20px !important;
    display: block !important;
}

/* 2. Main Image Sizing & Smooth Transition Setup */
.elementor-453 .elementor-element.elementor-element-8b82ff1 .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:first-child img {
    width: 100% !important;
    height: 500px !important; /* Fixed Desktop Height */
    object-fit: cover !important; /* Prevents image stretching/distortion */
    border-radius: 24px !important;
    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 3. The Hover Zoom Effect */
.elementor-453 .elementor-element.elementor-element-8b82ff1 .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:first-child:hover img {
    transform: scale(1.08) !important;
}

/* 4. Thumbnail Grid (Lines them up perfectly) */
.elementor-453 .elementor-element.elementor-element-8b82ff1 .flex-control-nav.flex-control-thumbs {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 15px !important;
    margin: 0 !important;
    padding: 0 !important;
}
.elementor-453 .elementor-element.elementor-element-8b82ff1 .flex-control-nav.flex-control-thumbs li {
    width: 100% !important;
    margin: 0 !important;
}

/* 5. Thumbnail Styling & Hover States */
.elementor-453 .elementor-element.elementor-element-8b82ff1 .flex-control-nav.flex-control-thumbs li img {
    border-radius: 16px !important;
    border: 3px solid transparent !important;
    transition: all 0.3s ease !important;
    opacity: 0.7 !important;
    height: 90px !important;
    width: 100% !important;
    object-fit: cover !important;
    cursor: pointer !important;
}

/* Selected/Hovered Thumbnail gets a Purple Border */
.elementor-453 .elementor-element.elementor-element-8b82ff1 .flex-control-nav.flex-control-thumbs li img:hover,
.elementor-453 .elementor-element.elementor-element-8b82ff1 .flex-control-nav.flex-control-thumbs li img.flex-active {
    border-color: #9D4EDD !important;
    opacity: 1 !important;
}

/* ==========================================================
   RESPONSIVE SIZING FOR TABLET & MOBILE
   ========================================================== */

/* Tablet View */
@media (max-width: 1024px) {
    .elementor-453 .elementor-element.elementor-element-8b82ff1 .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:first-child img {
        height: 400px !important; /* Slightly shorter on tablet */
    }
}

/* Mobile View */
@media (max-width: 767px) {
    .elementor-453 .elementor-element.elementor-element-8b82ff1 .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:first-child img {
        height: 350px !important; /* Shorter on phones */
        border-radius: 20px !important;
    }
    .elementor-453 .elementor-element.elementor-element-8b82ff1 .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:first-child {
        border-radius: 20px !important;
        margin-bottom: 15px !important;
    }
    .elementor-453 .elementor-element.elementor-element-8b82ff1 .flex-control-nav.flex-control-thumbs {
        gap: 10px !important; /* Tighter gap on phones */
    }
    .elementor-453 .elementor-element.elementor-element-8b82ff1 .flex-control-nav.flex-control-thumbs li img {
        height: 70px !important; /* Smaller thumbnails */
        border-radius: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-price, class: .elementor-element-5f2e394 */.elementor-453 .elementor-element.elementor-element-5f2e394 .price {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 36px !important;
    font-weight: 900 !important;
    color: #9D4EDD !important; /* Brand Purple */
    display: flex !important; 
    align-items: center !important; 
    gap: 15px !important;
    margin-bottom: 20px !important;
}
/* This makes the old crossed-out price look clean */
.elementor-453 .elementor-element.elementor-element-5f2e394 .price del {
    color: #94A3B8 !important; 
    font-size: 22px !important; 
    opacity: 0.6 !important;
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-add-to-cart, class: .elementor-element-ad8f0a4 *//* Aligns the quantity box and button side-by-side */
.elementor-453 .elementor-element.elementor-element-ad8f0a4 form.cart {
    display: flex !important; 
    gap: 15px !important;
    align-items: center !important;
    margin-top: 12px !important;
    margin-bottom: 5px !important;
}

/* 1. The Quantity Box */
.elementor-453 .elementor-element.elementor-element-ad8f0a4 .quantity .qty {
    background: #F8FAFC !important;
    border: 2px solid #EEF2F6 !important;
    border-radius: 16px !important;
    height: 60px !important;
    width: 70px !important;
    text-align: center !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 800 !important;
    font-size: 18px !important;
    color: #0B132B !important;
}
.elementor-453 .elementor-element.elementor-element-ad8f0a4 .quantity .qty:focus {
    border-color: #9D4EDD !important;
    outline: none !important;
}

/* 2. The Gradient Button */
.elementor-453 .elementor-element.elementor-element-ad8f0a4 .single_add_to_cart_button {
    flex-grow: 1 !important; 
    background: linear-gradient(90deg, #FF2A6D 0%, #9D4EDD 100%) !important;
    color: white !important;
    border: none !important;
    border-radius: 16px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px !important; 
    font-weight: 800 !important; 
    text-transform: uppercase !important; 
    letter-spacing: 1.5px !important;
    height: 60px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 10px 20px rgba(255, 42, 109, 0.2) !important;
}
.elementor-453 .elementor-element.elementor-element-ad8f0a4 .single_add_to_cart_button:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 15px 30px rgba(255, 42, 109, 0.35) !important;
}

/* Mobile Responsive Adjustments */
@media (max-width: 400) {
    .elementor-453 .elementor-element.elementor-element-ad8f0a4 form.cart {
        flex-direction: row !important;
        gap: 20px !important;
    }
    .elementor-453 .elementor-element.elementor-element-ad8f0a4 .quantity .qty {
        width: 70% !important; /* Forces quantity box to be full width */
    }
    .elementor-453 .elementor-element.elementor-element-ad8f0a4 .single_add_to_cart_button {
        width: 100% !important; /* Forces button to be full width */
        margin-left: 0 !important;
    }
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-meta, class: .elementor-element-8a3acbe *//* Turns the boring blue links into modern rounded pills */
.elementor-453 .elementor-element.elementor-element-8a3acbe .product_meta {
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important; 
    font-weight: 700 !important; 
    color: #64748B !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}
.elementor-453 .elementor-element.elementor-element-8a3acbe .product_meta a {
    background: #EEF2F6 !important; 
    color: #0B132B !important; 
    text-decoration: none !important;
    padding: 6px 14px !important; 
    border-radius: 50px !important; 
    transition: all 0.3s !important;
    display: inline-block !important;
    margin: 2px !important;
}
.elementor-453 .elementor-element.elementor-element-8a3acbe .product_meta a:hover {
    background: #0B132B !important; 
    color: white !important; 
}

/* Mobile Responsive Adjustments */
@media (max-width: 767px) {
    .elementor-453 .elementor-element.elementor-element-8a3acbe .product_meta {
        font-size: 12px !important;
        gap: 6px !important;
    }
    .elementor-453 .elementor-element.elementor-element-8a3acbe .product_meta a {
        padding: 4px 10px !important; 
        font-size: 11px !important; 
        margin: 2px 0 !important;
    }
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-meta, class: .elementor-element-a0db080 *//* Turns the boring blue links into modern rounded pills */
.elementor-453 .elementor-element.elementor-element-a0db080 .product_meta {
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important; 
    font-weight: 700 !important; 
    color: #64748B !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}
.elementor-453 .elementor-element.elementor-element-a0db080 .product_meta a {
    background: #EEF2F6 !important; 
    color: #0B132B !important; 
    text-decoration: none !important;
    padding: 6px 14px !important; 
    border-radius: 50px !important; 
    transition: all 0.3s !important;
    display: inline-block !important;
    margin: 2px !important;
}
.elementor-453 .elementor-element.elementor-element-a0db080 .product_meta a:hover {
    background: #0B132B !important; 
    color: white !important; 
}

/* Mobile Responsive Adjustments */
@media (max-width: 767px) {
    .elementor-453 .elementor-element.elementor-element-a0db080 .product_meta {
        font-size: 12px !important;
        gap: 6px !important;
    }
    .elementor-453 .elementor-element.elementor-element-a0db080 .product_meta a {
        padding: 4px 10px !important; 
        font-size: 11px !important; 
        margin: 2px 0 !important;
    }
}/* End custom CSS */