.elementor-236 .elementor-element.elementor-element-63f00d9{--display:flex;--min-height:0px;--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;--justify-content:space-around;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:18px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-236 .elementor-element.elementor-element-63f00d9:not(.elementor-motion-effects-element-type-background), .elementor-236 .elementor-element.elementor-element-63f00d9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-236 .elementor-element.elementor-element-093ef5e{--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;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );}.elementor-236 .elementor-element.elementor-element-309e11c img{max-width:96%;height:233px;transition-duration:1.2s;}.elementor-236 .elementor-element.elementor-element-309e11c:hover img{opacity:0.19;}.elementor-236 .elementor-element.elementor-element-8f78dc4{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-236 .elementor-element.elementor-element-8f78dc4.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;}.elementor-236 .elementor-element.elementor-element-8dcfdd9.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-236 .elementor-element.elementor-element-8dcfdd9 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-236 .elementor-element.elementor-element-8dcfdd9 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-236 .elementor-element.elementor-element-8dcfdd9 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-236 .elementor-element.elementor-element-8dcfdd9 .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-236 .elementor-element.elementor-element-8dcfdd9 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-primary );}.elementor-236 .elementor-element.elementor-element-8dcfdd9 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before,
					.elementor-236 .elementor-element.elementor-element-8dcfdd9 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:var( --e-global-color-secondary );}.elementor-236 .elementor-element.elementor-element-8dcfdd9 .e--pointer-framed .elementor-item.elementor-item-active:before,
					.elementor-236 .elementor-element.elementor-element-8dcfdd9 .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:var( --e-global-color-secondary );}.elementor-236 .elementor-element.elementor-element-8dcfdd9 .elementor-nav-menu--dropdown a, .elementor-236 .elementor-element.elementor-element-8dcfdd9 .elementor-menu-toggle{color:#FFFFFF;fill:#FFFFFF;}.elementor-236 .elementor-element.elementor-element-8dcfdd9 .elementor-nav-menu--dropdown{background-color:#EB6020;}.elementor-236 .elementor-element.elementor-element-8dcfdd9 .elementor-nav-menu--dropdown a:hover,
					.elementor-236 .elementor-element.elementor-element-8dcfdd9 .elementor-nav-menu--dropdown a:focus,
					.elementor-236 .elementor-element.elementor-element-8dcfdd9 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-236 .elementor-element.elementor-element-8dcfdd9 .elementor-nav-menu--dropdown a.highlighted{background-color:#EB6020;}.elementor-236 .elementor-element.elementor-element-8dcfdd9 .elementor-nav-menu--dropdown a.elementor-item-active{color:#C34444;background-color:#753C22;}.elementor-236 .elementor-element.elementor-element-ed8b776{--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;}.elementor-236 .elementor-element.elementor-element-ed8b776.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle .elementor-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-name a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-price{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons .elementor-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--view-cart{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--checkout{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;}.elementor-widget-woocommerce-menu-cart .woocommerce-mini-cart__empty-message{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;}.elementor-236 .elementor-element.elementor-element-e94d80e{--main-alignment:right;--divider-style:solid;--subtotal-divider-style:solid;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--toggle-button-text-color:#ED5318;--toggle-button-icon-color:#ED5318;--cart-border-style:none;--cart-footer-layout:1fr 1fr;--products-max-height-sidecart:calc(100vh - 240px);--products-max-height-minicart:calc(100vh - 385px);}.elementor-236 .elementor-element.elementor-element-e94d80e .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1279px){.elementor-236 .elementor-element.elementor-element-8dcfdd9{width:var( --container-widget-width, 554.5px );max-width:554.5px;--container-widget-width:554.5px;--container-widget-flex-grow:0;}}@media(min-width:768px){.elementor-236 .elementor-element.elementor-element-63f00d9{--content-width:1001px;}.elementor-236 .elementor-element.elementor-element-093ef5e{--width:25%;}.elementor-236 .elementor-element.elementor-element-8f78dc4{--width:50%;}.elementor-236 .elementor-element.elementor-element-ed8b776{--width:25%;}}@media(max-width:1024px){.elementor-236 .elementor-element.elementor-element-309e11c img{width:100%;}}@media(max-width:991px){.elementor-236 .elementor-element.elementor-element-309e11c img{width:556px;max-width:166px;height:161px;}.elementor-236 .elementor-element.elementor-element-8dcfdd9 .elementor-nav-menu--dropdown{border-radius:25px 25px 25px 25px;}.elementor-236 .elementor-element.elementor-element-8dcfdd9 .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:25px;border-top-right-radius:25px;}.elementor-236 .elementor-element.elementor-element-8dcfdd9 .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:25px;border-bottom-left-radius:25px;}}@media(max-width:767px){.elementor-236 .elementor-element.elementor-element-63f00d9{--content-width:500px;--min-height:0px;--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-236 .elementor-element.elementor-element-309e11c img{max-width:75%;height:227px;}.elementor-236 .elementor-element.elementor-element-8f78dc4{--width:181px;--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;}.elementor-236 .elementor-element.elementor-element-ed8b776{--width:109px;}.elementor-236 .elementor-element.elementor-element-e94d80e{--main-alignment:center;}}@media(max-width:1279px) and (min-width:768px){.elementor-236 .elementor-element.elementor-element-8f78dc4{--width:451.5px;}}@media(max-width:991px) and (min-width:768px){.elementor-236 .elementor-element.elementor-element-63f00d9{--content-width:1184px;}.elementor-236 .elementor-element.elementor-element-8f78dc4{--width:294.5px;}}/* Start custom CSS for container, class: .elementor-element-63f00d9 *//* =========================================
   ১. হেডারের ডিফল্ট স্টাইল (Fixed এবং Transparent)
========================================= */
.elementor-editor-active .elementor-location-header,
.elementor-location-header,
header,
.site-header {
    position: fixed !important; 
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 9 !important;
    background-color: transparent !important;
    transition: all 0.4s ease-in-out !important;
}

.elementor-location-header .e-con,
.elementor-location-header .e-container {
    transition: all 0.4s ease-in-out !important;
}

/* =========================================
   ২. স্ক্রল করার পর গ্লাসমরফিজম ও চিকন হেডার
========================================= */
.scrolled-header {
    background-color: rgba(255, 255, 255, 0.4) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important; 
}

@media (min-width: 768px) {
    .scrolled-header,
    .scrolled-header > .e-con, 
    .scrolled-header .e-con-inner {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        height: 165px !important; 
    }
}

/* =========================================
   ৩. টগল বার হাইড করা 
========================================= */
.elementor-nav-menu--main .elementor-menu-toggle {
    display: none !important;
}

/* =========================================
   ৪. মেইন মেনুকে স্ক্রলবার করা এবং আইটেম কাটা ফিক্স
========================================= */
.elementor-nav-menu--main .elementor-nav-menu {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    justify-content: flex-start !important; 
    background: transparent !important;
    padding: 10px 15px 15px 15px !important; 
    gap: 15px !important;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch; 
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.elementor-nav-menu--main .elementor-nav-menu > li {
    flex: 0 0 auto !important;
    white-space: nowrap !important; 
    min-width: max-content !important;
}

/* =========================================
   ৫. আন্ডারলাইন (Underline/Pointer) রিমুভ করা
========================================= */
.elementor-nav-menu--main .elementor-nav-menu a {
    text-decoration: none !important; 
}

.elementor-nav-menu--main .elementor-nav-menu .elementor-item:after,
.elementor-nav-menu--main .elementor-nav-menu .elementor-item:before {
    display: none !important; 
}

/* =========================================
   ৬. প্রিমিয়াম বাটন স্টাইল
========================================= */
.elementor-nav-menu--main .elementor-nav-menu a {
    background: #ED5318 !important; 
    color: #ffffff !important; 
    padding: 10px 24px !important;
    border-radius: 30px !important;
    box-shadow: 0 4px 10px rgba(237, 83, 24, 0.3) !important; 
    font-weight: 500 !important;
    text-align: center;
    display: inline-block !important; 
    transition: all 0.3s ease !important;
}

.elementor-nav-menu--main .elementor-nav-menu a:hover {
    background: #c83e0a !important; 
    color: #ffffff !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(200, 62, 10, 0.4) !important;
}

/* =========================================
   ৭. স্ক্রলবার ডিজাইন
========================================= */
.elementor-nav-menu--main .elementor-nav-menu::-webkit-scrollbar {
    height: 6px !important; 
}

.elementor-nav-menu--main .elementor-nav-menu::-webkit-scrollbar-track {
    background: rgba(237, 83, 24, 0.15) !important; 
    border-radius: 10px;
}

.elementor-nav-menu--main .elementor-nav-menu::-webkit-scrollbar-thumb {
    background: #ED5318 !important; 
    border-radius: 10px;
}

/* =========================================
   ৮. ট্রানজিশন এবং ডেস্কটপ লোগো ছোট করা
========================================= */
.elementor-location-header img,
.elementor-nav-menu--main .elementor-nav-menu,
.elementor-nav-menu--main .elementor-nav-menu a,
.elementor-menu-cart__toggle .elementor-button {
    transition: all 0.4s ease-in-out !important;
}

@media (min-width: 768px) {
    .scrolled-header img {
        max-width: 235px !important;
        height: auto !important;
    }
}

/* =========================================
   ৯. শুধুমাত্র মোবাইল ভার্সনে স্ক্রল করার পর ছোট হওয়া (Logo, Navbar, Cart & Glass Bg)
========================================= */
@media (max-width: 767px) {
    /* স্ক্রল করার পর গ্লাস ব্যাকগ্রাউন্ডের হাইট ও কন্টেইনারের স্পেস একদম কমিয়ে দেওয়া */
    .scrolled-header,
    .scrolled-header > .e-con, 
    .scrolled-header .e-con-inner {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        min-height: 0px !important; 
        gap: 0px !important; 
    }

    /* স্ক্রল করার পর লোগোর সাইজ কমানো এবং পজিশন Fixed করা (যেমনটা ভিডিওতে চেয়েছেন) */
    .scrolled-header img {
        position: fixed !important;
        top: -15px !important; /* ভিডিওর মত উপরে ফিক্সড রাখার জন্য, প্রয়োজন হলে মান পরিবর্তন করতে পারেন */
        left: 90px !important; /* বাম দিক থেকে একটু গ্যাপ */
        width: 75% !important; /* লোগোকে ছোট করার জন্য */
        max-width: 100px !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        z-index: 99 !important; /* লোগো যেন সবার উপরে থাকে */
    }

    /* স্ক্রল করার পর ন্যাভবার গ্যাপ ও মেনুর স্পেস কমানো */
    .scrolled-header .elementor-nav-menu--main .elementor-nav-menu {
        padding: 5px 10px 5px 10px !important;
        gap: 8px !important;
    }

    /* স্ক্রল করার পর ন্যাভবার বাটন (Home, High etc) ছোট করা */
    .scrolled-header .elementor-nav-menu--main .elementor-nav-menu a {
        padding: 5px 12px !important;
        font-size: 12px !important;
    }

    /* স্ক্রল করার পর কার্ট বক্স ছোট করা */
    .scrolled-header .elementor-menu-cart__toggle .elementor-button,
    .scrolled-header .elementor-widget-woocommerce-menu-cart .elementor-button {
        padding: 5px 8px !important;
        font-size: 12px !important;
    }
    
    .scrolled-header .elementor-menu-cart__toggle .elementor-button-icon {
        font-size: 14px !important;
    }
}/* End custom CSS */