/*==============================
        Fonts
==============================*/

@font-face{
    font-family:'IRANSans';
    src:url('../fonts/IRANSans.woff2') format('woff2');
    font-weight:400;
    font-style:normal;
}

@font-face{
    font-family:'Vazirmatn';
    src:url('../fonts/Vazirmatn-Regular.woff2') format('woff2');
    font-weight:400;
    font-style:normal;
}

@font-face{
    font-family:'Vazirmatn';
    src:url('../fonts/Vazirmatn-Bold.woff2') format('woff2');
    font-weight:700;
    font-style:normal;
}

/* فونت اصلی سایت */

body{

    font-family:'Vazirmatn',sans-serif;

}

/* ==========================
   تنظیمات عمومی
========================== */

body{
    margin:0;
    padding:0;
    direction:rtl;
     font-family:'Vazirmatn',sans-serif;
    background:#f8fafc;
    color:#333;
}

a{
    text-decoration:none;
}

.container{
    width:90%;
    max-width:1400px;
    margin:auto;
}

/* ==========================
   نوار بالایی
========================== */

.topbar{
    background:#2f8cde;
    padding:12px 0;
}

.topbar-inner{
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.topbar a{
    color:#fff;
    margin-left:20px;
    font-size:14px;
}

/* ==========================
   هدر
========================== */

.main-header{
    background:#fff;
    padding:25px 0;
    border-bottom:1px solid #eee;
}

.header-row{

    display:grid;

    grid-template-columns:280px 1fr 320px;

    align-items:center;

    gap:40px;

    width:100%;
}

.site-logo a{
    font-size:52px;
    font-weight:bold;
    color:#0f3d91;
}

/* استایل لوگو */

.site-logo img{
    max-height:80px;
    width:auto;
}

.custom-logo-link{
    display:block;
}

.search-box{
    width:50%;
}

.search-box form{
    display:flex;
    position:relative;
}

.search-box{
    position:relative;
}

.search-box input{

    width:100%;
    height:60px;

    border:1px solid #e5e7eb;

    border-radius:50px;

    padding:0 30px;

    font-size:15px;

    background:#fff;

    box-shadow:0 3px 10px rgba(0,0,0,.05);
}

.search-box button{

    position:absolute;

    left:8px;

    top:8px;

    width:44px;

    height:44px;

    border-radius:50%;

    border:none;

    background:#2f8cde;

    color:#fff;
}

.search-box button{
    width:70px;
    border:none;
    background:#2f8cde;
    color:#fff;
    border-radius:0 30px 30px 0;
    cursor:pointer;
}

.cart-btn{
    background:#f3f6fb;
    padding:12px 20px;
    border-radius:10px;
    color:#0f3d91;
    font-weight:bold;
}

.header-info{
    display:flex;
    gap:15px;
}

.info-box{
    background:#f5f8ff;
    padding:10px 15px;
    border-radius:10px;
    font-size:14px;
}

/* هدر */

.header-row{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:40px;
}

.search-box{
    flex:1;
    max-width:600px;
}

.header-actions{
    display:flex;
    justify-content:flex-start;
    align-items:center;
    gap:15px;
}

.account-btn,
.cart-btn{
    position:relative;
    display:flex;
    align-items:center;
    gap:8px;
    background:#f5f8ff;
    padding:12px 18px;
    border-radius:12px;
    color:#222;
}

.cart-count{
    position:absolute;
    top:-8px;
    left:-8px;
    width:22px;
    height:22px;
    border-radius:50%;
    background:#e53935;
    color:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:12px;
}

/* ==========================
   منو
========================== */

.main-nav{
    background:#fff;
    border-bottom:1px solid #eee;
}

.nav-inner{
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.category-btn{
    background:#2f8cde;
    color:#fff;
    padding:18px 25px;
    font-weight:bold;
}

.main-nav ul{
    display:flex;
    justify-content:center;
    gap:40px;
    list-style:none;
    margin:0;
    padding:0;
}

.main-nav li{
    margin:0 15px;
}

.main-nav a{
    color:#222;
    display:block;
    padding:20px 0;
}

/* ==========================
   اسلایدر
========================== */

.hero-slider{
    min-height:350px;
    background:#eef6ff;
    padding:50px 0;
}

.swiper-slide{
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:350px;
}

.slide-content{
    max-width:500px;
    margin-right:40px;
}

.slide-content h1{
    font-size:42px;
    line-height:1.5;
    margin-bottom:25px;
}

.slide-content p{
    font-size:20px;
    margin-bottom:30px;
}

.slide-content a{
    background:#2f8cde;
    color:#fff;
    padding:15px 35px;
    border-radius:10px;
    display:inline-block;
}

/* ==========================
   ویژگی ها
========================== */

.features{
    padding:60px 0;
    background:#fff;
}

.features-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
}

.feature-box{
    background:#fff;
    border:1px solid #eee;
    border-radius:15px;
    text-align:center;
    padding:30px;
    transition:.3s;
}

.feature-box:hover{
    box-shadow:0 10px 25px rgba(0,0,0,.08);
}

/* ==========================
   دسته بندی ها
========================== */

.categories{
    padding:50px 0;
}

.categories h2{
    text-align:center;
    margin-bottom:40px;
}

.categories-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:20px;
}

.cat-item{
    background:#fff;
    border:1px solid #eee;
    border-radius:15px;
    padding:30px;
    text-align:center;
    transition:.3s;
    cursor:pointer;
}

.cat-item:hover{
    transform:translateY(-5px);
}

/* ==========================
   محصولات ووکامرس
========================== */

.best-products{
    padding:50px 0;
}

.woocommerce ul.products{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:20px;
    margin:0;
    padding:0;
}

.woocommerce ul.products li.product{
    background:#fff;
    border:1px solid #eee;
    border-radius:20px;
    overflow:hidden;
    transition:.3s;
    box-shadow:0 0 15px rgba(0,0,0,.05);
}

.woocommerce ul.products li.product:hover{
    transform:translateY(-5px);
}

.woocommerce ul.products li.product img{
    padding:20px;
}

.woocommerce ul.products li.product .button{

    width:100%;

    margin-top:auto;

    text-align:center;

    border-radius:10px;

    background:#2f8cde;

    color:#fff;
}

/* فرم ورود و ثبت نام ووکامرس */

.woocommerce-account form{

    background:#fff;

    padding:30px;

    border-radius:20px;

    box-shadow:
    0 0 20px rgba(0,0,0,.05);
}

/* ==========================
   بنرهای تبلیغاتی
========================== */

.promo-banners{
    padding:50px 0;
}

.banner-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
}

.big-banner{

    padding:80px 0;

    background:
    linear-gradient(
    135deg,
    #0f3d91,
    #2f66d3
    );

    color:#fff;
}

.big-banner a{

    background:#fff;

    color:#0f3d91;

    padding:15px 30px;

    border-radius:10px;
}

.promo-box{
    background:#eef6ff;
    border-radius:20px;
    padding:40px;
    min-height:180px;
    transition:.3s;
}

.promo-box:hover{
    transform:translateY(-5px);
}

.promo-box h3{
    color:#0f3d91;
    margin-bottom:20px;
}

.promo-box a{
    background:#2f8cde;
    color:#fff;
    padding:10px 20px;
    border-radius:8px;
    display:inline-block;
}

/* برندها */

.brands{
    padding:80px 0;
    background:#fff;
}

.brand-grid{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:20px;
}

.brand-grid div{
    background:#f7f9fc;
    padding:25px;
    text-align:center;
    border-radius:15px;
    font-weight:bold;
}

/* ==========================
   فوتر
========================== */

.footer{
    background:#fff;
    padding:70px 0;
    border-top:1px solid #eee;
}

.footer-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
}

.footer h3{
    color:#0f3d91;
    margin-bottom:20px;
}

.footer ul{
    list-style:none;
    padding:0;
    margin:0;
}

.footer li{
    margin-bottom:10px;
}

.footer a{
    color:#333;
}

.floating-cart{
    position:fixed;
    left:25px;
    bottom:25px;
    width:60px;
    height:60px;
    border-radius:50%;
    background:#2f8cde;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
    z-index:9999;
}

.woocommerce-loop-product__title{

    min-height:60px;

    font-size:14px;

    line-height:2;

    text-align:center;

    margin-bottom:10px;
}

.price{

    text-align:center;

    font-size:16px;

    font-weight:700;

    color:#0f3d91 !important;

    margin:10px 0;
}

#backToTop{
    position:fixed;
    right:25px;
    bottom:25px;
    width:50px;
    height:50px;
    background:#2f8cde;
    color:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:50%;
    cursor:pointer;
}

#ajax-search-result{

    position:absolute;
    width:100%;
    background:#fff;
    top:100%;
    right:0;
    z-index:999;

    border-radius:15px;

    box-shadow:0 10px 25px rgba(0,0,0,.1);

}

.search-box{
    position:relative;
}

.search-item{

    display:flex;
    align-items:center;

    gap:15px;

    padding:15px;

    border-bottom:1px solid #eee;

    color:#222;
}

.search-item:hover{

    background:#f7f9fc;

}

