.elementor-widget-section .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-section .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-309 .elementor-element.elementor-element-730745e7 > .elementor-container{min-height:971px;}.elementor-309 .elementor-element.elementor-element-730745e7 > .elementor-background-overlay{opacity:0.35;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-309 .elementor-element.elementor-element-730745e7{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-233px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-309 .elementor-element.elementor-element-55a416db{--display:flex;--margin-top:10px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-309 .elementor-element.elementor-element-52207ff{--display:flex;}.elementor-widget-html .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-html .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-309 .elementor-element.elementor-element-e5c1f2f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-309 .elementor-element.elementor-element-50d40d4{--display:flex;}.elementor-widget-heading .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-heading .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-heading .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-309 .elementor-element.elementor-element-d72c2b5{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + -30px) 0px;text-align:center;}.elementor-309 .elementor-element.elementor-element-d72c2b5 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:30px;font-weight:500;color:var( --e-global-color-453e5d2 );}.elementor-309 .elementor-element.elementor-element-4884d021{width:100%;max-width:100%;margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-309 .elementor-element.elementor-element-2fb05ceb{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-309 .elementor-element.elementor-element-2fb05ceb.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-309 .elementor-element.elementor-element-63f83b2c{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;padding:0px 0px 0px 0px;}.elementor-309 .elementor-element.elementor-element-17ed2306{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-309 .elementor-element.elementor-element-17ed2306 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-wdt-flex-banner .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-wdt-flex-banner .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-309 .elementor-element.elementor-element-16063351 .wdt-flex-banner-option{height:750px;}.elementor-309 .elementor-element.elementor-element-2df91a5{--display:flex;}.elementor-309 .elementor-element.elementor-element-4c4e8a6{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + -30px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-309 .elementor-element.elementor-element-4c4e8a6 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:40px;font-weight:500;color:var( --e-global-color-453e5d2 );}.elementor-309 .elementor-element.elementor-element-5a12ed8{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-309 .elementor-element.elementor-element-bb62c8a{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-309 .elementor-element.elementor-element-bb62c8a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-309 .elementor-element.elementor-element-3cf753c{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-309 .elementor-element.elementor-element-ca875c9{--display:flex;}.elementor-309 .elementor-element.elementor-element-1eb7ec9{--display:flex;}body.elementor-page-309:not(.elementor-motion-effects-element-type-background), body.elementor-page-309 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F1E5;}@media(max-width:1280px) and (min-width:481px){.elementor-309 .elementor-element.elementor-element-2fb05ceb{--width:1150.6px;}.elementor-309 .elementor-element.elementor-element-bb62c8a{--width:1150.6px;}}@media(max-width:1540px){.elementor-309 .elementor-element.elementor-element-730745e7 > .elementor-container{min-height:900px;}.elementor-309 .elementor-element.elementor-element-730745e7{margin-top:-316px;margin-bottom:0px;}}@media(max-width:1280px){.elementor-309 .elementor-element.elementor-element-730745e7 > .elementor-container{min-height:850px;}.elementor-309 .elementor-element.elementor-element-17ed2306{padding:80px 0px 80px 0px;}.elementor-309 .elementor-element.elementor-element-16063351 .wdt-flex-banner-option{height:600px;}}@media(max-width:1024px){.elementor-309 .elementor-element.elementor-element-730745e7 > .elementor-container{min-height:800px;}.elementor-309 .elementor-element.elementor-element-17ed2306{padding:70px 0px 70px 0px;}}@media(max-width:768px){.elementor-309 .elementor-element.elementor-element-730745e7 > .elementor-container{min-height:800px;}.elementor-309 .elementor-element.elementor-element-17ed2306{padding:60px 0px 60px 0px;}}@media(max-width:480px){.elementor-309 .elementor-element.elementor-element-730745e7 > .elementor-container{min-height:700px;}.elementor-309 .elementor-element.elementor-element-730745e7 > .elementor-background-overlay{opacity:0;}.elementor-309 .elementor-element.elementor-element-730745e7{margin-top:-166px;margin-bottom:0px;}.elementor-309 .elementor-element.elementor-element-55a416db{--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-309 .elementor-element.elementor-element-e5c1f2f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-309 .elementor-element.elementor-element-17ed2306{padding:0px 0px 50px 0px;}.elementor-309 .elementor-element.elementor-element-16063351 .wdt-flex-banner-option{height:235px;}.elementor-309 .elementor-element.elementor-element-4c4e8a6 .elementor-heading-title{font-size:30px;}}/* Start custom CSS for section, class: .elementor-element-730745e7 *//* Base Header Style (The "Island" Look) */
#header {
  
  position: fixed;
  /* Start slightly down from the top */
  left: 50%;
  transform: translateX(-50%);
  
  /* Initial Width & Size */
  width: 100%;
  
  padding: 1.5rem rem; /* Taller initially */
  
  /* Appearance */
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(10px); /* Frosted glass effect *
  border: 1px solid rgba(0,0,0,0.04);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
  
  /* The Animation Magic */
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 1000;
}

/* The "Scrolled" State (What happens when you go down) */
#header.scrolled {
  /* Stick to the very top */
  top: 10px; 
  
  /* Shrink the size */
  padding: 0.8rem 2rem; /* Reduces height */
  width: 60%; /* Reduces width for a tighter pill look */
  
  /* Enhance the shadow for better contrast against content */
  box-shadow: 
    0 10px 15px -3px rgba(0, 0, 0, 0.1), 
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
    
  /* Optional: Make background more solid when scrolling */
  background: rgba(255, 255, 255, 0.98);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4884d021 *//* CSS STYLES - Paste this in Custom HTML block or Theme Customizer */
    .meliora-section-container {
        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; /* Replace with your theme font */
        box-sizing: border-box;
        width: 100%;
        max-width: 100%;
        overflow: hidden;
    }

    /* Flex container for the two columns */
    .meliora-split-wrapper {
        display: flex;
        flex-direction: column; /* Stack on mobile */
        width: 100%;
    }

    /* Desktop View: Side by side */
    @media (min-width: 768px) {
        .meliora-split-wrapper {
            flex-direction: row;
            height: 600px; /* Fixed height for desktop impact */
        }
    }

    /* Individual Card Styling */
    .meliora-card {
        position: relative;
        flex: 1;
        display: block; /* Make anchor tag behave like a block */
        text-decoration: none;
        overflow: hidden;
        height: 500px; /* Mobile height */
        background-color: #f0f0f0;
    }

    @media (min-width: 768px) {
        .meliora-card {
            height: 100%; /* Fill wrapper height on desktop */
        }
    }

    /* Image Styling */
    .meliora-card img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.5s ease;
    }

    /* Hover Effect: Slight Zoom */
    .meliora-card:hover img {
        transform: scale(1.03);
    }

    /* The White Floating Box */
    .meliora-content-box {
        position: absolute;
        bottom: 24px;
        left: 24px;
        right: 24px;
        background-color: #ffffff;
        padding: 24px;
        border-radius: 8px;
        display: flex;
        flex-direction: column;
        gap: 16px;
        box-shadow: 0 4px 12px rgba(0,0,0,0.05);
        text-align: left;
        transition: opacity 0.3s ease;
    }

    @media (min-width: 768px) {
        .meliora-content-box {
            left: 38px;
            right: 38px;
            bottom: 38px;
            padding: 32px;
        }
    }

    /* Typography */
    .meliora-content-box h2 {
        margin: 0;
        font-size: 24px;
        line-height: 1.2;
        color: #302569;
        font-weight: 600;
        font-family: poppins; /* For that luxury feel */
    }

    .meliora-content-box p {
        margin: 0;
        font-size: 14px;
        line-height: 1.5;
        color: #302569;
        font-family: poppins;
    }

    /* Button Styling */
    .meliora-btn {
        display: inline-block;
        width: fit-content;
        padding: 10px 24px;
        border: 1px solid #1a1a1a;
        border-radius: 50px;
        background: transparent;
        color: #302569;
        font-size: 14px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        transition: all 0.3s ease;
        font-family: poppins;
    }

    .meliora-btn:hover {
        background: #1a1a1a;
        color: #ffffff;
    }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-63f83b2c *//* --- Best Seller Section Container --- */
.meliora-bestseller-section {
    display: flex;
    flex-direction: column; /* Stacked on mobile */
    align-items: stretch;
    width: 100%;
}

/* --- Media Query for Desktop Layout (Side-by-Side) --- */
@media (min-width: 768px) {
    .meliora-bestseller-section {
        flex-direction: row; /* Side-by-side on desktop */
    }
}

/* --- Left Text Column Styling --- */
.bestseller-text-column {
    width: 100%;
    padding: 20px; /* Default mobile padding */
    order: 2; /* Move below carousel on mobile for better flow */
}

@media (min-width: 768px) {
    .bestseller-text-column {
        width: 50%; /* md:w-1/2 equivalent */
        padding-left: 32px; /* md:pl-8 equivalent */
        padding-right: 0;
        order: 1; /* Move to the left on desktop */
        margin-top: 0;
    }
    .text-content-wrapper {
        padding-right: 24px; /* Space from the products */
    }
}

/* Text Content Styles */
.rich-text-heading p {
    font-size: 1.125rem; /* Base text size */
    color: #555; /* Neutral text color */
    margin-top: 40px; /* mt-xl equivalent */
    font-family: poppins;
}

.bestseller-divider {
    border: none;
    border-top: 1px solid #999; /* Example border color */
    width: 50px; /* ml- equivalent, a short divider */
    margin: 8px 0 0 0; /* mt-sm equivalent */
}

.rich-text-quote p {
    font-size: 1.5rem; /* text-2xl equivalent */
    color: #333; /* Stronger text color */
    font-weight: 500;
    margin-top: 20px; /* mt-lg equivalent */
    font-family: poppins;
}

/* Button Styling */
.bestseller-button {
    display: inline-block;
    text-align: center;
    white-space: normal;
    height: 48px; /* h-12 equivalent */
    padding: 10px 20px; /* px-[1.25rem] equivalent */
    border: 2px solid #302569; /* Primary color border */
    border-radius: 6px; /* rounded-md equivalent */
    color: #302569; /* Text color matching border */
    text-decoration: none;
    font-size: 1rem; /* text-base equivalent */
    font-weight: 600;
    font-family: poppins;
    width: fit-content;
    margin-top: 20px; /* mt-lg equivalent */
    transition: all 0.3s ease;
}

.bestseller-button:hover {
    background-color: #4CAF50;
    color: #fff !important;
}


/* --- Right Product Carousel Column Styling (Scrollable) --- */
.bestseller-carousel-column {
    width: 100%;
    order: 1; /* Move above text column on mobile */
    margin-top: 0; /* mt-0 equivalent */
}

@media (min-width: 768px) {
    .bestseller-carousel-column {
        width: 50%;
        order: 2;
    }
}

.product-slider-wrapper {
    overflow-x: auto; /* Enables horizontal scrolling */
    -ms-overflow-style: none; /* Hide scrollbar for IE and Edge */
    scrollbar-width: none; /* Hide scrollbar for Firefox */
}
/* Hide scrollbar for Chrome, Safari and Opera */
.product-slider-wrapper::-webkit-scrollbar {
    display: none;
}

.product-slider {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    padding-left: 20px; /* pl-5 equivalent */
}

@media (min-width: 1024px) {
    .product-slider {
        padding-left: 30px; /* lg:pl-[30px] equivalent */
    }
}

.product-item {
    flex: 0 0 auto; /* Ensures items don't stretch and wrap */
    margin-right: 20px; /* Spacing between products */
    width: 250px; /* Fixed width for consistent product size */
    text-align: center;
}

.product-item img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for wdt-flex-banner, class: .elementor-element-16063351 */.wdt-flex-banner-option.active .wdt-flex-banner-template-title {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-17ed2306 */@media screen and (max-width: 768px) {
    .wdt-custom-flex-banner-h5 .wdt-flex-banner-options .wdt-flex-banner-option, .wdt-custom-flex-banner-h5 .wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-template-title {
        height: 0px !important;
    }
}/* End custom CSS */
/* Start custom CSS */.elementor-309 {
    background-color: #ffff !important;
}
.wdt-button {
    background-color: #302569 !important;
}/* End custom CSS */