/* master-base extracted */
@font-face{font-family:"Yekan-Bakh";font-style:normal;font-weight:400;font-display:swap;src:url(/font/Yekan-Bakh-FaNum-07-Heavy.woff);}
@font-face{font-family:"IRANSansWeb";font-style:normal;font-weight:400;font-display:swap;src:url(/font/Yekan-Bakh-FaNum-07-Heavy.woff);}
body{font-family:"Yekan-Bakh","IRANSansWeb",Tahoma,sans-serif !important;overflow-x:hidden !important;}
.font_lang{font-family:"Source Sans Pro",Tahoma,sans-serif !important;}
        
        .modal-header .btn-close {
    padding: 0!important;
    margin: 0!important;
}
ul.dropdown-menu {
        text-align: right;
}
i.fas.fa-phone.fa-lg {
    font-size: 24px !important;
}
.card.product-card {
    border-radius: 9px;
    border: 0;
}
.handheld-toolbar-item {
    padding: 0.125rem 0.5rem 0.5rem;
    border-right: 0px;
    border-left:0px;
    text-align: center;
}
a {
    text-decoration: none !important;
}.offcanvas, figure, img, svg {
   
    right: auto;
}
            @media (min-width: 1199.98px) { .nav-button.owl-prev {
        margin-top: 118px;

            }
           
            .add-but{
                display: none!important;
            }
            .add-but1{
                display: block!important;
            }
            .nav-button.owl-next {
        margin-top: 118px;
            }
         }
         @media (max-width: 991.98px){
            .add-but{
                display: block!important;
            }
            
            .add-but1{
                display: none!important;
            }
         }
           @media (max-width: 991.98px){

            .table-responsive.fs-md.mb-4{
                overflow: scroll;
            }
         }

        @font-face{font-family:"IRANSansWeb";
            font-style:normal;font-weight:400;
            src:url(/font/Yekan-Bakh-FaNum-07-Heavy.woff);
        }

        body{
            font-family: "Yekan-Bakh" !important;
            overflow-x: hidden!important;
        }
        .font_lang {
            font-family: "Source Sans Pro"!important;

        }
        /*!
         * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
         * Copyright 2015 Daniel Cardoso <@DanielCardoso>
         * Licensed under MIT
         */
        .la-line-scale,
        .la-line-scale > div {
            position: relative;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }
        .la-line-scale {
            display: block;
            font-size: 0;
            color: #fff;
        }
        .la-line-scale.la-dark {
            color: #333;
        }
        .la-line-scale > div {
            display: inline-block;
            float: none;
            background-color: currentColor;
            border: 0 solid currentColor;
        }
        .la-line-scale {
            width: 40px;
            height: 32px;
        }
        .la-line-scale > div {
            width: 4px;
            height: 32px;
            margin: 2px;
            margin-top: 0;
            margin-bottom: 0;
            border-radius: 0;
            -webkit-animation: line-scale 1.2s infinite ease;
            -moz-animation: line-scale 1.2s infinite ease;
            -o-animation: line-scale 1.2s infinite ease;
            animation: line-scale 1.2s infinite ease;
        }
        .la-line-scale > div:nth-child(1) {
            -webkit-animation-delay: -1.2s;
            -moz-animation-delay: -1.2s;
            -o-animation-delay: -1.2s;
            animation-delay: -1.2s;
        }
        .la-line-scale > div:nth-child(2) {
            -webkit-animation-delay: -1.1s;
            -moz-animation-delay: -1.1s;
            -o-animation-delay: -1.1s;
            animation-delay: -1.1s;
        }
        .la-line-scale > div:nth-child(3) {
            -webkit-animation-delay: -1s;
            -moz-animation-delay: -1s;
            -o-animation-delay: -1s;
            animation-delay: -1s;
        }
        .la-line-scale > div:nth-child(4) {
            -webkit-animation-delay: -.9s;
            -moz-animation-delay: -.9s;
            -o-animation-delay: -.9s;
            animation-delay: -.9s;
        }
        .la-line-scale > div:nth-child(5) {
            -webkit-animation-delay: -.8s;
            -moz-animation-delay: -.8s;
            -o-animation-delay: -.8s;
            animation-delay: -.8s;
        }
        .la-line-scale.la-sm {
            width: 20px;
            height: 16px;
        }
        .la-line-scale.la-sm > div {
            width: 2px;
            height: 16px;
            margin: 1px;
            margin-top: 0;
            margin-bottom: 0;
        }
        .la-line-scale.la-2x {
            width: 80px;
            height: 64px;
        }
        .la-line-scale.la-2x > div {
            width: 8px;
            height: 64px;
            margin: 4px;
            margin-top: 0;
            margin-bottom: 0;
        }
        .la-line-scale.la-3x {
            width: 120px;
            height: 96px;
        }
        .la-line-scale.la-3x > div {
            width: 12px;
            height: 96px;
            margin: 6px;
            margin-top: 0;
            margin-bottom: 0;
        }
        /*
         * Animation
         */
        @-webkit-keyframes line-scale {
            0%,
            40%,
            100% {
                -webkit-transform: scaleY(.4);
                transform: scaleY(.4);
            }
            20% {
                -webkit-transform: scaleY(1);
                transform: scaleY(1);
            }
        }
        @-moz-keyframes line-scale {
            0%,
            40%,
            100% {
                -webkit-transform: scaleY(.4);
                -moz-transform: scaleY(.4);
                transform: scaleY(.4);
            }
            20% {
                -webkit-transform: scaleY(1);
                -moz-transform: scaleY(1);
                transform: scaleY(1);
            }
        }
        @-o-keyframes line-scale {
            0%,
            40%,
            100% {
                -webkit-transform: scaleY(.4);
                -o-transform: scaleY(.4);
                transform: scaleY(.4);
            }
            20% {
                -webkit-transform: scaleY(1);
                -o-transform: scaleY(1);
                transform: scaleY(1);
            }
        }
        @keyframes line-scale {
            0%,
            40%,
            100% {
                -webkit-transform: scaleY(.4);
                -moz-transform: scaleY(.4);
                -o-transform: scaleY(.4);
                transform: scaleY(.4);
            }
            20% {
                -webkit-transform: scaleY(1);
                -moz-transform: scaleY(1);
                -o-transform: scaleY(1);
                transform: scaleY(1);
            }
        }
        .base-timer {
            position: relative;
            width: 150px;
            height: 150px;
            float: left;
        }

        .base-timer__svg {
            transform: scaleX(-1);
        }

        .base-timer__circle {
            fill: none;
            stroke: none;
        }

        .base-timer__path-elapsed {
            stroke-width: 7px;
            stroke: grey;
        }

        .base-timer__path-remaining {
            stroke-width: 7px;
            stroke-linecap: round;
            transform: rotate(90deg);
            transform-origin: center;
            transition: 1s linear all;
            fill-rule: nonzero;
            stroke: currentColor;
        }

        .base-timer__path-remaining.green {
            color: rgb(65, 184, 131);
        }

        .base-timer__path-remaining.orange {
            color: orange;
        }

        .base-timer__path-remaining.red {
            color: red;
        }

        .base-timer__label {
            position: absolute;
            width: 150px;
            height: 150px;
            top: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 36px;
        }

        .owl-carousel .owl-nav {
  overflow: hidden;
  height: 0px;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #5110e9;
}