.search-thumb img{

    width:60px;
    height:60px;

    object-fit:contain;
}

.search-info h4{

    margin:0 0 5px;
    font-size:14px;
}

.search-info span{

    color:#0f3d91;
    font-weight:bold;
}

.no-result{

    padding:20px;
    text-align:center;
}

.quantity{
    display:flex;
    justify-content:center;
    margin:15px 0;
}

.quantity input.qty{
    width:70px;
    height:40px;
    text-align:center;
    border:1px solid #ddd;
    border-radius:8px;
}

.woocommerce ul.products li.product .button{
    width:100%;
    text-align:center;
    margin-top:auto;
}

.quantity{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    margin:15px 0;
}

.quantity .minus,
.quantity .plus{
    width:35px;
    height:35px;
    border:none;
    background:#2f8cde;
    color:#fff;
    border-radius:8px;
    cursor:pointer;
    font-size:20px;
}

.quantity input.qty{
    width:60px;
    height:35px;
    text-align:center;
    border:1px solid #ddd;
    border-radius:8px;
}

/* ==========================
   موبایل و تبلت
========================== */

@media(max-width:992px){

    .header-row{
        flex-direction:column;
        gap:20px;
    }

    .search-box{
        width:100%;
    }

    .features-grid,
    .categories-grid,
    .banner-grid,
    .footer-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .woocommerce ul.products{
        grid-template-columns:repeat(2,1fr) !important;
    }

    .slide-content{
        margin-right:30px;
    }

}

@media(max-width:768px){

    .features-grid,
    .categories-grid,
    .banner-grid,
    .footer-grid{
        grid-template-columns:1fr;
    }

    .woocommerce ul.products{
        grid-template-columns:1fr !important;
    }

    .slide-content{
        margin-right:20px;
    }

    .slide-content h1{
        font-size:36px;
    }

    .slide-content p{
        font-size:16px;
    }

}
.mega-menu{
position:relative;
}

.mega-menu button{
background:#2f8cde;
color:#fff;
border:none;
padding:18px 25px;
cursor:pointer;
}

.mega-content{
display:none;
position:absolute;
top:100%;
right:0;
width:300px;
background:#fff;
box-shadow:0 10px 20px rgba(0,0,0,.1);
z-index:999;
}

.mega-content a{
display:block;
padding:15px;
border-bottom:1px solid #eee;
}

.mega-menu:hover .mega-content{
display:block;
}
.shop-page{
    padding:50px 0;
}

.shop-page h1{
    margin-bottom:40px;
    color:#0f3d91;
}
.woocommerce ul.products li.product{

    background:#fff;
    border-radius:20px;
    overflow:hidden;
    border:1px solid #edf0f5;
    transition:.3s;
}

.woocommerce ul.products li.product:hover{

    transform:translateY(-8px);

    box-shadow:
    0 15px 40px rgba(0,0,0,.08);
}

.woocommerce ul.products li.product img{
    width:100%;
    height:220px;
    object-fit:contain;
    padding:15px;
    background:#fff;
}

.woocommerce ul.products li.product{
    min-height:420px;
}

.woocommerce ul.products li.product a img{
    display:block;
    margin:0 auto;
}

.woocommerce ul.products li.product .price{

    display:block;
    font-size:16px;
    margin:10px 0;
}

/* محصولات */

.woocommerce ul.products{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:25px;
    padding:0;
}

.woocommerce ul.products li.product{

    width:100% !important;
    margin:0 !important;

    background:#fff;
    border:1px solid #eee;
    border-radius:20px;

    padding:20px;

    min-height:430px;

    box-sizing:border-box;
}

.woocommerce ul.products li.product img{

    width:100%;
    height:220px;
    object-fit:contain;

    margin-bottom:15px;
}

.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product .woocommerce-loop-product__title{

    font-size:14px;
    min-height:60px;
}

@media(max-width:1200px){

    .woocommerce ul.products{
        grid-template-columns:repeat(4,1fr);
    }

}

@media(max-width:992px){

    .woocommerce ul.products{
        grid-template-columns:repeat(3,1fr);
    }

}

@media(max-width:768px){

    .woocommerce ul.products{
        grid-template-columns:repeat(2,1fr);
    }

}

@media(max-width:576px){

    .woocommerce ul.products{
        grid-template-columns:1fr;
    }

}

.best-products{
    padding:50px 0;
}

.product-card{

    background:#fff;

    border-radius:20px;

    padding:20px;

    text-align:center;

    border:1px solid #eee;
}

.product-card img{

    width:100%;
    height:220px;

    object-fit:contain;
}

.product-card h3{

    font-size:16px;
    min-height:60px;
}

.product-card .button{

    display:block;

    background:#2f8cde;

    color:#fff;

    padding:12px;

    border-radius:10px;

    margin-top:15px;
}

.mobile-menu-btn{

    display:none;

    background:#2f8cde;
    color:#fff;

    border:none;

    padding:12px 18px;

    border-radius:10px;

    cursor:pointer;

    margin:15px;
}

@media(max-width:992px){

    .mobile-menu-btn{
        display:block;
    }

    .main-nav{
    position:fixed;
    top:0;
    right:-100%;
    width:300px;
    height:100%;
    transition:.3s;
}

    .main-nav.active{
    right:0;
}
}

.mega-menu{
    position:relative;
}

.mega-menu button{

    background:#2f8cde;
    color:#fff;

    border:none;

    padding:15px 25px;

    border-radius:10px;

    cursor:pointer;
}

.mega-content{

    position:absolute;

    top:100%;
    right:0;

    width:700px;

    background:#fff;

    border-radius:20px;

    box-shadow:0 15px 40px rgba(0,0,0,.1);

    padding:30px;

    display:none;

    z-index:999;
}

.mega-menu:hover .mega-content{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:20px;
}

.mega-item a{

    display:block;

    padding:15px;

    border-radius:12px;

    background:#f7f9fc;

    color:#222;

    transition:.3s;
}

.mega-item a:hover{

    background:#2f8cde;

    color:#fff;
}

@media(max-width:992px){

    .mega-content{

        position:static;

        width:100%;

        display:grid;

        grid-template-columns:1fr;

        box-shadow:none;

        padding:15px;
    }

}

/* صفحه محصول */

.single-product-page{

    padding:60px 0;
}

.single-product-page .product{

    background:#fff;

    border-radius:25px;

    padding:40px;

    box-shadow:0 10px 40px rgba(0,0,0,.05);
}

.single-product-page .woocommerce-product-gallery{

    width:48%;
    float:right;
}

.single-product-page .summary{

    width:48%;
    float:left;
}

.single-product-page .price{

    color:#0f3d91;

    font-size:28px;

    font-weight:bold;

    margin:20px 0;
}

.single-product-page .single_add_to_cart_button{

    background:#0f3d91 !important;

    border-radius:12px !important;

    padding:15px 30px !important;
}

.single-product-page .product_meta{

    margin-top:30px;
}

.single-product-page .woocommerce-tabs{

    clear:both;

    margin-top:50px;
}

.woocommerce-tabs ul.tabs{

    display:flex;

    gap:15px;

    border:none !important;
}

.woocommerce-tabs ul.tabs li{

    border:none !important;

    border-radius:12px !important;

    background:#f5f8ff !important;
}

.woocommerce-tabs ul.tabs li.active{

    background:#0f3d91 !important;
}

.woocommerce-tabs ul.tabs li.active a{

    color:#fff !important;
}

.related.products{

    margin-top:60px;
}

.related.products h2{

    margin-bottom:30px;
}

.related.products ul.products{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:20px;
}

.product-share{

    display:flex;

    gap:10px;

    margin-top:30px;
}

.product-share a{

    background:#2f8cde;

    color:#fff;

    padding:10px 20px;

    border-radius:10px;
}

.product-brand{

    background:#f5f8ff;

    display:inline-block;

    padding:10px 20px;

    border-radius:10px;

    margin-bottom:20px;
}

.hero-banner{

    padding:80px 0;

    background:#f5f8ff;
}

.hero-inner{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:50px;
}

.hero-content{

    width:50%;
}

.hero-content h1{

    font-size:42px;

    margin-bottom:20px;

    color:#0f3d91;
}

.hero-content p{

    font-size:18px;

    line-height:2;

    margin-bottom:30px;
}

.hero-btn{

    display:inline-block;

    background:#2f8cde;

    color:#fff;

    padding:15px 30px;

    border-radius:12px;
}

.hero-image{

    width:50%;
}

.hero-image img{

    width:100%;
}

@media(max-width:992px){

    .hero-inner{

        flex-direction:column;
    }

    .hero-content,
    .hero-image{

        width:100%;
        text-align:center;
    }

}

.services-section{

    padding:60px 0;
}

.services-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:20px;
}

.service-box{

    background:#fff;

    border-radius:20px;

    padding:30px;

    text-align:center;

    box-shadow:0 5px 20px rgba(0,0,0,.05);

    transition:.3s;
}

.service-box:hover{

    transform:translateY(-5px);
}

.service-icon{

    font-size:40px;

    margin-bottom:15px;
}

.service-box h3{

    font-size:16px;
}

