.elementor-1636 .elementor-element.elementor-element-7734911{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1636 .elementor-element.elementor-element-7734911:not(.elementor-motion-effects-element-type-background), .elementor-1636 .elementor-element.elementor-element-7734911 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-1636 .elementor-element.elementor-element-c3dab0a .cs-coupon-left-text{color:#FFFFFF;font-size:13px;}.elementor-1636 .elementor-element.elementor-element-c3dab0a .cs-coupon-code-box{background-color:#121212;padding:3px 10px 3px 10px;border-radius:4px 4px 4px 4px;}.elementor-1636 .elementor-element.elementor-element-c3dab0a .cs-coupon-code-text{color:#FFFFFF;}.elementor-1636 .elementor-element.elementor-element-c3dab0a .cs-coupon-copy-icon{font-size:10px;margin-left:8px;}.elementor-1636 .elementor-element.elementor-element-c3dab0a .cs-coupon-copy-icon svg{width:10px;height:10px;}.elementor-1636 .elementor-element.elementor-element-c3dab0a .cs-coupon-header-container{padding:3px 0px 3px 0px;}.elementor-1636 .elementor-element.elementor-element-c3dab0a .cs-coupon-header-wrapper{justify-content:center;}.elementor-1636 .elementor-element.elementor-element-6c8ea784{--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:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#13131317;--border-color:#13131317;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1636 .elementor-element.elementor-element-6c8ea784:not(.elementor-motion-effects-element-type-background), .elementor-1636 .elementor-element.elementor-element-6c8ea784 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1636 .elementor-element.elementor-element-46018af3{--display:flex;--min-height:74px;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1636 .elementor-element.elementor-element-46018af3.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-1636 .elementor-element.elementor-element-f090cc3 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1636 .elementor-element.elementor-element-f090cc3.elementor-element{--align-self:flex-start;}.elementor-1636 .elementor-element.elementor-element-f090cc3 .click-shop-logo img{width:150px;height:50px;}.elementor-1636 .elementor-element.elementor-element-3ca644d7{--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:center;--align-items:center;}.elementor-1636 .elementor-element.elementor-element-3ca644d7.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1636 .elementor-element.elementor-element-8ca96d4{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;}.elementor-1636 .elementor-element.elementor-element-8ca96d4 .ajax-search-widget-click-shop .search-button i{font-size:25px;}.elementor-1636 .elementor-element.elementor-element-8ca96d4 .ajax-search-widget-click-shop .category-select{width:150px;}.elementor-1636 .elementor-element.elementor-element-8ca96d4 .ajax-search-widget-click-shop .search-wrapper{border-radius:50px 50px 50px 50px;}.elementor-1636 .elementor-element.elementor-element-8ca96d4 .ajax-search-widget-click-shop .search-modal-content{border-radius:50px 50px 50px 50px;}.elementor-1636 .elementor-element.elementor-element-814bb97{--display:flex;--min-height:74px;--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:6px 6px;--row-gap:6px;--column-gap:6px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1636 .elementor-element.elementor-element-814bb97.e-con{--align-self:center;}.elementor-1636 .elementor-element.elementor-element-87407b9{width:var( --container-widget-width, 10% );max-width:10%;--container-widget-width:10%;--container-widget-flex-grow:0;}.elementor-1636 .elementor-element.elementor-element-3da26b3 > .elementor-widget-container{margin:0px 0px -6px 0px;}.elementor-1636 .elementor-element.elementor-element-3da26b3.elementor-element{--align-self:center;}.elementor-1636 .elementor-element.elementor-element-3da26b3 .cart-icon-click-shop svg{width:30px;height:30px;}.elementor-1636 .elementor-element.elementor-element-3da26b3 .cart-icon-click-shop svg path{width:30px;fill:#222222;}.elementor-1636 .elementor-element.elementor-element-3da26b3 .cart-icon-click-shop, .elementor-1636 .elementor-element.elementor-element-3da26b3 .cart-icon-click-shop svg{color:#222222;}.elementor-1636 .elementor-element.elementor-element-3da26b3 .mini-cart-widget span.cart-count{top:-1px;right:-6px;}.elementor-1636 .elementor-element.elementor-element-3da26b3 .mini-cart-label-click-shop{display:block;}.elementor-1636 .elementor-element.elementor-element-3da26b3 .mini-cart-link-click-shop{gap:4px;}.elementor-1636 .elementor-element.elementor-element-5d1d4d7 .cs-logged-out-link{background-color:#30303000;color:var( --e-global-color-primary );border-style:none;justify-content:center;padding:0px 0px 0px 0px;}.elementor-1636 .elementor-element.elementor-element-5d1d4d7 > .elementor-widget-container{margin:0px 0px -7px 0px;}.elementor-1636 .elementor-element.elementor-element-5d1d4d7 .cs-avatar-wrapper{width:30px;height:30px;border-radius:50% 50% 50% 50%;}.elementor-1636 .elementor-element.elementor-element-5d1d4d7 .cs-avatar-icon{font-size:30px;}.elementor-1636 .elementor-element.elementor-element-5d1d4d7 .cs-avatar-trigger{gap:10px;}.elementor-1636 .elementor-element.elementor-element-5d1d4d7 .cs-avatar-dropdown-menu{width:220px;}.elementor-1636 .elementor-element.elementor-element-5d1d4d7 .cs-logged-out-icon svg{width:30px;height:30px;}.elementor-1636 .elementor-element.elementor-element-b341026 .slide-menu.hamburger{width:30px;height:25px;}.elementor-1636 .elementor-element.elementor-element-b341026 .slide-menu.hamburger div{height:3px;}.elementor-1636 .elementor-element.elementor-element-b341026 .slide_menu .nav-menu li{transition:all 0.3s ease;}.elementor-1636 .elementor-element.elementor-element-b341026 .slide_menu .nav-menu li a{transition:color 0.3s ease;}.elementor-1636 .elementor-element.elementor-element-8763b7c{--display:flex;}.elementor-1636 .elementor-element.elementor-element-63a6739{width:100%;max-width:100%;}.elementor-1636 .elementor-element.elementor-element-63a6739.elementor-element{--flex-grow:0;--flex-shrink:1;}.elementor-1636 .elementor-element.elementor-element-63a6739 .ajax-search-widget-click-shop .search-button i{font-size:25px;}.elementor-1636 .elementor-element.elementor-element-63a6739 .ajax-search-widget-click-shop .category-select{width:150px;}.elementor-1636 .elementor-element.elementor-element-63a6739 .ajax-search-widget-click-shop .search-wrapper{border-style:solid;}@media(max-width:1024px){.elementor-1636 .elementor-element.elementor-element-3ca644d7.e-con{--order:99999 /* order end hack */;}.elementor-1636 .elementor-element.elementor-element-3da26b3 > .elementor-widget-container{margin:0px 0px -12px 0px;}}@media(min-width:768px){.elementor-1636 .elementor-element.elementor-element-46018af3{--width:14.79%;}.elementor-1636 .elementor-element.elementor-element-3ca644d7{--width:61.541%;}.elementor-1636 .elementor-element.elementor-element-814bb97{--width:30%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1636 .elementor-element.elementor-element-3ca644d7{--width:10%;}.elementor-1636 .elementor-element.elementor-element-814bb97{--width:70%;}}@media(max-width:767px){.elementor-1636 .elementor-element.elementor-element-6c8ea784{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-1636 .elementor-element.elementor-element-46018af3{--width:35%;}.elementor-1636 .elementor-element.elementor-element-f090cc3 .click-shop-logo img{height:38px;}.elementor-1636 .elementor-element.elementor-element-3ca644d7{--width:15%;}.elementor-1636 .elementor-element.elementor-element-814bb97{--width:45%;--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;}.elementor-1636 .elementor-element.elementor-element-814bb97.e-con{--align-self:flex-end;}.elementor-1636 .elementor-element.elementor-element-3da26b3{width:auto;max-width:auto;}.elementor-1636 .elementor-element.elementor-element-3da26b3 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1636 .elementor-element.elementor-element-3da26b3 .cart-icon-click-shop svg{width:35px;height:35px;}.elementor-1636 .elementor-element.elementor-element-3da26b3 .cart-icon-click-shop svg path{width:35px;}.elementor-1636 .elementor-element.elementor-element-5d1d4d7{width:auto;max-width:auto;}.elementor-1636 .elementor-element.elementor-element-b341026 > .elementor-widget-container{margin:-5px 0px 0px 0px;}.elementor-1636 .elementor-element.elementor-element-b341026 .slide-menu.hamburger div{height:3px;}}/* Start custom CSS for shortcode, class: .elementor-element-87407b9 *//* =========================================
   HUDA e-STORE — 3D HEADER WALLET
   Desktop + Tablet + Mobile
   ========================================= */

.elementor-1636 .elementor-element.elementor-element-87407b9.huda-header-wallet {
    --wallet-purple: #5420ff;
    --wallet-blue: #315cff;

    position: relative;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    min-width: 78px;
    height: 42px;

    padding: 0 14px !important;
    margin: 0 5px !important;

    border-radius: 14px !important;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.98),
            rgba(242,237,255,.96)
        ) !important;

    border: 1px solid rgba(84,32,255,.22) !important;

    box-shadow:
        0 7px 0 rgba(84,32,255,.12),
        0 10px 22px rgba(84,32,255,.18),
        inset 0 1px 0 rgba(255,255,255,.95),
        inset 0 -2px 5px rgba(84,32,255,.08) !important;

    color: var(--wallet-purple) !important;

    overflow: hidden;
    transform: translateZ(0);
    transition:
        transform .28s ease,
        box-shadow .28s ease,
        border-color .28s ease !important;

    z-index: 5;
}

