.elementor-1239 .elementor-element.elementor-element-1462ed4{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:150px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1239 .elementor-element.elementor-element-6f58d1f{--display:flex;}.elementor-1239 .elementor-element.elementor-element-8c1b378{width:auto;max-width:auto;}.elementor-1239 .elementor-element.elementor-element-8c1b378 > .elementor-widget-container{margin:0px 0px 5px 0px;}.elementor-1239 .elementor-element.elementor-element-20665b9{--wd-cat-img-width:100px;}.elementor-1239 .elementor-element.elementor-element-20665b9 > .elementor-widget-container{background-color:#FFFFFF;margin:15px 0px 0px 0px;padding:20px 20px 20px 20px;border-radius:10px 10px 10px 10px;}.elementor-1239 .elementor-element.elementor-element-20665b9 div.product-category .wd-entities-title{font-family:"IRANSansXVF", Sans-serif;font-size:14px;text-transform:capitalize;}.elementor-1239 .elementor-element.elementor-element-c65e314{--wd-side-hidden-w:300px;}.elementor-1239 .elementor-element.elementor-element-3f032b7:not(.elementor-motion-effects-element-type-background), .elementor-1239 .elementor-element.elementor-element-3f032b7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1239 .elementor-element.elementor-element-3f032b7, .elementor-1239 .elementor-element.elementor-element-3f032b7 > .elementor-background-overlay{border-radius:10px 10px 10px 10px;}.elementor-1239 .elementor-element.elementor-element-3f032b7{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:20px 15px 20px 15px;}.elementor-1239 .elementor-element.elementor-element-3f032b7 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1239 .elementor-element.elementor-element-ffac471{margin:10px 0px 10px 0px;}.elementor-1239 .elementor-element.elementor-element-df0bb93 .title{font-size:26px;}.elementor-bc-flex-widget .elementor-1239 .elementor-element.elementor-element-193a70f.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-1239 .elementor-element.elementor-element-193a70f.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-1239 .elementor-element.elementor-element-193a70f.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-1239 .elementor-element.elementor-element-04bf378{width:auto;max-width:auto;}.elementor-1239 .elementor-element.elementor-element-04bf378 > .elementor-widget-container{margin:0px 0px 20px 20px;}.elementor-1239 .elementor-element.elementor-element-695548e{width:auto;max-width:auto;}.elementor-1239 .elementor-element.elementor-element-695548e > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-1239 .elementor-element.elementor-element-5fc5dc6{width:auto;max-width:auto;}.elementor-1239 .elementor-element.elementor-element-5fc5dc6 > .elementor-widget-container{margin:0px 0px 20px 20px;}.elementor-1239 .elementor-element.elementor-element-0c9d547{width:auto;max-width:auto;}.elementor-1239 .elementor-element.elementor-element-0c9d547 > .elementor-widget-container{margin:0px 20px 20px 0px;}.elementor-1239 .elementor-element.elementor-element-e57dffe{--display:flex;}@media(min-width:768px){.elementor-1239 .elementor-element.elementor-element-c65e314{width:25%;}.elementor-1239 .elementor-element.elementor-element-5c2c826{width:75%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1239 .elementor-element.elementor-element-5c2c826{width:100%;}.elementor-1239 .elementor-element.elementor-element-be392e3{width:100%;}.elementor-1239 .elementor-element.elementor-element-193a70f{width:100%;}}@media(max-width:1024px){.elementor-1239 .elementor-element.elementor-element-ffac471{margin:0px 0px 0px 0px;}.elementor-1239 .elementor-element.elementor-element-df0bb93 .title{font-size:24px;}.elementor-1239 .elementor-element.elementor-element-193a70f.elementor-column > .elementor-widget-wrap{justify-content:space-between;}.elementor-1239 .elementor-element.elementor-element-04bf378{width:auto;max-width:auto;}}@media(max-width:767px){.elementor-1239 .elementor-element.elementor-element-df0bb93 .title{font-size:22px;}}/* Start custom CSS for wd_product_categories, class: .elementor-element-20665b9 *//* ========================================================
   Mahsym Product Categories - Fully Responsive & Mobile Clean
   ======================================================== */

/* کانتینر کل بخش دسته‌بندی‌ها */
.elementor-1239 .elementor-element.elementor-element-20665b9 {
  background: rgba(255, 255, 255, 0.75) !important;
  backdrop-filter: blur(14px) saturate(150%) !important;
  -webkit-backdrop-filter: blur(14px) saturate(150%) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.9) !important;
  box-shadow: 
    0 12px 30px -10px rgba(0, 168, 150, 0.05),
    0 4px 16px -2px rgba(10, 37, 64, 0.03),
    inset 0 1px 0 rgba(255, 255, 255, 1) !important;
  padding: 20px 10px !important;
}

/* استایل هر کارت دسته‌بندی */
.elementor-1239 .elementor-element.elementor-element-20665b9 .category-grid-item,
.elementor-1239 .elementor-element.elementor-element-20665b9 .woodmart-cat-item,
.elementor-1239 .elementor-element.elementor-element-20665b9 .cat-design-default {
  background: rgba(255, 255, 255, 0.92) !important;
  border-radius: 18px !important;
  border: 1px solid rgba(0, 168, 150, 0.08) !important;
  padding: 14px 8px !important;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.02) !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: space-between !important;
  text-align: center !important;
  min-height: 160px !important; /* ارتفاع هماهنگ برای همه کارت‌ها */
  box-sizing: border-box !important;
}