@media(max-width:768px){

    .services-grid{

        grid-template-columns:repeat(2,1fr);
    }

}

@media(max-width:576px){

    .services-grid{

        grid-template-columns:1fr;
    }

}

.brands-section{
    padding:70px 0;
}

.section-title{
    text-align:center;
    margin-bottom:40px;
}

.brand-card{
    background:#fff;
    border:1px solid #eee;
    border-radius:20px;
    padding:20px;
    text-align:center;
}

.brand-card img{
    width:100%;
    height:80px;
    object-fit:contain;
}

.brandsSwiper {
    width: 100%;
    overflow: hidden;
}

.brandsSwiper .swiper-wrapper {
    align-items: center;
}

.brandsSwiper .swiper-slide {
    height: auto;
}

.brand-card {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100px;
}

.home-blog-section{
    padding:80px 0;
}

.section-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:30px;
}

.blog-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
}

.blog-card{
    background:#fff;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 5px 20px rgba(0,0,0,.05);
}

.blog-card img{
    width:100%;
    height:220px;
    object-fit:cover;
}

.blog-card h3{
    padding:20px 20px 10px;
    font-size:18px;
}

.blog-card p{
    padding:0 20px 20px;
    line-height:2;
}

@media(max-width:992px){

    .blog-grid{
        grid-template-columns:1fr;
    }

}

.newsletter-section{

    padding:70px 0;

    background:#2f8cde;

    color:#fff;

    margin:70px 0;
}

.newsletter-inner{

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:30px;
}

.newsletter-form{

    display:flex;

    gap:10px;

    width:50%;
}

.newsletter-form input{

    flex:1;

    height:55px;

    border:none;

    border-radius:12px;

    padding:0 20px;
}

.newsletter-form button{

    border:none;

    background:#fff;

    color:#0f3d91;

    padding:0 30px;

    border-radius:12px;

    font-weight:bold;

    cursor:pointer;
}

@media(max-width:992px){

    .newsletter-inner{

        flex-direction:column;

        text-align:center;
    }

    .newsletter-form{

        width:100%;
    }

}

.site-footer{

    background:#fff;

    padding-top:70px;
}

.footer-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:40px;
}

.footer-col h4,
.footer-col h3{

    margin-bottom:20px;
}

.footer-col ul{

    list-style:none;

    padding:0;
}

.footer-col ul li{

    margin-bottom:10px;
}

.footer-social{

    display:flex;

    gap:10px;

    margin-top:20px;
}

.footer-social a{

    background:#0157f868;

    padding:10px 15px;

    border-radius:10px;
}

.copyright{

    text-align:center;

    border-top:1px solid #eee;

    margin-top:50px;

    padding:25px 0;
}

@media(max-width:992px){

    .footer-grid{

        grid-template-columns:1fr 1fr;
    }

}

@media(max-width:576px){

    .footer-grid{

        grid-template-columns:1fr;
    }

}

.theme-toggle{

    width:45px;
    height:45px;

    border:none;

    border-radius:50%;

    cursor:pointer;

    font-size:20px;

    background:#f5f8ff;

    margin-left:10px;
}

/* حالت تاریک */

body.dark-mode{

    background:#121212;
    color:#fff;
}

body.dark-mode .topbar,
body.dark-mode .main-header,
body.dark-mode .main-nav,
body.dark-mode .site-footer,
body.dark-mode .product-card,
body.dark-mode .service-box,
body.dark-mode .blog-card,
body.dark-mode .brand-card{

    background:#1e1e1e !important;

    color:#fff !important;
}

body.dark-mode a{

    color:#fff;
}

body.dark-mode .search-box input{

    background:#2b2b2b;

    color:#fff;

    border-color:#444;
}

.site-loader{

    position:fixed;

    top:0;
    left:0;

    width:100%;
    height:100%;

    background:#fff;

    z-index:99999;

    display:flex;

    justify-content:center;

    align-items:center;

    transition:.5s;
}

.loader-spinner{

    width:60px;

    height:60px;

    border:5px solid #eee;

    border-top:5px solid var(--primary-color);

    border-radius:50%;

    animation:spin 1s linear infinite;
}

@keyframes spin{

    from{transform:rotate(0deg);}

    to{transform:rotate(360deg);}
}

.site-loader.hide{

    opacity:0;

    visibility:hidden;
}

.site-logo{
    text-align:right;
}

.search-box{
    width:100%;
}

.search-box form{
    display:flex;
    width:100%;
}

.search-box{
    position:relative;
}

.search-box input{

    width:100%;
    height:60px;

    border:1px solid #e5e7eb;

    border-radius:50px;

    padding:0 30px;

    font-size:15px;

    background:#fff;

    box-shadow:0 3px 10px rgba(0,0,0,.05);
}

.search-box button{

    position:absolute;

    left:8px;

    top:8px;

    width:44px;

    height:44px;

    border-radius:50%;

    border:none;

    background:#2f8cde;

    color:#fff;
}

.header-actions{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    gap:15px;
}

.cart-btn,
.account-btn{

    background:#f3f6fb;
    padding:12px 18px;
    border-radius:10px;
    color:#0f3d91;
    font-weight:bold;
}

.slide-image img{
    max-width:450px;
    width:100%;
    height:auto;
}

@media(max-width:768px){

    .slide-image{
        display:none;
    }

}

.woocommerce ul.products li.product{

    width:100% !important;
    margin:0 !important;

    min-height:420px;

    display:flex;
    flex-direction:column;

    justify-content:space-between;

    background:#fff;
    border-radius:15px;

    border:1px solid #eee;

    padding:15px;

    box-sizing:border-box;
}

.woocommerce ul.products li.product:hover{

    box-shadow:0 10px 25px rgba(0,0,0,.08);

}

.woocommerce ul.products li.product img{

    width:100% !important;

    height:220px !important;

    object-fit:contain;

    margin-bottom:15px;
}

.header-actions{

    display:flex;
    gap:10px;
}

.header-actions a{

    min-width:130px;

    height:30px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:12px;

    background:#f5f7fb;

    color:#0f3d91;

    font-size:18px;

    font-weight:700;
}

.header-actions a:hover{

    background:#2f8cde;

    color:#fff;
}

section{

    padding-top:50px;

    padding-bottom:50px;
}

.features,
.categories,
.best-products,
.promo-banners{

    padding:50px 0;
}

.main-nav{

    margin-top:25px;

    border-top:1px solid #eee;

    border-bottom:1px solid #eee;

    padding:10px 0;
}

.main-nav ul{

    justify-content:center;
}

.hero-slider{
    background:#eef6ff;
    padding:60px 0;
}

.slide-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:50px;
}

.slide-content{
    width:50%;
}

.slide-content h1{
    font-size:48px;
    color:#0f3d91;
    margin-bottom:20px;
    line-height:1.6;
}

.slide-content p{
    font-size:18px;
    color:#666;
    line-height:2;
    margin-bottom:30px;
}

.slider-btn{
    display:inline-block;
    background:#2f8cde;
    color:#fff;
    padding:15px 35px;
    border-radius:12px;
    margin-top:30px;
    box-shadow:0 10px 25px rgba(0, 87, 250, 0.861);
}

.slide-image{
    width:55%;
    text-align:center;
}

.slide-image img{
    width:100%;
    max-width:650px;
    height:auto;
    border-radius:20px;
}

@media(max-width:768px){

    .slide-inner{
        flex-direction:column;
        text-align:center;
    }

    .slide-content,
    .slide-image{
        width:100%;
    }

    .slide-content h1{
        font-size:32px;
    }

}

.slider-btn{

    display:inline-flex;
    align-items:center;
    justify-content:center;

    background:#2f8cde;
    color:#fff !important;

    padding:15px 35px;

    border-radius:12px;

    font-size:16px;
    font-weight:700;

    text-decoration:none;

    transition:.3s;
}

.slider-btn:hover{

    background:#2f8cde;

    transform:translateY(-3px);

}

.nav-inner{

    display:grid;

    grid-template-columns:260px 1fr;

    align-items:center;
}

.mega-menu{

    justify-self:right;
}

.center-menu{

    display:flex;

    justify-content:center;
}

.center-menu ul{

    display:flex;

    align-items:center;

    gap:40px;

    list-style:none;

    margin:0;
    padding:0;
}

.center-menu ul li a{

    color:#222;

    font-size:16px;

    font-weight:600;
}

.featured-products{
    padding:40px 0;
}

.featured-products h2{
    text-align:center;
    margin-bottom:30px;
    font-size:32px;
    color:#ec1616;
}

.featured-products .quick-view,
.featured-products .quick-view-btn,
.featured-products .yith-wcqv-button,
.featured-products .button.yith-wcqv-button,
.featured-products a.quick-view,
.featured-products a.yith-wcqv-button{
    display: none !important;
}

.featured-products .quick-view-btn,
.featured-products .compare,
.featured-products .compare.button{
    display:none !important;
}

/* تخفیفات ویژه */

.special-offers{

    padding:40px 0;
}

.special-offers h2{

    text-align:center;

    font-size:32px;

    color:#0f3d91;

    margin-bottom:30px;
}

