.elementor-1887 .elementor-element.elementor-element-5dc8ac9{--display:flex;--min-height:76px;--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;}.elementor-1887 .elementor-element.elementor-element-822b828{--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:center;--gap:0px 15px;--row-gap:0px;--column-gap:15px;--padding-top:0px;--padding-bottom:0px;--padding-left:25px;--padding-right:0px;}.elementor-1887 .elementor-element.elementor-element-822b828.e-con{--align-self:center;}.elementor-1887 .elementor-element.elementor-element-7d81c47 .elementor-button{background-color:#FFFFFF00;font-family:"Alata", Sans-serif;font-size:12px;font-weight:500;fill:var( --e-global-color-astglobalcolor1 );color:var( --e-global-color-astglobalcolor1 );border-style:none;padding:11px 0px 11px 0px;}.elementor-1887 .elementor-element.elementor-element-7d81c47 .elementor-button:hover, .elementor-1887 .elementor-element.elementor-element-7d81c47 .elementor-button:focus{background-color:#FFFFFF00;}.elementor-1887 .elementor-element.elementor-element-7d81c47.elementor-element{--align-self:flex-start;}.elementor-1887 .elementor-element.elementor-element-7d81c47 .elementor-button-content-wrapper{flex-direction:row;}.elementor-1887 .elementor-element.elementor-element-7d81c47 .elementor-button .elementor-button-content-wrapper{gap:8px;}.elementor-1887 .elementor-element.elementor-element-41e08e1 .elementor-button{background-color:#FFFFFF00;font-family:"Alata", Sans-serif;font-size:12px;font-weight:500;fill:var( --e-global-color-astglobalcolor1 );color:var( --e-global-color-astglobalcolor1 );border-style:none;padding:11px 0px 11px 0px;}.elementor-1887 .elementor-element.elementor-element-41e08e1 .elementor-button:hover, .elementor-1887 .elementor-element.elementor-element-41e08e1 .elementor-button:focus{background-color:#FFFFFF00;}.elementor-1887 .elementor-element.elementor-element-41e08e1.elementor-element{--align-self:flex-start;}.elementor-1887 .elementor-element.elementor-element-41e08e1 .elementor-button-content-wrapper{flex-direction:row;}.elementor-1887 .elementor-element.elementor-element-41e08e1 .elementor-button .elementor-button-content-wrapper{gap:8px;}.elementor-1887 .elementor-element.elementor-element-544ce5e .elementor-button{background-color:#FFFFFF00;font-family:"Alata", Sans-serif;font-size:12px;font-weight:500;fill:var( --e-global-color-astglobalcolor1 );color:var( --e-global-color-astglobalcolor1 );border-style:none;padding:11px 0px 11px 0px;}.elementor-1887 .elementor-element.elementor-element-544ce5e .elementor-button:hover, .elementor-1887 .elementor-element.elementor-element-544ce5e .elementor-button:focus{background-color:#FFFFFF00;}.elementor-1887 .elementor-element.elementor-element-544ce5e.elementor-element{--align-self:center;}.elementor-1887 .elementor-element.elementor-element-544ce5e .elementor-button-content-wrapper{flex-direction:row;}.elementor-1887 .elementor-element.elementor-element-544ce5e .elementor-button .elementor-button-content-wrapper{gap:5px;}.elementor-1887 .elementor-element.elementor-element-3bb127c{--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;--justify-content:center;--align-items:center;}.elementor-1887 .elementor-element.elementor-element-88754db{text-align:center;}.elementor-1887 .elementor-element.elementor-element-88754db .elementor-heading-title{font-family:"My Nova Font", Sans-serif;font-size:32px;font-weight:400;}.elementor-1887 .elementor-element.elementor-element-4e5d67e{--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;--justify-content:flex-end;--align-items:center;--gap:0px 15px;--row-gap:0px;--column-gap:15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:25px;}.elementor-1887 .elementor-element.elementor-element-1bdfb39 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1887 .elementor-element.elementor-element-a9270a1 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-1887 .elementor-element.elementor-element-822b828{--width:25%;}.elementor-1887 .elementor-element.elementor-element-3bb127c{--width:50%;}.elementor-1887 .elementor-element.elementor-element-4e5d67e{--width:25%;}}@media(max-width:767px){.elementor-1887 .elementor-element.elementor-element-5dc8ac9{--min-height:60px;}.elementor-1887 .elementor-element.elementor-element-822b828{--width:29%;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:0px;}.elementor-1887 .elementor-element.elementor-element-3bb127c{--width:38%;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1887 .elementor-element.elementor-element-3bb127c.e-con{--align-self:center;}.elementor-1887 .elementor-element.elementor-element-88754db .elementor-heading-title{font-size:25px;}.elementor-1887 .elementor-element.elementor-element-4e5d67e{--width:33%;--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:10px;}.elementor-1887 .elementor-element.elementor-element-4e5d67e.e-con{--align-self:center;}.elementor-1887 .elementor-element.elementor-element-2111fdd > .elementor-widget-container{padding:3px 0px 0px 0px;}.elementor-1887 .elementor-element.elementor-element-2111fdd.elementor-element{--align-self:flex-end;}.elementor-1887 .elementor-element.elementor-element-1bdfb39 > .elementor-widget-container{padding:3px 0px 0px 0px;}.elementor-1887 .elementor-element.elementor-element-a9270a1 > .elementor-widget-container{padding:3px 0px 0px 0px;}}/* Start custom CSS for button, class: .elementor-element-7d81c47 */.elementor-1887 .elementor-element.elementor-element-7d81c47 .elementor-button-icon{
    font-size:22px;
}