/* هاور دسکتاپ */
.elementor-1239 .elementor-element.elementor-element-20665b9 .category-grid-item:hover,
.elementor-1239 .elementor-element.elementor-element-20665b9 .woodmart-cat-item:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(0, 168, 150, 0.35) !important;
  box-shadow: 0 12px 24px -6px rgba(0, 168, 150, 0.14) !important;
}

/* تصویر دسته بندی */
.elementor-1239 .elementor-element.elementor-element-20665b9 .category-grid-item img,
.elementor-1239 .elementor-element.elementor-element-20665b9 .woodmart-cat-item img {
  border-radius: 12px !important;
  object-fit: contain !important;
  max-height: 65px !important; /* اندازه متناسب در همه دستگاه‌ها */
  width: auto !important;
  margin-bottom: 8px !important;
}

/* عنوان دسته‌بندی (مثل: تبلت، بازی و سرگرمی) */
.elementor-1239 .elementor-element.elementor-element-20665b9 .category-title,
.elementor-1239 .elementor-element.elementor-element-20665b9 .woodmart-cat-item h3,
.elementor-1239 .elementor-element.elementor-element-20665b9 .cat-design-default h3 {
  color: #1E293B !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  margin: 4px 0 !important;
  min-height: 36px !important; /* جلوگیری از پرش متن‌های ۲ خطی */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* رفع شکستگی و منظم‌سازی بخش شمارنده (۰ محصول) */
.elementor-1239 .elementor-element.elementor-element-20665b9 .more-products,
.elementor-1239 .elementor-element.elementor-element-20665b9 .count,
.elementor-1239 .elementor-element.elementor-element-20665b9 .cat-count,
.elementor-1239 .elementor-element.elementor-element-20665b9 .woodmart-cat-item .cat-count {
  color: #64748B !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  background: rgba(241, 245, 249, 0.85) !important;
  padding: 4px 10px !important;
  border-radius: 20px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 3px !important;
  white-space: nowrap !important; /* مانع از آمدن 0 بالای کلمه محصول */
  line-height: 1 !important;
  margin-top: 4px !important;
  width: auto !important;
}

/* تنظیمات اختصاصی موبایل (زیر 768 پیکسل) */
@media (max-width: 767px) {
  .elementor-1239 .elementor-element.elementor-element-20665b9 {
    padding: 16px 6px !important;
  }
  
  .elementor-1239 .elementor-element.elementor-element-20665b9 .category-grid-item,
  .elementor-1239 .elementor-element.elementor-element-20665b9 .woodmart-cat-item {
    padding: 12px 6px !important;
    min-height: 145px !important;
    border-radius: 16px !important;
  }

  .elementor-1239 .elementor-element.elementor-element-20665b9 .category-grid-item img,
  .elementor-1239 .elementor-element.elementor-element-20665b9 .woodmart-cat-item img {
    max-height: 55px !important;
  }

  .elementor-1239 .elementor-element.elementor-element-20665b9 .category-title,
  .elementor-1239 .elementor-element.elementor-element-20665b9 .woodmart-cat-item h3 {
    font-size: 12px !important;
    min-height: 32px !important;
  }

  .elementor-1239 .elementor-element.elementor-element-20665b9 .more-products,
  .elementor-1239 .elementor-element.elementor-element-20665b9 .woodmart-cat-item .cat-count {
    font-size: 10.5px !important;
    padding: 3px 8px !important;
  }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-467f0e8 *//* ========================================================
   Mahsym Shop & Product Archive - Glassmorphic Theme
   ======================================================== */

/* 1. هدر و عنوان فروشگاه (Shop Header / Title) */
.woocommerce-shop-header,
.shop-loop-head,
.page-title.color-scheme-dark {
  background: rgba(255, 255, 255, 0.75) !important;
  backdrop-filter: blur(12px) saturate(160%) !important;
  -webkit-backdrop-filter: blur(12px) saturate(160%) !important;
  border-radius: 20px !important;
  border: 1px solid rgba(255, 255, 255, 0.8) !important;
  box-shadow: 0 8px 24px -6px rgba(0, 168, 150, 0.06) !important;
  padding: 15px 24px !important;
  margin-bottom: 25px !important;
}

/* عنوان "فروشگاه" */
.woocommerce-shop-header h1,
.woodmart-archive-shop-title,
.shop-loop-head .woocommerce-products-header__title {
  color: #0F172A !important;
  font-weight: 800 !important;
  font-size: 22px !important;
  position: relative;
  display: inline-block;
}

/* 2. نوار ابزار فروشگاه (تعداد نمایش، مرتب‌سازی، دکمه‌های گرید) */
.woodmart-shop-tools,
.shop-loop-tools {
  background: rgba(255, 255, 255, 0.85) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  border-radius: 16px !important;
  border: 1px solid rgba(0, 168, 150, 0.08) !important;
  padding: 10px 18px !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.02) !important;
  margin-bottom: 24px !important;
}

/* استایل دراپ‌داون مرتب‌سازی */
.woocommerce-ordering select,
.woodmart-ordering select {
  background: rgba(248, 250, 252, 0.9) !important;
  border: 1px solid rgba(0, 168, 150, 0.15) !important;
  border-radius: 12px !important;
  padding: 8px 14px !important;
  font-size: 13px !important;
  color: #334155 !important;
  font-weight: 600 !important;
  transition: all 0.25s ease !important;
}
.woocommerce-ordering select:focus,
.woodmart-ordering select:focus {
  border-color: #00A896 !important;
  box-shadow: 0 0 0 3px rgba(0, 168, 150, 0.15) !important;
  outline: none !important;
}

/* شمارنده تعداد نمایش (نمایش: ۹ / ۱۲ / ۱۸ / ۲۴) */
.woodmart-products-per-page,
.woodmart-show-products {
  font-size: 13px !important;
  color: #64748B !important;
  font-weight: 600 !important;
}
.woodmart-products-per-page a.current-page,
.woodmart-products-per-page a:hover {
  color: #00A896 !important;
  font-weight: 800 !important;
}

/* دکمه‌های تغییر گرید (چیدمان شبکه‌ای / لیستی) */
.woodmart-products-shop-view a {
  background: rgba(241, 245, 249, 0.8) !important;
  border-radius: 8px !important;
  color: #64748B !important;
  transition: all 0.2s ease !important;
  margin: 0 2px !important;
}
.woodmart-products-shop-view a.current-variation,
.woodmart-products-shop-view a:hover {
  background: #00A896 !important;
  color: #ffffff !important;
}

/* 3. دکمه باز کردن سایدبار فیلتر در موبایل و دسکتاپ */
.woodmart-filter-buttons a,
.open-filters-btn {
  background: rgba(241, 245, 249, 0.9) !important;
  border-radius: 12px !important;
  border: 1px solid rgba(0, 168, 150, 0.12) !important;
  color: #1E293B !important;
  font-weight: 700 !important;
  padding: 8px 16px !important;
  transition: all 0.25s ease !important;
}
.woodmart-filter-buttons a:hover,
.open-filters-btn:hover {
  background: #00A896 !important;
  color: #ffffff !important;
}

/* 4. استایل کارت‌های محصول (Product Grid Cards) */
.products .product-grid-item,
.woodmart-hover-base,
.woodmart-hover-quick {
  background: rgba(255, 255, 255, 0.92) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  border-radius: 20px !important;
  border: 1px solid rgba(0, 168, 150, 0.08) !important;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.03) !important;
  padding: 14px !important;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  overflow: hidden !important;
}

