.elementor-3788 .elementor-element.elementor-element-52c2ac8{margin:-67px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3788 .elementor-element.elementor-element-a85d30f{border-style:double;border-color:#BBA2A2;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3788 .elementor-element.elementor-element-5d5a1dc{width:100%;max-width:100%;}.elementor-3788 .elementor-element.elementor-element-5d5a1dc > .elementor-widget-container{border-style:double;border-width:4px 4px 4px 4px;border-color:#805555;}.elementor-3788 .elementor-element.elementor-element-7812b6c{margin:12px 0px 0px 0px;}.elementor-3788 .elementor-element.elementor-element-1e7c5f0{margin:25px 0px 0px 0px;}.elementor-3788 .elementor-element.elementor-element-a9e4479{width:100%;max-width:100%;}.elementor-3788 .elementor-element.elementor-element-37b8af2{margin:21px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3788 .elementor-element.elementor-element-3c63d8e{width:100%;max-width:100%;}.elementor-3788 .elementor-element.elementor-element-cfb0b53{margin:-13px 0px 0px 0px;}.elementor-3788 .elementor-element.elementor-element-f027974{width:100%;max-width:100%;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:767px){.elementor-3788 .elementor-element.elementor-element-52c2ac8{margin:-63px 0px 0px 0px;}.elementor-3788 .elementor-element.elementor-element-37b8af2{margin:25px 0px 0px 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-687fbd3 *//* سکشن باید لایه‌پذیر باشد */
.elementor-3788 .elementor-element.elementor-element-687fbd3{
  position: relative;
  overflow: visible !important;
}

/* لایه موج: تمام‌عرض واقعی + پشت محتوا */
.elementor-3788 .elementor-element.elementor-element-687fbd3 .md-wave-layer{
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -50vw;     /* کلید Full-bleed */
  width: 100vw;
  height: 64px;           /* ضخامت موج (کم) */
  z-index: 0;
  pointer-events: none;
}

/* SVG تمام‌عرض و نازک بماند */
.elementor-3788 .elementor-element.elementor-element-687fbd3 .md-wave-layer svg{
  display: block;
  width: 100%;
  height: 100%;
  filter: drop-shadow(0 10px 18px rgba(15,23,42,.10));
  transform: scaleX(1.25); /* عریض‌تر بدون ضخیم شدن */
  transform-origin: center;
}

/* محتوا همیشه روی موج */
.elementor-3788 .elementor-element.elementor-element-687fbd3 > .elementor-container,
.elementor-3788 .elementor-element.elementor-element-687fbd3 > .e-con-inner{
  position: relative;
  z-index: 2;
}

/* فاصله تا موج روی متن نیفتد */
.elementor-3788 .elementor-element.elementor-element-687fbd3{
  padding-top: 72px;   /* متناسب با height موج */
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-7812b6c *//* =========================================================
   MugDost MAG - Product Slider Mobile Fix (Elementor)
   Apply class: mdx-prod-slider  (on the section)
========================================================= */

/* دسکتاپ را دست نمی‌زنیم */
@media (max-width: 767px){

  /* 1) کل سکشن را تک‌ستونه کن */
  .mdx-prod-slider .elementor-container,
  .mdx-prod-slider .e-con-inner,
  .mdx-prod-slider .elementor-row{
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }

  /* 2) همه ستون‌ها/کانتینرهای داخلی تمام‌عرض شوند */
  .mdx-prod-slider .elementor-column,
  .mdx-prod-slider .elementor-widget-wrap,
  .mdx-prod-slider .e-con{
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  /* 3) ستون عنوان/فلش‌ها بیاید بالا */
  .mdx-prod-slider .elementor-column:first-child{
    order: 1 !important;
  }
  .mdx-prod-slider .elementor-column:last-child{
    order: 2 !important;
  }

  /* 4) فاصله‌های عجیب که باعث فضای خالی می‌شود حذف شود */
  .mdx-prod-slider .elementor-widget-wrap{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* 5) عنوان + فلش‌ها: در موبایل افقی و مرتب */
  .mdx-prod-slider h2,
  .mdx-prod-slider .elementor-heading-title{
    margin: 0 0 10px !important;
    text-align: right !important;
  }

  /* اگر فلش‌ها داخل یک ویجت/دکمه هستند: کنار هم و کوچک */
  .mdx-prod-slider button,
  .mdx-prod-slider .mdx-nav-btn,
  .mdx-prod-slider .swiper-button-next,
  .mdx-prod-slider .swiper-button-prev{
    width: 42px !important;
    height: 42px !important;
    border-radius: 14px !important;
  }

  /* 6) خود ریل/لیست کارت‌ها: اسکرول افقی */
  .mdx-prod-slider .mdx-prod-track,
  .mdx-prod-slider .swiper-wrapper,
  .mdx-prod-slider .elementor-loop-container{
    display: flex !important;
    gap: 12px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scroll-snap-type: x mandatory !important;
    padding-bottom: 10px !important;
  }

  /* 7) کارت‌ها: یک کارت + قسمتی از بعدی */
  .mdx-prod-slider .mdx-prod-card,
  .mdx-prod-slider .swiper-slide,
  .mdx-prod-slider .elementor-post{
    flex: 0 0 82% !important;
    max-width: 82% !important;
    scroll-snap-align: start !important;
  }

  @media (max-width: 420px){
    .mdx-prod-slider .mdx-prod-card,
    .mdx-prod-slider .swiper-slide,
    .mdx-prod-slider .elementor-post{
      flex-basis: 88% !important;
      max-width: 88% !important;
    }
  }

  /* اسکرول بار نرم */
  .mdx-prod-slider .mdx-prod-track::-webkit-scrollbar,
  .mdx-prod-slider .swiper-wrapper::-webkit-scrollbar{
    height: 6px;
  }
  .mdx-prod-slider .mdx-prod-track::-webkit-scrollbar-thumb,
  .mdx-prod-slider .swiper-wrapper::-webkit-scrollbar-thumb{
    background: rgba(15,23,42,.18);
    border-radius: 999px;
  }

}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-1e7c5f0 */.elementor-3788 .elementor-element.elementor-element-1e7c5f0{
  background:
    radial-gradient(1100px 520px at 12% 18%, rgba(15,61,46,.10), transparent 60%),
    radial-gradient(900px 520px at 86% 14%, rgba(214,177,94,.12), transparent 58%),
    radial-gradient(760px 420px at 50% 92%, rgba(30,92,109,.10), transparent 60%),
    #f7f7f5 !important;
}/* End custom CSS */