* {
       font-family: 'irs', sans-serif;
   }

   .font-medium {
       font-family: 'Iran-Sans-medium';
       font-weight: 400;
   }

   html {
       scroll-behavior: smooth;
   }

   body {
       background: #f7f8fa;
       color: #15181f;
   }

   /* اسکرولبار مخفی */
   .scroll-x::-webkit-scrollbar {
       display: none;
   }

   .scroll-x {
       -ms-overflow-style: none;
       scrollbar-width: none;
   }

   /* اسکرول اسلایدری برای شگفت‌انگیزها */
   .snap-slider {
       /*overflow-x: auto;*/
       scroll-snap-type: x mandatory;
       scroll-padding: 16px;
   }

   .snap-item {
       scroll-snap-align: start;
       width: 170px;
       flex-shrink: 0;
   }

   /* منوی دسته‌بندی دیجی‌کالایی */
   .mega-panel {
       opacity: 0;
       visibility: hidden;
       transform: translateY(8px);
       transition: all 0.22s ease;
       pointer-events: none;
   }

   .mega-trigger:hover .mega-panel,
   .mega-panel:hover {
       opacity: 1;
       visibility: visible;
       transform: translateY(0);
       pointer-events: auto;
   }

   .main-cat-item.active {
       background: #fff4ef;
       color: #ff5722;
   }

   .main-cat-item.active .chev {
       color: #ff5722;
   }

   .sub-panel {
       display: none;
   }

   .sub-panel.active {
       display: grid;
   }

   /* اسلایدر */
   .slide {
       opacity: 0;
       transition: opacity 0.8s ease-in-out;
       pointer-events: none;
       position: absolute;
       inset: 0;
   }

   .slide.active {
       opacity: 1;
       pointer-events: auto;
   }

   /* کارت محصول */
   .product-card {
       transition: all 0.3s ease;
   }

   .product-card:hover {
       transform: translateY(-6px);
       box-shadow: 0 20px 40px -12px rgba(21, 24, 31, 0.12);
   }

   .wishlist-btn {
       opacity: 0;
       transition: opacity 0.3s;
   }

   .product-card:hover .wishlist-btn {
       opacity: 1;
   }

   .discount-badge {
       background: linear-gradient(135deg, #ff5722, #ff8a65);
   }

   .timer-digit {
       background: rgba(255, 255, 255, 0.18);
       backdrop-filter: blur(10px);
       border: 1px solid rgba(255, 255, 255, 0.18);
   }

   @keyframes float {

       0%,
       100% {
           transform: translateY(0);
       }

       50% {
           transform: translateY(-10px);
       }
   }

   .float-anim {
       animation: float 4s ease-in-out infinite;
   }

   /* بلاک تبلیغاتی */
   .ad-block {
       overflow: hidden;
       position: relative;
   }

   .ad-block img {
       transition: transform 0.6s ease;
   }

   .ad-block:hover img {
       transform: scale(1.06);
   }

   .ad-block .overlay {
       background: linear-gradient(to top, rgba(0, 0, 0, 0.55), transparent 60%);
   }

   .dot {
       transition: all 0.3s;
   }

   .newsletter-bg {
       background: linear-gradient(135deg, #15181f 0%, #2a2f3a 100%);
       position: relative;
       overflow: hidden;
   }

   .newsletter-bg::before {
       content: '';
       position: absolute;
       top: -50%;
       right: -10%;
       width: 60%;
       height: 200%;
       background: radial-gradient(circle, rgba(255, 87, 34, 0.28), transparent 70%);
       filter: blur(40px);
   }

   .newsletter-bg::after {
       content: '';
       position: absolute;
       bottom: -50%;
       left: -10%;
       width: 50%;
       height: 200%;
       background: radial-gradient(circle, rgba(255, 138, 101, 0.15), transparent 70%);
       filter: blur(40px);
   }

   .amazing-gradient {
       background: linear-gradient(135deg, #ef4444 0%, #ff5722 50%, #f97316 100%);
       position: relative;
       overflow: hidden;
   }

   .amazing-gradient::before {
       content: '';
       position: absolute;
       top: -20%;
       left: -10%;
       width: 60%;
       height: 140%;
       background: radial-gradient(circle, rgba(255, 255, 255, 0.12), transparent 70%);
       filter: blur(30px);
       pointer-events: none;
   }

   .line-clamp-2 {
       display: -webkit-box;
       -webkit-line-clamp: 2;
       -webkit-box-orient: vertical;
       overflow: hidden;
   }

   .back-to-top {
       opacity: 0;
       visibility: hidden;
       transition: all 0.3s;
   }

   .back-to-top.visible {
       opacity: 1;
       visibility: visible;
   }

   .toast {
       transition: all 0.4s ease;
   }

   @media (prefers-reduced-motion: reduce) {

       *,
       *::before,
       *::after {
           animation: none !important;
           transition: none !important;
       }
   }

   .sub-panel.active {
       display: grid;
       grid-template-columns: repeat(3, minmax(0, 1fr));
       column-gap: 1rem;
       /* gap-x-4 */
       row-gap: 0.5rem;
       /* gap-y-2 */
   }
   
   button.font-bold,button.font-medium{
    font-family: "Vazirmatn";
   }

   

   .slider-container {
  height: 400px;
}
@media (max-width: 768px) {
  .slider-container {
    height: 280px; /* ارتفاع کمتر در موبایل */
  }
  .mainSwiper .swiper-slide {
    border-radius: 16px;
    overflow: hidden;
  }
}
/* دات‌های سفارشی Swiper */
.dot-custom {
  transition: all 0.3s ease;
  cursor: pointer;
}
.dot-custom.active {
  width: 28px !important;
  background: white !important;
}
/* حذف استایل‌های قبلی اسلایدر (slide, .slide.active) */
.slide,
.slide.active {
  /* دیگر استفاده نمی‌شود */ 
}