/* هاور کارت محصول */
.products .product-grid-item:hover,
.woodmart-hover-base:hover {
  transform: translateY(-5px) !important;
  border-color: rgba(0, 168, 150, 0.3) !important;
  box-shadow: 0 16px 32px -8px rgba(0, 168, 150, 0.14) !important;
}

/* تصویر محصول */
.product-element-top,
.product-grid-item .product-image-link {
  border-radius: 14px !important;
  overflow: hidden !important;
  background: #f8fafc !important;
}

/* بج‌های تخفیف و ویژگی‌ها (مثل "داغ"، "ویژه" یا درصد تخفیف) */
.product-labels .product-label {
  border-radius: 10px !important;
  font-weight: 700 !important;
  font-size: 11px !important;
  padding: 4px 10px !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
  letter-spacing: 0 !important;
}
.product-labels .onsale {
  background: rgba(239, 68, 68, 0.9) !important; /* قرمز ملایم */
  color: #fff !important;
}
.product-labels .featured,
.product-labels .hot {
  background: rgba(245, 158, 11, 0.9) !important; /* نارنجی/طلایی */
  color: #fff !important;
}

/* عنوان محصول */
.wd-entities-title,
.product-grid-item .wd-entities-title a {
  color: #1E293B !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  transition: color 0.2s ease !important;
}
.product-grid-item .wd-entities-title a:hover {
  color: #00A896 !important;
}