/* حذف Quick View و سنجش در تخفیفات ویژه */

.special-offers .quick-view,
.special-offers .quick-view-btn,
.special-offers .compare,
.special-offers .compare-btn,
.special-offers .yith-wcqv-button,
.special-offers .yith-compare-btn,
.special-offers .dentshop-quick-view,
.special-offers .dentshop-compare,
.special-offers .quick-view-button,
.special-offers .compare-button{
    display: none !important;
}

/* هدر تخفیفات ویژه */

.special-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:30px;

    flex-wrap:wrap;
}

.special-header h2{

    color:#d90429;

    margin:0;
}

.offer-countdown{

    display:flex;

    gap:10px;
}

.count-box{

    width:75px;

    height:75px;

    background:#2f8cde;

    color:#fff;

    border-radius:15px;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;
}

.count-box span{

    font-size:24px;

    font-weight:700;
}

.count-box small{

    font-size:13px;
}

@media(max-width:768px){

    .special-header{

        justify-content:center;

        gap:20px;
    }

}

/* حذف Quick View و سنجش از کل سایت */

.quick-view,
.quick-view-btn,
.quick-view-button,
.dentshop-quick-view,
.yith-wcqv-button,
.compare,
.compare-btn,
.compare-button,
.dentshop-compare,
.yith-compare-btn{
    display: none !important;
}

/* اصلاح کارت محصولات */

.woocommerce ul.products li.product{

    display:flex;
    flex-direction:column;

    height:100%;

    padding:15px;

    border:1px solid #eee;

    border-radius:15px;

    overflow:hidden;
}

/* اصلاح دکمه افزودن به سبد */

.woocommerce ul.products li.product .button{

    width:100%;

    margin-top:auto;

    box-sizing:border-box;

    padding:12px 10px;

    border-radius:10px;

    text-align:center;
}

/* جلوگیری از بیرون زدن محتوا */

.woocommerce ul.products li.product .woocommerce-loop-product__title{

    min-height:55px;
}

/* دکمه دسته بندی محصولات */

.mega-menu button{

    font-size:16px;
    padding:12px 18px;
    width:220px;
    border-radius:12px;
}

/* آیکون سه خط */

.mega-menu button::before{

    font-size:18px;
}

/* اسلایدر اصلی */

.hero-slider .swiper-slide{

    height:320px; /* باریک‌تر شدن اسلایدر */

    border-radius:20px;

    overflow:hidden;

    background-size:cover;

    background-position:center center;

    background-repeat:no-repeat;

    position:relative;

    display:flex;

    align-items:center;

    padding:40px 60px;
}

.hero-slider .swiper-slide::before{

    content:'';

    position:absolute;

    top:0;
    right:0;
    left:0;
    bottom:0;

    background:rgba(0,0,0,.35);
}

.hero-slider .slide-content{

    position:relative;

    z-index:2;

    color:#fff;

    max-width:500px;
}

.hero-slider .slide-content h1{

    color:#fff;

    font-size:36px;

    margin-bottom:15px;
}

.hero-slider .slide-content p{

    color:#fff;

    font-size:16px;

    line-height:1.8;

    margin-bottom:20px;
}

/* موبایل */

@media(max-width:768px){

    .hero-slider .swiper-slide{

        height:220px;

        padding:25px;
    }

    .hero-slider .slide-content h1{

        font-size:24px;
    }

}

/* رفع مشکل نصفه نمایش داده شدن اسلایدها */

.heroSwiper{
    overflow: hidden;
}

.heroSwiper .swiper-wrapper{
    align-items: stretch;
}

.heroSwiper .swiper-slide{
    width: 100% !important;
    flex-shrink: 0;
    box-sizing: border-box;
}

/* فلش های اسلایدر */

.hero-slider .swiper-button-next,
.hero-slider .swiper-button-prev{

    width:50px;
    height:50px;

    background:#fff;

    border-radius:50%;

    box-shadow:0 5px 15px rgba(0,0,0,.15);

    color:#0f3d91;

    transition:.3s;
}

.hero-slider .swiper-button-next:hover,
.hero-slider .swiper-button-prev:hover{

    background:#2f8cde;
    color:#fff;
}

.hero-slider .swiper-button-next:after,
.hero-slider .swiper-button-prev:after{

    font-size:18px;
    font-weight:700;
}

/* انیمیشن متن اسلایدر */

.hero-slider .slide-content h1,
.hero-slider .slide-content p,
.hero-slider .slide-content .slider-btn{

    opacity: 0;
    transform: translateY(40px);
    transition: all .8s ease;
}

.hero-slider .swiper-slide-active .slide-content h1{

    opacity: 1;
    transform: translateY(0);

    transition-delay: .2s;
}

.hero-slider .swiper-slide-active .slide-content p{

    opacity: 1;
    transform: translateY(0);

    transition-delay: .5s;
}

.hero-slider .swiper-slide-active .slide-content .slider-btn{

    opacity: 1;
    transform: translateY(0);

    transition-delay: .8s;
}

.topbar{
    background:#2f8cde;
    color:#fff;
    padding:10px 0;
    font-size:14px;
}

.topbar-wrapper{
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.topbar-right,
.topbar-left{
    display:flex;
    gap:30px;
}

.topbar span{
    display:flex;
    align-items:center;
    gap:8px;
}

.hero-area{
    display:grid;
    grid-template-columns: 3fr 1fr;
    gap:25px;
    margin:40px auto;
    align-items:start;
}

.hero-slider-box{
    border-radius:25px;
    overflow:hidden;
}

.hero-slider{
    border-radius:25px;
    overflow:hidden;
}

.hero-slider .swiper-slide{
    min-height:420px;
    border-radius:25px;
}

.hero-services{
    display:flex;
    flex-direction:column;
    gap:15px;
}

.service-box{
    background:#fff;
    border-radius:20px;
    padding:30px 20px;
    text-align:center;
    box-shadow:0 5px 20px rgba(0,0,0,.06);
}

.service-icon{
    font-size:40px;
    margin-bottom:15px;
}

.service-box h4{
    color:#0d4cb5;
    margin-bottom:10px;
}

.service-box p{
    color:#777;
    font-size:14px;
}

/* بخش اسلایدر و خدمات */
.hero-area{
    display:flex;
    flex-direction:row-reverse; /* خدمات سمت راست */
    gap:20px;
    align-items:flex-start;
    margin:30px 0;
}

/* خدمات سمت راست */
.hero-services{
    width:240px; /* باریک‌تر */
    display:flex;
    flex-direction:column;
    gap:15px;
}

.service-box{
    flex:1;
    background:#fff;
    border-radius:20px;
    padding:20px 15px; /* کمتر شد */
    text-align:center;
    box-shadow:0 5px 20px rgba(0,0,0,.05);

    display:flex;
    flex-direction:column;
    justify-content:center;

    min-height:110px; /* کوتاه‌تر */
}

.service-icon{
    font-size:32px; /* کوچکتر */
    margin-bottom:12px;
}

.service-box h4{
    color:#0d47a1;
    font-size:18px;
    margin-bottom:8px;
}

.service-box p{
    color:#666;
    font-size:14px;
    line-height:1.8;
}

/* اسلایدر */

.hero-slider-box{
    padding:0px;
}

.hero-slider{
    border-radius:30px;
    overflow:hidden;
    padding:0;
    background:none;
}

.heroSwiper{
    height:100%;
    min-height:300px; /* قبلا 650 بود */
    border-radius:30px;
    overflow:hidden;
}

.heroSwiper .swiper-slide{
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;

    position:relative;
    min-height:300px; /* قبلا 650 بود */
}

/* لایه تیره */
.heroSwiper .swiper-slide::before{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.25);
}

/* متن اسلایدر */
.slide-content{
    position:absolute;
    right:50px;
    top:50%;
    transform:translateY(-50%);

    z-index:2;
    color:#fff;
    max-width:450px;
}

.slide-content h1{
    font-size:38px;
    margin-bottom:15px;
}

.slide-content p{
    font-size:18px;
    line-height:2;
    margin-bottom:25px;
}

/* موبایل */
@media(max-width:992px){

    .hero-area{
        flex-direction:column;
    }

    .hero-services{
        width:100%;
    }

    .heroSwiper,
    .heroSwiper .swiper-slide{
        min-height:300px;
    }

    .slide-content{
        right:25px;
        left:25px;
    }

    .slide-content h1{
        font-size:28px;
    }

    .slide-content p{
        font-size:16px;
    }
    
}

.hero-services{
    width:160px !important;
    gap:10px;
}

.service-box{
    min-height:75px !important;
    padding:8px !important;
}

.service-icon{
    font-size:22px !important;
    margin-bottom:-15px !important;
}

.service-box h4{
    font-size:14px !important;
    margin-bottom:5px !important;
}

.service-box p{
    font-size:11px !important;
}

.hero-services{
    width:180px;
    display:flex;
    flex-direction:column;
    gap:10px;
}

.service-box{
    flex:none !important;
    height:87px !important;
    min-height:87px !important;
    padding:6.5px !important;
}

/* فاصله بین تمام سکشن‌های صفحه */
section{
    margin: 25px 0 !important;
    padding: 0 !important;
}