.owl-carousel .item {
  text-align: center;
}
.owl-carousel .nav-button {
  height: 50px;
  width: 25px;
  cursor: pointer;
  position: absolute;
  top: 110px !important;
}
.owl-carousel .owl-prev.disabled,
.owl-carousel .owl-next.disabled {
  pointer-events: none;
  opacity: 0.25;
}
.owl-carousel .owl-prev {
  right: 12px;
}
.owl-carousel .owl-next {
  left: 12px;
}
.owl-theme .owl-nav [class*=owl-] {
        color: #9e9e9e;
    font-size: 39px;
    background: #d5d5d521;
    border-radius: 12px;
    display: block!important;
}
.owl-carousel .prev-carousel:hover {
  background-position: 0px -53px;
}
.owl-carousel .next-carousel:hover {
  background-position: -24px -53px;
}
button.owl-dot.active {
    background: #373737!important;
}
.owl-dots {
    display: flex;
    justify-content: center;
    margin-top: 9px;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 0px;
    background: #35353552;
    margin: 9px!important;
    font: inherit;
}
.owl-carousel button.owl-dot{
   display: block!important;

}


.call-btn {
    background-color: #4ade80;
    padding: 30px;
    border-radius: 50%;
        left: 5px;
    box-shadow: 0 0 20px rgba(72, 255, 152, 0.7), 0 0 40px rgba(72, 255, 152, 0.5);
    animation: pulse 2s infinite;
    transform: translateY(-35%);
    z-index: 1050;
    transition: transform 0.3s ease;
    bottom: 15px;
    }
    .call-btn:hover {
      transform: translateY(-35%) scale(1.05);
    }
    @keyframes pulse {
      0% { box-shadow: 0 0 0 0 rgba(72, 255, 152, 0.5); }
      70% { box-shadow: 0 0 0 20px rgba(72, 255, 152, 0); }
      100% { box-shadow: 0 0 0 0 rgba(72, 255, 152, 0); }
    }

    /* استایل های کپی رایت فوتر */
        .footer-copyright {
            padding: 25px 0;
            background: linear-gradient(135deg, #151515, #151515);
            color: #ffffff;
            font-size: 0.95rem;
            text-align: center;
            font-family: 'Vazirmatn', sans-serif; /* فونت وزیر برای ظاهر مدرن */
            line-height: 2;
            position: relative;
            overflow: hidden;
        }
        .footer-copyright a {
            color: #ffffff;
            text-decoration: none;
            margin: 0 8px;
            position: relative;
            padding-bottom: 3px;
            transition: color 0.3s ease, transform 0.3s ease;
        }
        .footer-copyright a:hover {
            color: #ff6666; /* رنگ هاور لینک‌ها */
            transform: translateY(-3px); /* افکت بالا آمدن هنگام هاور */
        }
        /* انیمیشن زیرخط متحرک برای همه لینک‌ها */
        .footer-copyright a::after {
            content: '';
            position: absolute;
            width: 100%;
            height: 2px;
            bottom: 0;
            left: 0;
            background: #e0312a; /* رنگ قرمز هماهنگ با تم */
            transform: scaleX(0);
            transform-origin: bottom right;
            transition: transform 0.3s ease;
        }
        .footer-copyright a:hover::after {
            transform: scaleX(1);
            transform-origin: bottom left;
        }
        /* رنگ و استایل خاص برای آرته سافت */
        .footer-copyright .artehsoft {
            color: #e0312a; /* رنگ خاص برای آرته سافت */
            font-weight: 700;
        }
        .footer-copyright .artehsoft:hover {
            color: #ff4040; /* رنگ هاور برای آرته سافت */
        }
        /* افکت درخشش ظریف در پس‌زمینه */
        .footer-copyright::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(
                90deg,
                transparent,
                rgba(255, 255, 255, 0.1),
                transparent
            );
            transition: 0.5s;
        }
        .footer-copyright:hover::before {
            left: 100%;
        }
        /* پاسخ‌گویی برای دسکتاپ */
        @media (min-width: 768px) {
            .footer-copyright {
                text-align: right;
                padding-right: 30px;
            }
        }



