.elementor-466 .elementor-element.elementor-element-d02205c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-466 .elementor-element.elementor-element-75fca71{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-466 .elementor-element.elementor-element-f04203a{width:var( --container-widget-width, 100.827% );max-width:100.827%;--container-widget-width:100.827%;--container-widget-flex-grow:0;}.elementor-466 .elementor-element.elementor-element-f04203a.elementor-element{--flex-grow:0;--flex-shrink:0;}/* Start custom CSS for html, class: .elementor-element-8b6a493 *//* ===== IRX HERO: image radius + CTA spacing fix ===== */

/* 1) قاب عکس + گرد شدن گوشه‌ها */
.irx-hero .irx-hero__frame{
  border-radius: 26px !important;
  overflow: hidden !important;
}

/* اگر تصویر داخل <img> هست */
.irx-hero .irx-hero__img{
  border-radius: 22px !important;
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  object-fit: cover !important;   /* کل قاب رو پر کنه */
  display: block !important;
}

/* اگر عکس با img معمولی داخل کارت گذاشتی */
.irx-hero .irx-hero__frame img{
  border-radius: 22px !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display:block !important;
}

/* 2) دکمه‌ها از پایین جدا بشن و جای درست بگیرن */
.irx-hero .irx-hero__content{
  justify-content: flex-start !important; /* دیگه به پایین نچسبه */
}

.irx-hero .irx-hero__cta{
  margin-top: 10px !important;
  margin-bottom: 15px !important;
  justify-content: flex-start !important;
}

/* اگر یه بخش Trust زیر دکمه‌ها داری، فاصله‌ها درست شه */
.irx-hero .irx-hero__trust{
  margin-top: 8px !important;
}

/* 3) موبایل: دکمه‌ها زیر هم و عکس مناسب */
@media (max-width: 560px){
  .irx-hero .irx-hero__cta{
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .irx-hero .irx-btn{
    width: 100% !important;
  }
  .irx-hero .irx-hero__frame{
    min-height: 240px !important;
  }
  .irx-hero .irx-hero__img,
  .irx-hero .irx-hero__frame img{
    object-fit: cover !important;
  }
}

/* ===== IRX HERO: Mobile/Tablet show image first ===== */
@media (max-width: 980px){

  /* کانتین }

  /* اول تصویر */
  .irx-hero .irx-hero__media,
  .irx-hero .irx-hero__frame{
    order: 1 !important;
  }

  /* بعد متن/دکمه‌ها */
  .irx-hero .irx-hero__content{
    order: 2 !important;
  }
}

/* فقط موبایل: وسط‌چین کردن تیتر و متن زیرش */
@media (max-width: 768px){
  /* اگر این بخش داخل هیرو/کادر خودت هست */
  .irx-hero .irx-hero__content h1,
  .irx-hero .irx-hero__content h2,
  .irx-hero .irx-hero__content .irx-title,
  .irx-hero .irx-hero__content .irx-subtitle,
  .irx-hero .irx-hero__content p{
    text-align: center !important;
  }

  /* فاصله‌ها/عرض متن بهتر بشه */
  .irx-hero .irx-hero__content p{
    max-width: 28ch;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* Hide top chips (تحویل سریع / پشتیبانی واقعی) فقط روی موبایل */
@media (max-width: 768px){
  /* اگر چیپ‌ها داخل یک ردیف/گروه هستند */
  .irx-hero .irx-chips,
  .irx-hero .irx-badges,
  .irx-hero .irx-pill-row{
    display: none !important;
  }

  /* حالت عمومی‌تر: هر چیپی که نزدیک تیتر است */
  .irx-hero .irx-chip,
  .irx-hero .irx-pill,
  .irx-hero .irx-badge{
    display: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d02205c *//* =========================
   Desktop only: Hero = same container behavior as IRX strip
   ========================= */
@media (min-width: 1025px){

  /* 1) کانتینر المنتورِ والد هیرو را مثل یک بلاک معمولی کن */
  section.irx-hero{
    width: 100% !important;
    max-width: none !important;
    margin: 0 auto !important;
  }

  /* 2) اگر هیرو داخل e-con-inner هست، محدودیت‌های المنتور رو بردار */
  section.irx-hero{
    position: relative;
  }
  section.irx-hero:where(*){ box-sizing:border-box; }

  /* نزدیک‌ترین wrapper های المنتور معمولاً این‌ها هستند */
  section.irx-hero,
  section.irx-hero > .irx-hero_surface{
    display: block !important;
  }

  /* 3) خود سطح هیرو را دقیقاً شبیه باکس میوه کن */
  section.irx-hero .irx-hero_surface{
    width: min(1180px, calc(100% - 40px)) !important; /* همون مدل کانتینری که باکس میوه معمولاً داره */
    margin: 0 auto !important;
  }

  /* 4) اگر باکس میوه داخل همین کانتینر است، برای هم‌عرض شدن بهتره strip هم همین قانون رو داشته باشه */
  .irx-strip{
    width: min(1180px, calc(100% - 40px)) !important;
    margin: 22px auto 0 !important;
  }

  /* 5) اگر المنتور به e-con-inner پدینگ زیاد داده، حذفش کن (فقط برای سکشن هیرو) */
  section.irx-hero{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f04203a *//* === IRX: Hero width = Category strip width === */

/* 1) یک مقدار مشترک برای عرض */
:root{
  --irx-wrap: 1800px; /* اگر باکس محصولاتت عرض دیگه‌ای داره، همین عدد رو تغییر بده */
}

/* 2) هیرو را محدود کن (همون کانتینر اصلی هیرو) */
.irx-hero,
.irx-hero-wrap,
.irx-hero .irx-container,
.irx-hero .irx-wc-bg,
.irx-hero .irx-wc-host{
  max-width: var(--irx-wrap) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100% !important;
}

/* 3) باکس محصولات دسته هم هم‌عرض همین بشه */
.irx-strip,
.irx-strip-wrap,
.irx-strip .irx-strip__inner{
  max-width: var(--irx-wrap) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100% !important;
}

/* 4) فاصله‌های کناری روی موبایل کمتر و یکدست */
@media (max-width: 768px){
  .irx-hero,
  .irx-hero-wrap,
  .irx-strip,
  .irx-strip-wrap{
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}

/* =========================
   IRX Fruit Strip (Mobile Friendly)
   فلش‌ها + کارت‌ها داخل باکس محصولات دسته میوه
   ========================= */

.irx-strip{
  position: relative;
  padding: 16px 14px 18px;
  border-radius: 26px;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 18px 60px rgba(0,0,0,.35);
  overflow: hidden;
}

/* تیتر بالا */
.irx-strip .irx-strip__title{
  margin: 0 0 12px;
  font-weight: 900;
  font-size: 18px;
  color: #fff;
}

/* ===== فلش‌ها ===== */
.irx-strip .irx-strip__nav{
  position:absolute;
  top: 14px;
  left: 14px;
  display:flex;
  gap:10px;
  z-index: 5;
}

.irx-strip .irx-strip__nav button{
  width: 44px;
  height: 44px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 10px 26px rgba(0,0,0,.28), 0 0 18px rgba(62,0,228,.12);
  color:#fff;
  font-size: 22px;
  font-weight: 900;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  transition: transform .15s ease, background .15s ease, box-shadow .15s ease, opacity .15s ease;
}

.irx-strip .irx-strip__nav button:active{
  transform: scale(.96);
}

.irx-strip .irx-strip__nav button:hover{
  background: rgba(255,255,255,.09);
  box-shadow: 0 14px 32px rgba(0,0,0,.34), 0 0 22px rgba(62,0,228,.18);
}

.irx-strip .irx-strip__nav button[disabled]{
  opacity:.35;
  cursor: not-allowed;
  box-shadow:none;
}

/* ===== ریل اسلایدر ===== */
.irx-strip .irx-strip__rail{
  display:flex;
  gap: 14px;
  overflow-x: auto;
  padding: 56px 6px 8px; /* جا برای فلش‌ها */
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
  scroll-snap-type: x mandatory;
}
.irx-strip .irx-strip__rail::-webkit-scrollbar{ display:none; }

/* ===== کارت محصول ===== */
.irx-strip .irx-pcard{
  flex: 0 0 70%;
  max-width: 70%;
  scroll-snap-align: start;

  border-radius: 24px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 12px 34px rgba(0,0,0,.25);
  overflow:hidden;

  display:flex;
  flex-direction:column;
  min-height: 260px;
}

/* تصویر */
.irx-strip .irx-pcard__img{
  aspect-ratio: 1/1;
  width:100%;
  background: rgba(0,0,0,.18);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.irx-strip .irx-pcard__img img{
  width: 100%;
  height: 100%;
  object-fit: contain; /* برای این سبک آیکون‌ها بهتره */
  transform: scale(.98);
}

/* بدنه کارت */
.irx-strip .irx-pcard__body{
  padding: 12px 12px 14px;
  display:flex;
  flex-direction:column;
  gap: 8px;
}

/* عنوان */
.irx-strip .irx-pcard__title{
  margin:0;
  font-weight:900;
  color:#fff;
  font-size: 14px;
  line-height: 1.6;
  min-height: 44px;
  overflow:hidden;
  display:-webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* ردیف پایین: قیمت + موجودی */
.irx-strip .irx-pcard__row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

.irx-strip .irx-pcard__price{
  font-weight: 900;
  color: rgba(255,255,255,.92);
  font-size: 14px;
  white-space: nowrap;
}

.irx-strip .irx-stock{
  font-size: 12px;
  font-weight: 900;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(90,255,200,.35);
  background: rgba(20,255,170,.10);
  color: rgba(220,255,245,.95);
  white-space: nowrap;
}

/* دکمه اطلاعات بیشتر اگر هنوز داری */
.irx-strip .irx-pcard__btn{
  margin-top: 6px;
  width: 100%;
  border-radius: 18px;
  padding: 12px 12px;
  text-align:center;
  font-weight: 900;
  color:#fff;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(255,255,255,.06);
}

/* ===== ریسپانسیو ===== */
@media (min-width: 600px){
  .irx-strip .irx-pcard{ flex-basis: 44%; max-width:44%; }
}
@media (min-width: 980px){
  .irx-strip .irx-pcard{ flex-basis: 28%; max-width:28%; }
}

/* =========================
   IRX Category Strip – Better look
   (فلش‌ها + کادر + فاصله پایین)
   ========================= */

/* کل باکس */
.irx-strip{
  position: relative;
  margin: 0 auto 22px !important;   /* فاصله از بخش بعدی */
  padding: 18px 14px 18px !important;
  border-radius: 26px !important;

  background:
    radial-gradient(circle at 20% 25%, rgba(62,0,228,.16), transparent 45%),
    radial-gradient(circle at 85% 70%, rgba(39,11,135,.18), transparent 55%),
    rgba(255,255,255,.05) !important;

  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 22px 70px rgba(0,0,0,.38),
    inset 0 1px 0 rgba(255,255,255,.08) !important;

  overflow: hidden !important;
}

/* یه خط نور خیلی ظریف بالا */
.irx-strip::before{
  content:"";
  position:absolute;
  inset: 0 0 auto 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.25), transparent);
  opacity:.55;
}

/* تیتر گوشه راست */
.irx-strip .irx-strip__title{
  margin: 0 0 10px !important;
  padding-right: 6px;
  color:#fff;
  font-weight: 900;
  font-size: 16px;
  text-shadow: 0 10px 30px rgba(0,0,0,.35);
}

/* ===== فلش‌ها (خاص‌تر) ===== */
.irx-strip .irx-strip__nav{
  position:absolute;
  top: 14px;
  left: 14px;
  display:flex;
  gap:10px;
  z-index: 10;
}

.irx-strip .irx-strip__nav button{
  width: 42px !important;
  height: 42px !important;
  border-radius: 16px !important;

  border: 1px solid rgba(255,255,255,.18) !important;
  background: linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.05)) !important;

  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);

  box-shadow:
    0 12px 26px rgba(0,0,0,.30),
    0 0 18px rgba(62,0,228,.18),
    inset 0 1px 0 rgba(255,255,255,.12) !important;

  color:#fff !important;
  font-size: 22px !important;
  font-weight: 900 !important;

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

  transition: transform .15s ease, filter .15s ease, box-shadow .15s ease;
}

.irx-strip .irx-strip__nav button:hover{
  transform: translateY(-1px);
  filter: saturate(1.08);
  box-shadow:
    0 16px 32px rgba(0,0,0,.34),
    0 0 26px rgba(62,0,228,.22),
    inset 0 1px 0 rgba(255,255,255,.14) !important;
}

.irx-strip .irx-strip__nav button:active{
  transform: scale(.96);
}

.irx-strip .irx-strip__nav button[disabled]{
  opacity:.35 !important;
  cursor:not-allowed !important;
  box-shadow:none !important;
}

/* ===== ریل اسکرول ===== */
.irx-strip .irx-strip__rail{
  display:flex;
  gap: 14px;
  overflow-x: auto;
  padding: 56px 6px 10px !important; /* جا برای فلش‌ها */
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
  scroll-snap-type: x mandatory;
}
.irx-strip .irx-strip__rail::-webkit-scrollbar{ display:none; }

/* ===== کارت‌ها ===== */
.irx-strip .irx-pcard{
  flex: 0 0 74%;
  max-width: 74%;
  scroll-snap-align: start;

  border-radius: 24px !important;
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.12) !important;

  box-shadow:
    0 18px 45px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.08) !important;

  overflow:hidden !important;
  transition: transform .18s ease, box-shadow .18s ease;
}

.irx-strip .irx-pcard:hover{
  transform: translateY(-2px);
  box-shadow:
    0 22px 60px rgba(0,0,0,.34),
    0 0 28px rgba(62,0,228,.15),
    inset 0 1px 0 rgba(255,255,255,.10) !important;
}

/* بخش تصویر */
.irx-strip .irx-pcard__img{
  aspect-ratio: 1/1;
  background: rgba(0,0,0,.14) !important;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.irx-strip .irx-pcard__img img{
  width:100%;
  height:100%;
  object-fit: contain;
  transform: scale(.98);
}

/* متن‌ها */
.irx-strip .irx-pcard__body{
  padding: 12px 12px 14px !important;
  display:flex;
  flex-direction:column;
  gap: 10px;
}
.irx-strip .irx-pcard__title{
  margin:0 !important;
  font-weight: 900;
  color:#fff;
  font-size: 14px;
  line-height: 1.65;
  min-height: 46px;
  overflow:hidden;
  display:-webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* قیمت و موجودی */
.irx-strip .irx-pcard__row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 10px;
}

.irx-strip .irx-pcard__price{
  font-weight: 900;
  font-size: 13.5px;
  color: rgba(255,255,255,.92);
  white-space: nowrap;
}

.irx-strip .irx-stock{
  font-size: 12px;
  font-weight: 900;
  padding: 7px 12px;
  border-radius: 999px;
  border: 1px solid rgba(90,255,200,.35);
  background: rgba(20,255,170,.10);
  color: rgba(220,255,245,.95);
  white-space: nowrap;
}

/* ===== ریسپانسیو بهتر ===== */
@media (max-width: 380px){
  .irx-strip{ margin-bottom: 26px !important; }
  .irx-strip .irx-pcard{ flex-basis: 82%; max-width:82%; }
  .irx-strip .irx-strip__nav button{ width:40px !important; height:40px !important; border-radius:14px !important; }
}
@media (min-width: 600px){
  .irx-strip .irx-pcard{ flex-basis: 46%; max-width:46%; }
}
@media (min-width: 980px){
  .irx-strip{
    margin-bottom: 30px !important;
    padding: 20px 16px 20px !important;
  }
  .irx-strip .irx-pcard{ flex-basis: 28%; max-width:28%; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-75fca71 *//* مخفی کردن دکمه "اطلاعات بیشتر" داخل کارت‌های IRX */
.irx-strip .irx-pcard a.irx-pcard__btn,
.irx-strip .irx-pcard__btn,
.irx-pcard a.irx-pcard__btn,
a.irx-pcard__btn{
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* اگر دکمه داخل یک ردیف جداست و جای خالی می‌مونه */
.irx-strip .irx-pcardrow:has(a.irx-pcardbtn){
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
}/* End custom CSS */