/* 3D light reflection */
.elementor-1636 .elementor-element.elementor-element-87407b9.huda-header-wallet::before {
    content: "";
    position: absolute;
    top: -60%;
    left: -80%;

    width: 55%;
    height: 220%;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.8),
        transparent
    );

    transform: rotate(25deg);
    animation: hudaWalletShine 4s ease-in-out infinite;

    pointer-events: none;
}

/* Small wallet icon */
.elementor-1636 .elementor-element.elementor-element-87407b9.huda-header-wallet::after {
    content: "৳";
    display: flex;
    align-items: center;
    justify-content: center;

    width: 22px;
    height: 22px;

    margin-right: 7px;

    border-radius: 7px;

    background: linear-gradient(
        145deg,
        #5420ff,
        #315cff
    );

    color: #fff;
    font-size: 13px;
    font-weight: 800;

    box-shadow:
        0 3px 0 rgba(40,15,130,.35),
        0 5px 10px rgba(84,32,255,.25);

    position: relative;
    z-index: 2;
}

/* Wallet shortcode content */
.elementor-1636 .elementor-element.elementor-element-87407b9.huda-header-wallet * {
    position: relative;
    z-index: 2;

    color: var(--wallet-purple) !important;

    font-size: 14px !important;
    font-weight: 800 !important;

    line-height: 1 !important;
    text-decoration: none !important;
}