/* استایل دکمه فوتر تماس */
   .menufooter-call-btn {
            position: fixed;
            bottom: 20px;
           
            width: 81px;
            height: 81px;
            background: #e0312a;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            z-index: 1000;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
            transition: transform 0.3s ease;
        }
        .menufooter-call-btn:hover {
            transform: scale(1.1);
        }
        .menufooter-call-btn i {
            color: white;
            font-size: 24px;
            transition: transform 0.3s ease;
        }
        .menufooter-call-btn.active i {
            transform: rotate(45deg); /* چرخش آیکون هنگام باز شدن */
        }
        .menufooter-items {position: absolute;
                bottom: 99px;
                display: flex;
                flex-direction: column;
                opacity: 0;
                visibility: hidden;
                transition: opacity 0.4s 
            ease, visibility 0.4s 
            ease;
        }
        .menufooter-items.active {
            opacity: 1;
            visibility: visible;
        }
        .menufooter-item {
            width: 75px;
    height: 75px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    text-decoration: none;
    color: #333;
    font-size: 24px;
    position: absolute;
    transform: translate(0, 0);
    transition: transform 0.5s 
      ease, opacity 0.5s 
      ease;
    align-items: center;
    justify-content: center;
        }
        .menufooter-item i {
            color: #e0312a;
            transition: transform 0.5s ease;
        }
        .menufooter-item:hover {
            background: #f1f1f1;
            transform: scale(1.1); /* بزرگ‌نمایی در هاور */
        }
        /* موقعیت‌دهی نیم‌دایره کاملاً متقارن */
        .menufooter-items.active .menufooter-item:nth-child(1) {
            transform: translate(-90px, -90px); /* چپ */
            transition-delay: 0.1s;
        }
        .menufooter-items.active .menufooter-item:nth-child(2) {
            transform: translate(0, -110px); /* دقیقاً بالای دکمه قرمز */
            transition-delay: 0.2s;
        }
        .menufooter-items.active .menufooter-item:nth-child(3) {
            transform: translate(90px, -90px); /* راست */
            transition-delay: 0.3s;
        }
        /* چرخش آیکون‌ها برای جهت‌گیری صحیح */
        .menufooter-items.active .menufooter-item:nth-child(1) i {
            transform: rotate(45deg);
        }
        .menufooter-items.active .menufooter-item:nth-child(3) i {
            transform: rotate(-45deg);
        }
        @media (max-width: 991.98px) {
    
     .myfab-main{
              display: none!important;
            }
}body{
    background-color: #F5F7FA;
}
/* اصلاح ۵.۴: این قانون قبلاً روی همه سرتیترهای h1 سایت بود و سرتیتر هر صفحه را
   روی پس‌زمینه سفید نامرئی می‌کرد؛ حالا فقط برای سربرگ‌های تیره است. */