/* فاصله بخش‌ها */
.products-section,
.brands-section,
.categories-grid,
.special-offers,
.articles-section,
.newsletter-section{
    margin-top: 25px !important;
    margin-bottom: 25px !important;
}

/* فاصله عنوان بخش‌ها */
.section-title,
.section-header{
    margin-bottom: 15px !important;
}

/* فاصله بخش برندها */
.brands-section{
    padding: 15px 0 !important;
}

/* فاصله محصولات ویژه و پرفروش */
.products-section .products,
.special-products{
    margin-top: 10px !important;
}

/* کاهش فاصله اسلایدر با بخش بعدی */
.hero-area{
    margin-bottom: 20px !important;
}

/* کاهش فاصله مقالات */
.articles-section{
    padding-top: 15px !important;
}

.hero-area{
    display:flex;
    flex-direction:row-reverse;
    align-items:flex-start;
}

.hero-slider-box,
.hero-services{
    margin-top:0 !important;
    padding-top:0 !important;
}

.hero-slider{
    margin-top:0 !important;
}

/* تغییر ظاهر کارت محصولات شبیه دسته‌بندی‌ها */

.products .product,
.woocommerce ul.products li.product{
    border: 1px solid #eee !important;
    border-radius: 18px !important;
    background: #fff !important;
    padding: 20px !important;
    box-shadow: none !important;
    transition: all .3s ease;
}

.products .product:hover,
.woocommerce ul.products li.product:hover{
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0,0,0,.08) !important;
}

/* تصویر محصول */
.woocommerce ul.products li.product img{
    width: 100% !important;
    aspect-ratio: 1/1 !important;
    object-fit: contain !important;
    padding: 10px;
}

/* حذف ظاهر مستطیلی قدیمی */
.product-card,
.product-box{
    border-radius: 18px !important;
}

/* استایل شماره صفحات ووکامرس */

.woocommerce nav.woocommerce-pagination{
    margin: 40px 0;
    text-align: center;
}

.woocommerce nav.woocommerce-pagination ul{
    border: none !important;
    display: flex;
    justify-content: center;
    gap: 10px;
    padding: 0;
}