.elementor-1887 .elementor-element.elementor-element-7d81c47 .elementor-button-text{
    align-items: center;
    align-content: center;
    justify-content: center;
}

@media (max-width: 767px){
    
    .elementor-1887 .elementor-element.elementor-element-7d81c47 .elementor-button-text{
        display: none;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-41e08e1 */.elementor-1887 .elementor-element.elementor-element-41e08e1 .elementor-button-icon{
    font-size:22px;
}

.elementor-1887 .elementor-element.elementor-element-41e08e1 .elementor-button-text{
    align-items: center;
    align-content: center;
    justify-content: center;
}

@media (max-width: 767px){
    
    .elementor-1887 .elementor-element.elementor-element-41e08e1 .elementor-button-text{
        display: none;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-544ce5e */.elementor-1887 .elementor-element.elementor-element-544ce5e .elementor-button-icon{
    font-size:22px;
}

.elementor-1887 .elementor-element.elementor-element-544ce5e .elementor-button-text{
    align-items: center;
    align-content: center;
    justify-content: center;
}

@media (max-width: 767px){
    
    .elementor-1887 .elementor-element.elementor-element-544ce5e .elementor-button-text{
        display: none;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2111fdd */.manus-header-wishlist {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}


.manus-header-wishlist svg path {
  
    stroke: var(--header-content-color); 
    transition: stroke 0.4s ease; 
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a9270a1 */.manus-header-account {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}


.manus-header-account svg path,
.elementor-1887 .elementor-element.elementor-element-a9270a1 .manus-header-account svg circle{
    
    stroke: var(--header-content-color); 
    transition: stroke 0.4s ease; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5dc8ac9 *//* =================================================================
   চূড়ান্ত হেডার স্টাইল (সম্পূর্ণ এবং সংশোধিত)
   ================================================================= */

/* --- ধাপ ১: ডিফল্ট হেডার স্টাইল (সব পেজের জন্য) --- */
.elementor-1887 .elementor-element.elementor-element-5dc8ac9 {
    /* ভেরিয়েবল সংজ্ঞা */
    --header-content-color: #000000;
    --header-bg-color: #ffffff;
    
    /* ট্রানজিশন এবং ডিফল্ট বর্ডার */
    transition: background-color 0.4s ease, box-shadow 0.4s ease;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); /* ডিফল্ট নিচের বর্ডার */
    
    /* পজিশন এবং লেআউট */
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1001;
    background-color: var(--header-bg-color);
}

/* --- ধাপ ২: স্বচ্ছ হেডার স্টাইল (হোম এবং সিঙ্গেল প্রোডাক্ট পেজ) --- */
.home .elementor-1887 .elementor-element.elementor-element-5dc8ac9,
.single-product .elementor-1887 .elementor-element.elementor-element-5dc8ac9 {
    --header-content-color: #ffffff;
    --header-bg-color: transparent;
}

/* --- ধাপ ৩: স্ক্রল এবং হোভারের জন্য স্টাইল --- */

/* শুধুমাত্র যখন হেডার স্বচ্ছ এবং স্ক্রল করা হয়নি, তখনই বর্ডার থাকবে না */
.home .elementor-1887 .elementor-element.elementor-element-5dc8ac9:not(.header-scrolled),
.single-product .elementor-1887 .elementor-element.elementor-element-5dc8ac9:not(.header-scrolled) {
    box-shadow: none;
}

/* যখন হেডার স্ক্রল করা হয়, তখন একটি শ্যাডো যোগ হবে */
.elementor-1887 .elementor-element.elementor-element-5dc8ac9.header-scrolled {
    box-shadow: 
        0 1px 0 0 rgba(0, 0, 0, 0.1),      /* কমা দিয়ে প্রথম শ্যাডো (বর্ডার) */
        0 4px 12px rgba(0, 0, 0, 0.08);   /* দ্বিতীয় শ্যাডো (মূল শ্যাডো) */
}

/* হোমপেজে হোভার করলে বা স্ক্রল করলে রঙ এবং الخلفية পরিবর্তন হবে */
.home .elementor-1887 .elementor-element.elementor-element-5dc8ac9.header-scrolled,
.home .elementor-1887 .elementor-element.elementor-element-5dc8ac9:hover {
    --header-content-color: #000000;
    --header-bg-color: #ffffff;
}

/* --- ধাপ ৪: সাধারণ এলিমেন্ট এবং আইকনের রঙ --- */

/* সাধারণ টেক্সট এবং লিঙ্কের রঙ */
.elementor-1887 .elementor-element.elementor-element-5dc8ac9 .elementor-widget-container,
.elementor-1887 .elementor-element.elementor-element-5dc8ac9 .elementor-heading-title,
.elementor-1887 .elementor-element.elementor-element-5dc8ac9 .elementor-icon-list-text,
.elementor-1887 .elementor-element.elementor-element-5dc8ac9 .elementor-button-text,
.elementor-1887 .elementor-element.elementor-element-5dc8ac9 a {
    color: var(--header-content-color) !important;
    transition: color 0.4s ease;
}

/* বাটন SVG আইকনের রঙ */
.elementor-1887 .elementor-element.elementor-element-5dc8ac9 .elementor-button .elementor-button-icon svg,
.elementor-1887 .elementor-element.elementor-element-5dc8ac9 .elementor-button .elementor-button-icon svg path {
    stroke: var(--header-content-color) !important;
    transition: stroke 0.4s ease;
}

/* Elementor আইকন উইজেটের রঙ */
.elementor-1887 .elementor-element.elementor-element-5dc8ac9 .elementor-icon-wrapper .elementor-icon svg,
.elementor-1887 .elementor-element.elementor-element-5dc8ac9 .elementor-icon-wrapper .elementor-icon svg path {
     fill: var(--header-content-color) !important;
}

/* আপনার কাস্টম HTML উইজেটের SVG আইকনগুলোর রঙ */
.elementor-1887 .elementor-element.elementor-element-5dc8ac9 .custom-svg-icon svg path,
.elementor-1887 .elementor-element.elementor-element-5dc8ac9 .manus-header-account svg path {
    stroke: var(--header-content-color) !important;
    transition: stroke 0.4s ease;
}

/* --- ধাপ ৫: কার্ট এবং উইশলিস্ট ব্যাজের স্টাইল --- */

/* সাধারণ ব্যাজ স্টাইল */
.custom-cart-count, .wishlist-badge {
    position: absolute;
    top: -8px;
    right: -10px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    font-size: 9px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.4s ease, color 0.4s ease, border-color 0.4s ease;
}

.wishlist-badge {
    top: -8px;
    right: -13px;
}

/* শর্তভিত্তিক ব্যাজ স্টাইল */

/* ক) ডিফল্ট, স্ক্রলড বা হোভার অবস্থায় (কালো الخلفية) */
.elementor-1887 .elementor-element.elementor-element-5dc8ac9:not(.home) .custom-cart-count,
.elementor-1887 .elementor-element.elementor-element-5dc8ac9.header-scrolled .custom-cart-count,
.elementor-1887 .elementor-element.elementor-element-5dc8ac9:hover .custom-cart-count, 
.elementor-1887 .elementor-element.elementor-element-5dc8ac9:not(.home) .wishlist-badge,
.elementor-1887 .elementor-element.elementor-element-5dc8ac9.header-scrolled .wishlist-badge,
.elementor-1887 .elementor-element.elementor-element-5dc8ac9:hover .wishlist-badge {
    background-color: #000000;
    color: #ffffff;
    border: 1px solid #000000;
}

/* খ) হোমপেজের স্বচ্ছ অবস্থায় (সাদা বর্ডার) */
.home .elementor-1887 .elementor-element.elementor-element-5dc8ac9:not(.header-scrolled):not(:hover) .custom-cart-count,
.home .elementor-1887 .elementor-element.elementor-element-5dc8ac9:not(.header-scrolled):not(:hover) .wishlist-badge {
    background-color: transparent;
    color: #ffffff;
    border: 1px solid #ffffff;
}

/* --- ধাপ ৬: রেসপন্সিভ স্টাইল (মোবাইল) --- */
@media(max-width: 767px) {
    .custom-cart-count, .wishlist-badge {
        position: absolute;
        top: -2px;
        right: -5px;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        font-size: 7px;
        font-weight: bold;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: background-color 0.4s ease, color 0.4s ease, border-color 0.4s ease;
    }

    .wishlist-badge {
        top: -5px;
        right: -9px;
    }
}/* End custom CSS */