/* قیمت محصول */
.price,
.price .amount {
  color: #00A896 !important;
  font-weight: 800 !important;
  font-size: 15px !important;
}
.price del .amount {
  color: #94A3B8 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

/* 5. صفحه‌بندی و ناوبری (Pagination) */
.woodmart-pagination .page-numbers {
  background: rgba(255, 255, 255, 0.9) !important;
  border-radius: 12px !important;
  border: 1px solid rgba(0, 168, 150, 0.1) !important;
  color: #475569 !important;
  font-weight: 700 !important;
  min-width: 38px !important;
  height: 38px !important;
  line-height: 38px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03) !important;
  transition: all 0.25s ease !important;
}
.woodmart-pagination .page-numbers.current,
.woodmart-pagination .page-numbers:hover {
  background: #00A896 !important;
  color: #ffffff !important;
  border-color: #00A896 !important;
}

/* 6. تنظیمات ریسپانسیو اختصاصی موبایل */
@media (max-width: 767px) {
  .woocommerce-shop-header,
  .shop-loop-head {
    padding: 12px 16px !important;
    border-radius: 16px !important;
    margin-bottom: 16px !important;
  }
  .woocommerce-shop-header h1 {
    font-size: 18px !important;
  }
  .products .product-grid-item {
    border-radius: 16px !important;
    padding: 10px !important;
  }
  .wd-entities-title,
  .product-grid-item .wd-entities-title a {
    font-size: 12.5px !important;
  }
  .price,
  .price .amount {
    font-size: 13.5px !important;
  }
}/* End custom CSS */