.woocommerce nav.woocommerce-pagination ul li{
    border: none !important;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span{
    width: 45px;
    height: 45px;
    border-radius: 12px;
    background: #fff;
    color: #0d47a1;
    border: 1px solid #e5e5e5;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    transition: .3s;
}

.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current{
    background: #0d47a1;
    color: #fff;
    border-color: #0d47a1;
}

/* =========================
   نسخه موبایل
========================= */
@media (max-width: 768px){

    /* فاصله کلی سایت */
    .container,
    .site-main{
        padding-right:10px;
        padding-left:10px;
    }

    /* منوی بالا */
    .main-menu ul{
        gap:10px;
        flex-wrap:wrap;
        justify-content:center;
    }

    /* اسلایدر و خدمات */
    .hero-area{
        flex-direction:column;
        gap:15px;
    }

    .hero-services{
        width:100%;
        flex-direction:row;
        gap:10px;
    }

    .service-box{
        flex:1;
        min-height:80px !important;
        height:auto !important;
        padding:10px !important;
    }

    .service-icon{
        font-size:22px;
        margin-bottom:8px;
    }

    .service-box h4{
        font-size:14px;
        margin-bottom:5px;
    }

    .service-box p{
        font-size:12px;
    }

    /* اسلایدر */
    .heroSwiper,
    .heroSwiper .swiper-slide{
        min-height:220px !important;
        height:220px !important;
    }

    .slide-content{
        right:20px;
        left:20px;
        max-width:80%;
    }

    .slide-content h1{
        font-size:24px;
        margin-bottom:10px;
    }

    .slide-content p{
        font-size:14px;
        line-height:1.8;
        margin-bottom:15px;
    }

    .slider-btn{
        padding:10px 20px;
        font-size:13px;
    }

    /* دسته‌بندی‌ها */
    .categories-grid,
    .product-categories{
        grid-template-columns:repeat(2,1fr);
        gap:10px;
    }

    /* کارت محصولات */
    .products,
    .products-grid{
        grid-template-columns:repeat(2,1fr);
        gap:10px;
    }

    .product-card{
        padding:10px;
    }

    .product-card img{
        max-width:100%;
        height:auto;
    }

    /* بنر تخفیف */
    .discount-banner{
        min-height:180px !important;
        padding:20px !important;
        text-align:center !important;
    }

    /* برندها */
    .brand-item{
        padding:10px;
    }

    /* فوتر */
    .footer-widgets{
        grid-template-columns:1fr !important;
        gap:20px;
        text-align:center;
    }

    /* حذف فاصله‌های اضافی */
    section{
        margin:20px 0 !important;
        padding:0 !important;
    }
}

@media (max-width:768px){

    /* اسلایدر و خدمات زیر هم قرار بگیرند */
    .hero-area{
        flex-direction:column !important;
    }

    /* خدمات به صورت ستونی نمایش داده شوند */
    .hero-services{
        width:100% !important;
        display:flex !important;
        flex-direction:column !important;
        gap:10px !important;
    }

    .service-box{
        width:100% !important;
        height:auto !important;
        min-height:70px !important;

        display:flex;
        flex-direction:row;
        align-items:center;
        justify-content:flex-start;

        text-align:right;
        padding:15px !important;
    }

    .service-icon{
        margin-left:15px;
        margin-bottom:0 !important;
        font-size:24px !important;
    }

    .service-box h4{
        font-size:14px;
        margin:0 0 5px 0;
    }

    .service-box p{
        font-size:12px;
        margin:0;
    }
}

/* ================= FOOTER ================= */

.site-footer{
    background:#fff;
    margin-top:60px;
}

.footer-newsletter{
    background:#0d6efd;
    border-radius:25px;
    margin:40px auto;
    padding:40px;
}

.newsletter-content{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:40px;
}

.newsletter-text h3{
    color:#fff;
    font-size:38px;
    margin-bottom:15px;
}

.newsletter-text p{
    color:#fff;
    font-size:18px;
}

.newsletter-form{
    display:flex;
    gap:15px;
    flex:1;
    max-width:700px;
}

.newsletter-form input{
    flex:1;
    height:70px;
    border:none;
    border-radius:20px;
    padding:0 25px;
    font-size:18px;
}

.newsletter-form button{
    width:180px;
    border:none;
    border-radius:20px;
    background:#fff;
    color:#0d47a1;
    font-size:20px;
    font-weight:700;
    cursor:pointer;
}

.footer-main{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:40px;
    padding:60px 0;
}

.footer-col h4{
    font-size:30px;
    margin-bottom:30px;
}

.footer-col p{
    line-height:2.3;
    color:#666;
}

.footer-col ul{
    list-style:none;
    padding:0;
    margin:0;
}

.footer-col ul li{
    margin-bottom:18px;
}

.footer-col ul li a{
    color:#555;
    text-decoration:none;
}

.footer-col ul li a:hover{
    color:#0d6efd;
}

.footer-social{
    margin-top:30px;
    display:flex;
    gap:15px;
}

.footer-social a{
    background:#f5f7ff;
    padding:14px 25px;
    border-radius:12px;
    text-decoration:none;
    color:#0d47a1;
}

.footer-contact li{
    color:#555;
}

.footer-bottom{
    border-top:1px solid #eee;
    padding:25px 0;
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.footer-enamad{
    display:flex;
    gap:15px;
}

.footer-enamad img{
    width:80px;
    height:80px;
    object-fit:contain;
    border:1px solid #eee;
    border-radius:15px;
    padding:10px;
}

/* موبایل */

@media(max-width:768px){

    .newsletter-content{
        flex-direction:column;
        text-align:center;
    }

    .newsletter-form{
        flex-direction:column;
        width:100%;
    }

    .newsletter-form button{
        width:100%;
        height:60px;
    }

    .footer-main{
        grid-template-columns:1fr;
        text-align:center;
    }

    .footer-social{
        justify-content:center;
    }

    .footer-bottom{
        flex-direction:column;
        gap:20px;
        text-align:center;
    }

}

/* کوچک کردن لوگوی فوتر */

.footer-logo img,
.footer-logo .custom-logo {
    width: 120px;
    max-width: 100%;
    height: auto;
}

/* بک گراند فوتر */

.site-footer{
    background: #1f4ea8;
    color: #fff;
}

/* رنگ متن ها */
.site-footer h4,
.site-footer p,
.site-footer li,
.site-footer a{
    color: #fff !important;
}

/* لینک ها هنگام هاور */
.site-footer a:hover{
    color: #dbe8ff !important;
}

/* بخش کپی رایت */
.footer-bottom{
    border-top: 1px solid rgba(255,255,255,.2);
}

/* دکمه های شبکه اجتماعی */
.footer-social a{
    background: rgba(255,255,255,.15);
    color: #fff !important;
}

/* فیلد خبرنامه */
.newsletter-form input{
    background: #fff;
    color: #333;
}

/* کوچک کردن فوتر */

.footer-main{
    padding: 30px 0 !important;
    display: grid !important;
    grid-template-columns: repeat(4, 220px) !important;
    justify-content: center !important;
    gap: 30px !important;
}

.footer-col{
    text-align: center !important;
}

.footer-col h4{
    font-size: 22px !important;
    margin-bottom: 15px !important;
}

.footer-col p,
.footer-col li,
.footer-col a{
    font-size: 14px !important;
    line-height: 1.8 !important;
}

.footer-col ul li{
    margin-bottom: 8px !important;
}

/* کاهش فاصله کلی فوتر */
.site-footer{
    padding-top: 20px !important;
}

.footer-newsletter{
    margin: 20px auto !important;
    padding: 25px !important;
}

.footer-bottom{
    padding: 15px 0 !important;
    text-align: center;
}

/* حذف فاصله زیاد بین برندها و محصولات ویژه */

.featured-products{
    margin-top: -10px !important;
    padding-top: 0 !important;
}

.brands-slider,
.brands-section{
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* حذف فاصله بین عنوان برندها و اسلایدر */

.brands-section .section-title{
    margin: 0 !important;
    padding: 0 !important;
}

.brands-section .brandsSwiper{
    margin-top: -45px !important;
}

.brands-section .swiper-wrapper{
    padding-top: 0 !important;
}

.brands-section{
    padding-top: 0 !important;
}

@media (max-width:768px){

    /* مخفی کردن منوی دسکتاپ */
    .center-menu{
        display:none !important;
    }

    /* مخفی کردن فهرست دسته بندی */
    .mega-menu{
        width:100% !important;
    }

    /* فوتر */
    .footer-main{
        display:flex !important;
        flex-direction:column !important;
    }

    .footer-col{
        width:100% !important;
        text-align:center !important;
        margin-bottom:25px;
    }

    .footer-social{
        justify-content:center !important;
    }
}

/* =================================
   Global Mobile Responsive Fix
================================= */

@media (max-width:768px){

    /* جلوگیری از خروج عناصر از صفحه */
    html,
    body{
        overflow-x:hidden !important;
        width:100%;
        max-width:100%;
    }

    *{
        box-sizing:border-box;
    }

    /* تمام کانتینرها */
    .container,
    .elementor-container,
    .elementor-section,
    .elementor-column,
    .elementor-widget-container{
        width:100% !important;
        max-width:100% !important;
    }

    /* تمام تصاویر */
    img{
        max-width:100% !important;
        height:auto !important;
    }

    /* اسلایدرها */
    .swiper,
    .swiper-wrapper,
    .swiper-slide{
        width:100% !important;
        max-width:100% !important;
    }

    /* تمام ستون‌ها زیر هم قرار بگیرند */
    .row,
    .header-row,
    .hero-area,
    .footer-main,
    .newsletter-content,
    .nav-inner{
        display:flex !important;
        flex-direction:column !important;
        width:100% !important;
        gap:15px;
    }

    /* بخش‌های خدمات */
    .hero-services{
        width:100% !important;
    }

    .service-box{
        width:100% !important;
    }

    /* محصولات */
    .product-card,
    .brand-card,
    .category-card{
        width:100% !important;
        max-width:100% !important;
    }

    /* فرم‌ها */
    input,
    textarea,
    select,
    button{
        max-width:100% !important;
    }

    /* جدول‌ها */
    table{
        display:block;
        width:100%;
        overflow-x:auto;
    }

}

/* =========================
   Slider Mobile Fix
========================= */

@media (max-width:768px){

    .hero-area{
        display:flex !important;
        flex-direction:column !important;
        width:100% !important;
        max-width:100% !important;
        padding:0 10px !important;
        box-sizing:border-box;
    }

    .hero-slider-box{
        width:100% !important;
        max-width:100% !important;
        flex:none !important;
    }

    .hero-slider,
    .heroSwiper{
        width:100% !important;
        max-width:100% !important;
        overflow:hidden;
        border-radius:20px;
    }

    .swiper-wrapper{
        width:100% !important;
    }

    .swiper-slide{
        width:100% !important;
        min-height:280px !important;
        background-size:cover !important;
        background-position:center center !important;
    }

    .slide-content{
        position:absolute;
        right:15px !important;
        left:15px !important;
        max-width:90% !important;
    }

    .slide-content h1{
        font-size:22px !important;
        line-height:1.5;
    }

    .slide-content p{
        font-size:13px !important;
        line-height:1.8;
    }

    .slider-btn{
        font-size:13px !important;
        padding:10px 18px !important;
    }

    .swiper-button-next,
    .swiper-button-prev{
        display:none !important;
    }
}

@media (max-width:768px){

    .hero-area{
        height:auto !important;
        min-height:auto !important;
        display:flex !important;
        flex-direction:column !important;
    }

    .hero-slider-box,
    .hero-slider,
    .heroSwiper,
    .swiper,
    .swiper-wrapper{
        height:auto !important;
        min-height:unset !important;
        max-height:none !important;
    }

    .brandsSwiper .swiper-slide{
        height:auto !important;
        min-height:auto !important;
    }

    .hero-services{
        margin-top:10px !important;
    }

}

/* ==========================
   Ajax Search Dropdown
========================== */

#ajax-search-result{

    position:absolute;

    top:calc(100% + 8px);

    right:0;

    left:0;

    background:#fff;

    border:1px solid #e8edf5;

    border-radius:16px;

    box-shadow:0 15px 40px rgba(0,0,0,.12);

    overflow:hidden;

    z-index:99999;

}

.search-item{

    display:flex;

    align-items:center;

    gap:14px;

    padding:12px 16px;

    text-decoration:none;

    transition:.25s;

    border-bottom:1px solid #f1f4f8;

}

.search-item:last-child{

    border-bottom:none;

}

.search-item:hover{

    background:#f8fbff;

}

.search-thumb img{

    width:58px;

    height:58px;

    object-fit:cover;

    border-radius:12px;

}

.search-info{

    flex:1;

}

.search-info h4{

    margin:0 0 6px;

    font-size:14px;

    font-weight:700;

    color:#222;

    line-height:1.6;

}

.search-info span{

    display:block;

    font-size:13px;

    font-weight:600;

    color:#0F5FFF;

}

.search-info del{

    font-size:12px;

    color:#999;

    margin-left:6px;

}

.search-info ins{

    text-decoration:none;

}

.no-result{

    padding:18px;

    text-align:center;

    font-size:14px;

    color:#666;

}

/*====================================
  Mega Menu Professional
====================================*/

.mega-menu{

    position:relative;

}

.mega-menu>button{

    display:flex;

    align-items:center;

    gap:10px;

    padding:14px 22px;

    background:linear-gradient(135deg,#0F5FFF,#3B82F6);

    color:#fff;

    border:none;

    border-radius:14px;

    font-weight:700;

    cursor:pointer;

    transition:.3s;

}

.mega-menu>button:hover{

    transform:translateY(-2px);

    box-shadow:0 12px 30px rgba(15,95,255,.25);

}

.mega-content{

    position:absolute;

    top:110%;

    right:0;

    width:320px;

    background:#fff;

    border-radius:18px;

    box-shadow:0 20px 50px rgba(0,0,0,.12);

    opacity:0;

    visibility:hidden;

    transform:translateY(15px);

    transition:.30s;

    padding:10px;

    z-index:9999;

}

.mega-menu:hover .mega-content{

    opacity:1;

    visibility:visible;

    transform:translateY(0);

}

.mega-item{

    border-radius:12px;

    overflow:hidden;

}

.mega-item a{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:14px 16px;

    color:#333;

    text-decoration:none;

    font-size:14px;

    transition:.25s;

}

.mega-item a:hover{

    background:#f5f8ff;

    color:#0F5FFF;

    padding-right:22px;

}

.mega-item a::after{

    content:"›";

    font-size:18px;

    opacity:.4;

}

.mega-item a:hover::after{

    opacity:1;

}

@media(max-width:991px){

.mega-content{

    position:static;

    width:100%;

    opacity:1;

    visibility:visible;

    transform:none;

    display:none;

    margin-top:10px;

}

.mega-menu.active .mega-content{

    display:block;

}

}

/*=========================
 Mobile Mega Menu
==========================*/

@media (max-width:991px){

    .mega-content{

        display:none;

        position:static;

        width:100%;

        opacity:1;

        visibility:visible;

        transform:none;

        box-shadow:none;

        border:1px solid #eee;

        margin-top:10px;

        border-radius:14px;

    }

    .mega-menu.active .category-button{

        background:#0A49C8;

    }

}

/*=========================================
        DentShop Header V2
==========================================*/

.header-main{

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
    padding:20px 0;

}

/*======================
        Logo
=======================*/

.site-logo{

    flex:0 0 230px;

}

.site-logo img{

    max-height:95px;
    width:auto;
    transition:.3s;

}

.site-logo img:hover{

    transform:scale(1.03);

}

/*======================
        Search
=======================*/

.header-search{

    flex:1;
    max-width:700px;
    position:relative;

}

.header-search form{

    position:relative;

}

.header-search input{

    width:100%;
    height:58px;
    border:2px solid #e8edf5;
    border-radius:18px;
    padding:0 70px 0 20px;
    font-size:15px;
    transition:.3s;
    background:#fff;

}

.header-search input:focus{

    outline:none;
    border-color:#0F5FFF;
    box-shadow:0 0 0 4px rgba(15,95,255,.12);

}

.header-search button{

    position:absolute;
    left:8px;
    top:8px;
    width:42px;
    height:42px;
    border:none;
    border-radius:14px;
    background:#0F5FFF;
    color:#fff;
    cursor:pointer;
    transition:.3s;

}

.header-search button:hover{

    background:#0A49C8;

}

/*======================
    Ajax Search Box
=======================*/

#ajax-search-result{

    position:absolute;
    top:65px;
    right:0;
    left:0;
    background:#fff;
    border-radius:18px;
    box-shadow:0 15px 40px rgba(0,0,0,.12);
    z-index:999;
    overflow:hidden;

}

/*======================
    Actions
=======================*/

.header-actions{

    display:flex;
    align-items:center;
    gap:14px;

}

.header-action{

    display:flex;
    align-items:center;
    gap:10px;
    text-decoration:none;
    background:#fff;
    border:1px solid #e7edf7;
    border-radius:18px;
    padding:12px 16px;
    transition:.3s;
    color:#333;

}

.header-action:hover{

    transform:translateY(-2px);
    box-shadow:0 10px 25px rgba(0,0,0,.08);
    border-color:#0F5FFF;

}

.header-action i{

    width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:14px;
    background:#eef4ff;
    color:#0F5FFF;
    font-size:18px;

}

.header-action-title{

    font-size:12px;
    color:#777;

}

.header-action-value{

    font-size:14px;
    font-weight:700;
    color:#222;

}

/*======================
Theme Button
=======================*/

.theme-toggle{

    width:46px;
    height:46px;
    border:none;
    border-radius:16px;
    background:#fff;
    border:1px solid #e7edf7;
    cursor:pointer;
    transition:.3s;

}

.theme-toggle:hover{

    transform:translateY(-2px);

}

/*======================
Mobile
=======================*/

@media(max-width:991px){

.header-main{

    flex-wrap:wrap;
    justify-content:center;

}

.site-logo{

    width:100%;
    flex:100%;
    text-align:center;

}

.site-logo img{

    max-height:75px;

}

.header-actions{

    width:100%;
    justify-content:center;
    order:2;
    margin:15px 0;

}

.header-search{

    width:100%;
    flex:100%;
    max-width:100%;
    order:3;

}

@media(max-width:991px){

.header-action{

display:flex !important;

align-items:center;

gap:8px;

padding:10px 14px !important;

width:auto !important;

height:auto !important;

}

.header-action-title,
.header-action-value{

display:block !important;

font-size:12px;

line-height:1.4;

}

.header-action i{

font-size:20px;

}

}

.header-action{

    padding:10px;

}

}

.header-icon{

width:46px;

height:46px;

border-radius:14px;

background:#EEF4FF;

display:flex;

align-items:center;

justify-content:center;

position:relative;

font-size:18px;

color:#0F5FFF;

transition:.3s;

}

.header-action:hover .header-icon{

background:#0F5FFF;

color:#fff;

}

.cart-badge{

position:absolute;

top:-6px;

left:-6px;

width:22px;

height:22px;

border-radius:50%;

background:#ff3b30;

color:#fff;

font-size:11px;

display:flex;

align-items:center;

justify-content:center;

font-weight:700;

border:2px solid #fff;

}

.account-btn{

min-width:170px;

}

.cart-btn{

min-width:165px;

}

/*========================================
        Mobile TopBar
=========================================*/

@media (max-width:991px){

.topbar{

padding:8px 12px;

}

.topbar-wrapper{

display:flex !important;

justify-content:space-between;

align-items:center;

}

/* فقط تماس و واتساپ */

.topbar-left{

display:none !important;

}

/* دو شماره کنار هم */

.topbar-right{

width:100%;

display:flex !important;

justify-content:space-between;

align-items:center;

font-size:13px;

}

.topbar-right span{

display:flex;

align-items:center;

gap:6px;

white-space:nowrap;

}

}

/*=========================================
        Mobile Sidebar Menu
==========================================*/

.mobile-sidebar{

position:fixed;

top:0;

right:-320px;

width:300px;

height:100%;

background:#fff;

z-index:99999;

transition:.35s;

box-shadow:-5px 0 30px rgba(0,0,0,.15);

overflow-y:auto;

}

.mobile-sidebar.active{

right:0;

}

.mobile-overlay{

position:fixed;

top:0;

right:0;

left:0;

bottom:0;

background:rgba(0,0,0,.45);

display:none;

z-index:99998;

}

.mobile-overlay.active{

display:block;

}

.mobile-sidebar-header{

display:flex;

justify-content:space-between;

align-items:center;

padding:18px;

font-size:18px;

font-weight:700;

border-bottom:1px solid #eee;

}

.close-mobile-menu{

background:none;

border:none;

font-size:22px;

cursor:pointer;

}

.mobile-menu-list{

list-style:none;

margin:0;

padding:0;

}

.mobile-menu-list li{

border-bottom:1px solid #f2f2f2;

}

.mobile-menu-list a{

display:block;

padding:16px 20px;

text-decoration:none;

color:#333;

font-weight:600;

transition:.3s;

}

.mobile-menu-list a:hover{

background:#f5f8ff;

color:#0F5FFF;

}

@media(min-width:992px){

.mobile-sidebar,

.mobile-overlay{

display:none;

}

}

/*=====================================
      Mega Menu Premium
======================================*/

.mega-content{

padding:12px;

min-width:320px;

border-radius:18px;

box-shadow:0 18px 45px rgba(0,0,0,.12);

}

.mega-item{

margin-bottom:8px;

}

.mega-item:last-child{

margin-bottom:0;

}

.mega-item a{

display:flex;

align-items:center;

justify-content:space-between;

padding:12px 16px;

border-radius:14px;

text-decoration:none;

color:#333;

transition:.25s;

}

.mega-item a:hover{

background:#EEF5FF;

color:#0F5FFF;

transform:translateX(-3px);

}

.mega-icon{

font-size:20px;

margin-left:10px;

}

.mega-title{

flex:1;

font-weight:600;

font-size:14px;

}

.mega-arrow{

color:#999;

transition:.25s;

}

.mega-item:hover .mega-arrow{

transform:translateX(-4px);

color:#0F5FFF;

}

/*=============================
Mega Menu From WordPress
=============================*/

.mega-menu-list{

list-style:none;

margin:0;

padding:0;

}

.mega-menu-list li{

border-bottom:1px solid #f3f3f3;

}

.mega-menu-list li:last-child{

border:none;

}

.mega-menu-list a{

display:flex;

align-items:center;

padding:13px 18px;

text-decoration:none;

font-weight:600;

color:#333;

transition:.25s;

}

.mega-menu-list a:hover{

background:#EEF5FF;

color:#0F5FFF;

padding-right:24px;

}

/*=====================================
Mega Menu Level 2
======================================*/

.mega-menu-list{

list-style:none;

margin:0;

padding:0;

}

.mega-menu-list > li{

position:relative;

border-bottom:1px solid #f1f1f1;

}

.mega-menu-list > li > a{

display:flex;

align-items:center;

justify-content:space-between;

padding:14px 18px;

font-weight:600;

color:#333;

text-decoration:none;

transition:.25s;

}

.mega-menu-list > li:hover > a{

background:#EEF5FF;

color:#0F5FFF;

}

.mega-menu-list .sub-menu{

display:none;

list-style:none;

margin:0;

padding:0;

background:#fafafa;

}

.mega-menu-list li:hover>.sub-menu{

display:block;

}

.mega-menu-list .sub-menu li a{

display:block;

padding:12px 35px;

font-size:14px;

text-decoration:none;

color:#555;

transition:.25s;

}

.mega-menu-list .sub-menu li a:hover{

background:#fff;

color:#0F5FFF;

padding-right:42px;

}

/*=====================================
   DentShop Mega Menu V2
======================================*/

.mega-content{

    width:320px;
    padding:10px;
    border-radius:18px;
    background:#fff;
    box-shadow:0 20px 50px rgba(0,0,0,.15);

}

.mega-menu-list{

    list-style:none;
    margin:0;
    padding:0;

}

.mega-menu-list>li{

    position:relative;

}

.mega-menu-list>li>a{

    display:flex;
    align-items:center;
    justify-content:space-between;

    padding:14px 18px;

    border-radius:12px;

    font-weight:600;

    color:#333;

    text-decoration:none;

    transition:.25s;

}

.mega-menu-list>li>a::after{

    content:"❯";

    font-size:13px;

    color:#999;

}

.mega-menu-list>li:hover>a{

    background:#EEF5FF;

    color:#0F5FFF;

}

/*==========================
      زیر منو
===========================*/

.mega-menu-list .sub-menu{

    position:absolute;

    right:100%;

    top:0;

    width:260px;

    background:#fff;

    border-radius:16px;

    padding:10px;

    display:none;

    box-shadow:0 18px 40px rgba(0,0,0,.15);

    list-style:none;

}

.mega-menu-list .sub-menu li a{

    display:block;

    padding:12px 16px;

    border-radius:10px;

    color:#555;

    text-decoration:none;

    transition:.25s;

}

.mega-menu-list .sub-menu li a:hover{

    background:#EEF5FF;

    color:#0F5FFF;

    padding-right:22px;

}

/*=====================================
Mega Menu Columns + Icons
======================================*/

.mega-columns{
    width:640px;
    padding:20px;
}

.mega-columns .mega-menu-list{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px 18px;
    list-style:none;
    margin:0;
    padding:0;
}

.mega-columns .mega-menu-list > li{
    border:none;
}

.mega-columns .mega-menu-list > li > a{
    display:flex;
    align-items:center;
    gap:12px;
    padding:14px 16px;
    border-radius:14px;
    background:#fff;
    border:1px solid #eef2f7;
    font-weight:600;
    color:#333;
    text-decoration:none;
    transition:.25s;
}

.mega-columns .mega-menu-list > li > a:hover{
    background:#EEF5FF;
    border-color:#dbe7ff;
    color:#0F5FFF;
    transform:translateY(-2px);
    box-shadow:0 10px 24px rgba(15,95,255,.10);
}

.mega-item-icon{
    width:34px;
    height:34px;
    border-radius:10px;
    background:#F1F5FF;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    flex-shrink:0;
}

.mega-item-text{
    flex:1;
    line-height:1.4;
}

.mega-columns .sub-menu{
    grid-column:1 / -1;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px 12px;
    list-style:none;
    margin:8px 0 0;
    padding:12px;
    background:#fafcff;
    border:1px solid #eef2ff;
    border-radius:14px;
}

.mega-columns .sub-menu li a{
    display:flex;
    align-items:center;
    padding:10px 12px;
    border-radius:10px;
    color:#4b5563;
    text-decoration:none;
    transition:.2s;
}

.mega-columns .sub-menu li a:hover{
    background:#fff;
    color:#0F5FFF;
}

@media(max-width:991px){

.mega-columns{
    width:100%;
    padding:12px;
}

.mega-columns .mega-menu-list{
    grid-template-columns:1fr;
}

.mega-columns .sub-menu{
    grid-template-columns:1fr;
}

}

/*=====================================
DentShop Mega Menu Layout V1
======================================*/

.mega-content{

    width:780px;

    max-width:90vw;

    background:#fff;

    border-radius:18px;

    box-shadow:0 18px 45px rgba(0,0,0,.12);

    padding:20px;

}

.mega-inner{

    display:flex;

    gap:25px;

}

.mega-menu-list{

    width:260px;

    list-style:none;

    margin:0;

    padding:0;

}

.mega-menu-list>li{

    position:relative;

    border-bottom:1px solid #f1f3f6;

}

.mega-menu-list>li>a{

    display:flex;

    align-items:center;

    justify-content:space-between;

    padding:14px 18px;

    text-decoration:none;

    font-weight:600;

    color:#333;

    transition:.25s;

}

.mega-menu-list>li>a:hover{

    background:#EEF5FF;

    color:#0F5FFF;

    border-radius:12px;

}

.mega-menu-list>li>a:before{

    content:"🦷";

    margin-left:10px;

}

.mega-menu-list .sub-menu{

    display:none;

}

.mega-preview{

    flex:1;

    min-height:350px;

    border-radius:16px;

    background:#f8fafc;

}

.mega-preview{

    flex:1;

    min-height:360px;

    background:#fafcff;

    border-radius:16px;

    padding:20px;

}

.mega-submenu-box{

    display:grid;

    grid-template-columns:repeat(2,minmax(160px,1fr));

    gap:12px;

}

.mega-submenu-box a{

    display:block;

    background:#fff;

    border:1px solid #eef2f7;

    border-radius:12px;

    padding:12px;

    text-decoration:none;

    color:#444;

    transition:.25s;

}

.mega-submenu-box a:hover{

    background:#EEF5FF;

    color:#0F5FFF;

}

.mega-placeholder{

    color:#888;

    font-size:14px;

}

.mega-inner{

display:grid;

grid-template-columns:260px 1fr;

gap:25px;

align-items:start;

}

.mega-menu-list{

display:block;

}

.mega-preview{

display:block;

}

/*==========================
DentShop Mega Menu V3
==========================*/

.mega-content{

    width:950px;

    max-width:95vw;

    background:#fff;

    border-radius:20px;

    box-shadow:0 18px 45px rgba(0,0,0,.12);

    padding:20px;

}

.mega-menu-list{

    display:flex;

    flex-direction:column;

    width:260px;

    margin:0;

    padding:0;

    list-style:none;

}

.mega-menu-list>.mega-item{

    position:relative;

}

.mega-menu-list>.mega-item>a{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:10px;

    padding:14px 18px;

    text-decoration:none;

    color:#333;

    border-radius:12px;

    transition:.25s;

}

.mega-menu-list>.mega-item>a:hover{

    background:#EEF5FF;

    color:#0F5FFF;

}

.mega-icon{

    width:36px;

    text-align:center;

    color:#0F5FFF;

}

.mega-title{

    flex:1;

}

.mega-arrow{

    color:#999;

}

.mega-sub-menu{

    position:absolute;

    right:260px;

    top:0;

    width:650px;

    min-height:100%;

    background:#fff;

    display:none;

    padding:20px;

    border-radius:18px;

    box-shadow:0 10px 35px rgba(0,0,0,.08);

}

.mega-item:hover>.mega-sub-menu{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:15px;

}

.mega-sub-menu li{

    list-style:none;

}

.mega-sub-menu a{

    display:block;

    padding:10px;

    border-radius:10px;

    text-decoration:none;

    color:#555;

    transition:.25s;

}

.mega-sub-menu a:hover{

    background:#EEF5FF;

    color:#0F5FFF;

}

/* ===== Center Mega Menu Text ===== */

.mega-menu-list > li > a{

    display:flex !important;

    align-items:center !important;

    justify-content:center !important;

    position:relative;

}

.mega-menu-list > li > a .mega-title{

    flex:none !important;

    margin:0 auto;

    text-align:center;

}

.mega-menu-list > li > a .mega-icon{

    position:absolute;

    right:18px;

}

.mega-menu-list > li > a .mega-arrow{

    position:absolute;

    left:18px;

}

/* فلش سمت چپ */

.mega-menu-list > li > a{
    position:relative;
    padding-left:40px !important;
    padding-right:50px !important;
}

.mega-menu-list > li > a::after,
.mega-arrow{

    position:absolute;

    left:15px !important;

    right:auto !important;

}

/*==================================
      DentBand Product Card V2
==================================*/

.products .product,
ul.products li.product{

    background:#fff;

    border-radius:22px;

    overflow:hidden;

    border:1px solid #edf2f7;

    transition:.35s;

    box-shadow:0 6px 18px rgba(0,0,0,.05);

    padding:18px;

}

.products .product:hover,
ul.products li.product:hover{

    transform:translateY(-8px);

    box-shadow:0 18px 40px rgba(0,0,0,.12);

}

/* تصویر */

.products .product img,
ul.products li.product img{

    width:100% !important;

    height:220px;

    object-fit:contain;

    margin-bottom:18px;

    transition:.35s;

}

.products .product:hover img,
ul.products li.product:hover img{

    transform:scale(1.06);

}

/* عنوان */

.products .woocommerce-loop-product__title,
ul.products li.product h2{

    font-size:16px;

    font-weight:700;

    line-height:30px;

    text-align:center;

    color:#222;

    min-height:60px;

    margin-bottom:15px;

}

/* قیمت */

.price{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:8px;

    flex-wrap:wrap;

    margin-bottom:16px;

}

.price del{

    color:#999;

    font-size:13px;

}

.price ins{

    text-decoration:none;

    color:#0F5FFF;

    font-size:22px;

    font-weight:800;

}

/* دکمه */

.add_to_cart_button,
.button.product_type_simple,
.button.product_type_variable{

    width:100%;

    border-radius:14px;

    background:#0F5FFF !important;

    color:#fff !important;

    padding:14px;

    font-size:15px;

    font-weight:700;

    transition:.3s;

}

.add_to_cart_button:hover,
.button.product_type_simple:hover,
.button.product_type_variable:hover{

    background:#0848d8 !important;

    transform:translateY(-2px);

}

.dent-discount{
    position:absolute;
    top:-1px;
    right:-1px;
    width:60px;
    height:60px;
    border-radius:50%;
    background:#ff1010;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    font-weight:700;
    z-index:10;
}

@media (max-width:768px){

    .brands-section .section-title{
        margin-bottom: 35px !important;
    }

    .brandsSwiper{
        padding-top: 30px !important;
    }

}

.brandsSwiper .swiper-slide{
    height: auto !important;
    min-height: auto !important;
}

.brandsSwiper{
    height: auto !important;
}

.brandsSwiper .swiper-wrapper{
    align-items: center;
}

.brands-section .section-title{
    margin-bottom: 20px !important;
    display: block;
}

.brands-section .brandsSwiper{
    position: relative !important;
    top: 0 !important;
    margin-top: 20px !important;
    clear: both;
}