/* Hover 3D */
.elementor-1636 .elementor-element.elementor-element-87407b9.huda-header-wallet:hover {
    transform:
        translateY(-3px)
        scale(1.035);

    border-color: rgba(84,32,255,.45) !important;

    box-shadow:
        0 10px 0 rgba(84,32,255,.13),
        0 16px 30px rgba(84,32,255,.28),
        inset 0 1px 0 rgba(255,255,255,1),
        inset 0 -3px 7px rgba(84,32,255,.10) !important;
}

/* Click / press effect */
.elementor-1636 .elementor-element.elementor-element-87407b9.huda-header-wallet:active {
    transform:
        translateY(2px)
        scale(.98);

    box-shadow:
        0 3px 0 rgba(84,32,255,.12),
        0 5px 12px rgba(84,32,255,.18) !important;
}

/* Shine animation */
@keyframes hudaWalletShine {
    0% {
        left: -80%;
    }

    45%,
    100% {
        left: 150%;
    }
}


/* =========================================
   TABLET
   ========================================= */

@media (max-width: 1024px) {

    .elementor-1636 .elementor-element.elementor-element-87407b9.huda-header-wallet {
        min-width: 72px;
        height: 40px;

        padding: 0 11px !important;
        margin: 0 3px !important;

        border-radius: 13px !important;
    }

    .elementor-1636 .elementor-element.elementor-element-87407b9.huda-header-wallet::after {
        width: 21px;
        height: 21px;

        margin-right: 5px;
        font-size: 12px;
    }

    .elementor-1636 .elementor-element.elementor-element-87407b9.huda-header-wallet * {
        font-size: 13px !important;
    }
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {

    .elementor-1636 .elementor-element.elementor-element-87407b9.huda-header-wallet {
        min-width: 58px;
        width: auto;

        height: 36px;

        padding: 0 8px !important;
        margin: 0 2px !important;

        border-radius: 11px !important;

        box-shadow:
            0 5px 0 rgba(84,32,255,.11),
            0 7px 15px rgba(84,32,255,.18),
            inset 0 1px 0 rgba(255,255,255,.95) !important;
    }

    .elementor-1636 .elementor-element.elementor-element-87407b9.huda-header-wallet::after {
        width: 19px;
        height: 19px;

        margin-right: 4px;

        border-radius: 6px;

        font-size: 11px;
    }

    .elementor-1636 .elementor-element.elementor-element-87407b9.huda-header-wallet * {
        font-size: 11px !important;
        font-weight: 800 !important;
    }

    .elementor-1636 .elementor-element.elementor-element-87407b9.huda-header-wallet:hover {
        transform: translateY(-2px) scale(1.02);
    }
}


/* =========================================
   VERY SMALL MOBILE
   ========================================= */

@media (max-width: 480px) {

    .elementor-1636 .elementor-element.elementor-element-87407b9.huda-header-wallet {
        min-width: 52px;
        height: 33px;

        padding: 0 6px !important;
        border-radius: 10px !important;
    }

    .elementor-1636 .elementor-element.elementor-element-87407b9.huda-header-wallet::after {
        width: 17px;
        height: 17px;

        margin-right: 3px;
        font-size: 10px;
    }

    .elementor-1636 .elementor-element.elementor-element-87407b9.huda-header-wallet * {
        font-size: 10px !important;
    }
}/* End custom CSS */