.banner h1, .hero h1, .hero-pro h1 {
        color: #fff !important;
}@media (min-width: 1024px) {
    .moshtary {
      margin-right: 130px;
    }
}
@media (max-width: 576px) {
    a.navbar-brand.d-sm-none.flex-shrink-0.me-2 img {
        width: 132px;
        margin-right: -26px;
    }
}



/* دکمه اصلی */
.myfab-main {
    position: fixed;
    bottom: 40px;
    right: 40px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: linear-gradient(135deg,#0B4F9F,#083A78);
    color: white;
    font-size: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    box-shadow: 0 6px 12px rgba(0,0,0,0.3);
    transition: transform 0.3s;
    z-index: 10;
}
.myfab-main:hover {
    transform: rotate(45deg) scale(1.1);
}

/* دکمه‌های شعاعی */
.myfab-option {
    position: fixed;
    bottom: 75px;
    right: 75px;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    box-shadow: 0 4px 10px rgba(0,0,0,0.3);
    transition: all 0.4s ease;
    opacity: 0;
    transform: scale(0);
}
.myfab-option.show {
    opacity: 1;
    transform: scale(1);
}

/* رنگ‌های هر دکمه */
.myfab-whatsapp { background: #25D366; }
.myfab-sms { background: #007bff; }
.myfab-call { background: #dc3545; }
.menu-rtl{
     direction: ltr!important;
}
@media (max-width: 991.98px) {
    .menu-rtl {
        direction: rtl;
    }
    
}
.offcanvas-body{
        margin-bottom: 60px;
}:root{

    --cart-primary: #083A78;
    --cart-secondary: #ffc107;
    --cart-accent: #ffd54f;

    --cart-dark: #fff;
    --cart-text: #424242;
    --cart-muted: #757575;

    --cart-line: #ececec;
    --cart-soft: #fffdf7;

    --cart-white: #ffffff;

    --cart-danger: #ef4444;

    --cart-success-bg:   linear-gradient(135deg,#0B4F9F,#083A78);

    --cart-shadow: 0 18px 45px rgba(244,180,0,.22);
    --cart-shadow-sm: 0 10px 24px rgba(244,180,0,.12);

}

.header-cart-wrap{
    position: relative;
    direction: rtl;
}

.header-cart-dropdown{
    position: relative;
}

.header-cart-toggle{
    display: inline-flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    color: var(--cart-dark);
    padding: 8px 12px 8px 10px;
    border-radius: 18px;
    transition: all .25s ease;
    background: rgba(255,255,255,.65);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.header-cart-toggle:hover{
    background: rgba(255,255,255,.92);
    box-shadow: var(--cart-shadow-sm);
    transform: translateY(-1px);
    color: var(--cart-dark);
}

.header-cart-icon-box{
    position: relative;
    width: 48px;
    height: 48px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--cart-success-bg);
    color: var(--cart-white);
    box-shadow: 0 12px 26px rgba(37, 99, 235, 0.28);
    flex-shrink: 0;
}

.header-cart-icon-box i{
    font-size: 22px;
    line-height: 1;
}

.header-cart-badge{
    position: absolute;
    top: -6px;
    right: -5px;
    min-width: 24px;
    height: 24px;
    padding: 0 6px;
    border-radius: 999px;
    background: #ef4444;
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #fff;
    box-shadow: 0 8px 18px rgba(239, 68, 68, 0.32);
}

.header-cart-summary{
    line-height: 1.15;
    text-align: right;
}

.header-cart-summary small{
    display: block;
    font-size: 12px;
    color: var(--cart-muted);
    margin-bottom: 4px;
}

.header-cart-summary span{
    display: block;
    font-size: 15px;
    font-weight: 800;
    color: var(--cart-dark);
}

.header-cart-menu{
    width: 390px;
    padding: 0;
    margin-top: 14px !important;
    border: 1px solid rgba(226,232,240,.9);
    border-radius: 24px;
    overflow: hidden;
    background: rgba(255,255,255,.96);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    box-shadow: 0 28px 70px rgba(15, 23, 42, 0.16);
}

.header-cart-menu-head{
    padding: 20px 22px 16px;
    background:
        radial-gradient(circle at top right, rgba(96,165,250,.20), transparent 35%),
        linear-gradient(135deg, rgba(15,63,184,.06), rgba(37,99,235,.02));
    border-bottom: 1px solid var(--cart-line);
}

.header-cart-menu-head h6{
    margin: 0 0 6px;
    font-size: 16px;
    font-weight: 900;
    color: var(--cart-dark);
}

.header-cart-menu-head p{
    margin: 0;
    font-size: 13px;
    color: var(--cart-muted);
}

.header-cart-items{
    max-height: 340px;
    overflow-y: auto;
    padding: 10px 10px 0;
}

.header-cart-item{
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px;
    border-radius: 18px;
    transition: all .25s ease;
    border: 1px solid transparent;
    margin-bottom: 10px;
    background: #fff;
}

.header-cart-item:hover{
    background: var(--cart-soft);
    border-color: #dbeafe;
}

.header-cart-thumb{
    width: 68px;
    height: 68px;
    border-radius: 16px;
    overflow: hidden;
    display: block;
    flex-shrink: 0;
    background: #f1f5f9;
    border: 1px solid #F4F7FB;
}

.header-cart-thumb img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.header-cart-content{
    flex: 1;
    min-width: 0;
}

.header-cart-title{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-decoration: none;
    color: var(--cart-dark);
    font-size: 14px;
    font-weight: 800;
    line-height: 1.8;
}

.header-cart-title:hover{
    color: var(--cart-primary);
}

.header-cart-meta{
    margin-top: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    font-size: 13px;
}

.header-cart-meta .price{
    color: var(--cart-primary);
    font-weight: 800;
}

.header-cart-meta .divider,
.header-cart-meta .qty{
    color: var(--cart-muted);
    font-weight: 700;
}

.header-cart-remove{
    width: 36px;
    height: 36px;
    border: none;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fff1f2;
    color: var(--cart-danger);
    transition: all .25s ease;
    flex-shrink: 0;
}

.header-cart-remove:hover{
    background: #ef4444;
    color: #fff;
    transform: scale(1.04);
}

.header-cart-footer{
    padding: 18px 22px 22px;
    border-top: 1px solid var(--cart-line);
    background: linear-gradient(to bottom, rgba(248,250,252,.65), rgba(255,255,255,1));
}

.header-cart-total{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}

.header-cart-total span{
    color: var(--cart-muted);
    font-size: 14px;
    font-weight: 700;
}

.header-cart-total strong{
    color: var(--cart-primary);
    font-size: 18px;
    font-weight: 900;
}

.header-cart-actions{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.btn-cart-primary,
.btn-cart-secondary{
    min-height: 46px;
    border-radius: 14px;
    font-size: 14px;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: all .25s ease;
    border: 1px solid transparent;
}

.btn-cart-primary{
    color: #fff;
    background: linear-gradient(135deg, #0f3fb8, #2563eb);
    box-shadow: 0 12px 24px rgba(37, 99, 235, 0.24);
}

.btn-cart-primary:hover{
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 16px 28px rgba(37, 99, 235, 0.32);
}

.btn-cart-secondary{
    color: var(--cart-primary);
    background: #eff6ff;
    border-color: #bfdbfe;
}

.btn-cart-secondary:hover{
    color: var(--cart-primary);
    background: #dbeafe;
    transform: translateY(-2px);
}

.header-cart-empty{
    padding: 42px 24px 34px;
    text-align: center;
}

.header-cart-empty-icon{
    width: 84px;
    height: 84px;
    margin: 0 auto 18px;
    border-radius: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #eff6ff, #dbeafe);
    color: var(--cart-primary);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.7);
}

.header-cart-empty-icon i{
    font-size: 36px;
}

.header-cart-empty h6{
    margin-bottom: 8px;
    color: var(--cart-dark);
    font-size: 17px;
    font-weight: 900;
}

.header-cart-empty p{
    margin-bottom: 18px;
    color: var(--cart-muted);
    font-size: 14px;
    line-height: 1.9;
}

.empty-cart-btn{
    min-width: 150px;
}

@media (max-width: 767.98px){
    .header-cart-toggle{
        padding: 6px;
        border-radius: 16px;
        background: transparent;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    .header-cart-icon-box{
        width: 44px;
        height: 44px;
        border-radius: 14px;
    }

    .header-cart-menu{
        width: min(92vw, 360px);
        border-radius: 20px;
    }

    .header-cart-menu-head{
        padding: 16px 16px 14px;
    }

    .header-cart-items{
        max-height: 300px;
        padding: 8px 8px 0;
    }

    .header-cart-item{
        gap: 10px;
        padding: 10px;
        border-radius: 16px;
    }

    .header-cart-thumb{
        width: 58px;
        height: 58px;
        border-radius: 14px;
    }

    .header-cart-title{
        font-size: 13.5px;
    }

    .header-cart-footer{
        padding: 16px;
    }

    .header-cart-actions{
        grid-template-columns: 1fr;
    }
}

@media (max-width: 420px){
    .header-cart-badge{
        min-width: 22px;
        height: 22px;
        font-size: 11px;
    }

    .header-cart-total strong{
        font-size: 16px;
    }
}


    .navbar-light .nav-link > i {
    color: #000000;
}@media (min-width: 992px) {
    a.nav-link.dropdown-toggle.ps-lg-0 {
        color: #000000 !important;
    }
}@media (min-width: 992px) {
.navbar-light .navbar-nav .nav-link, .navbar-light .navbar-tool-text {
        color: #3a3a3a !important;
}
}
@media (min-width: 1024px) {
    header {
        margin: 24px;
        border-radius: 24px;
        background: #f9f9f9;
    }
}
.page-title-overlap.bg-dark.pt-4 {
    background: linear-gradient(135deg, #2faebd, #177a8b) !important;
}.modal-header{
    background: linear-gradient(135deg, #2faebd, #177a8b) !important;
}