.elementor-183 .elementor-element.elementor-element-97b5c42{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-183 .elementor-element.elementor-element-8316177{--display:flex;--background-transition:0.3s;--border-radius:10px 10px 10px 10px;--margin-top:26px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-183 .elementor-element.elementor-element-8316177:hover{background-color:var( --e-global-color-e6e9805 );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;color:var( --e-global-color-primary );}.elementor-183 .elementor-element.elementor-element-31ecd37 .elementor-heading-title{font-family:"Vazirmatn Variable", Sans-serif;color:var( --e-global-color-text );}.elementor-183 .elementor-element.elementor-element-31ecd37 .elementor-heading-title a:hover, .elementor-183 .elementor-element.elementor-element-31ecd37 .elementor-heading-title a:focus{color:#FFFFFF;}.elementor-183 .elementor-element.elementor-element-fe61065{--display:flex;--background-transition:0.3s;--border-radius:10px 10px 10px 10px;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-183 .elementor-element.elementor-element-fe61065:hover{background-color:var( --e-global-color-e6e9805 );}.elementor-183 .elementor-element.elementor-element-d45dff4 .elementor-heading-title{font-family:"Vazirmatn Variable", Sans-serif;color:var( --e-global-color-text );}.elementor-183 .elementor-element.elementor-element-d45dff4 .elementor-heading-title a:hover, .elementor-183 .elementor-element.elementor-element-d45dff4 .elementor-heading-title a:focus{color:#FFFFFF;}.elementor-183 .elementor-element.elementor-element-78334d0{--display:flex;--background-transition:0.3s;--border-radius:10px 10px 10px 10px;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-183 .elementor-element.elementor-element-78334d0:hover{background-color:var( --e-global-color-e6e9805 );}.elementor-183 .elementor-element.elementor-element-2d6674f .elementor-heading-title{font-family:"Vazirmatn Variable", Sans-serif;color:var( --e-global-color-text );}.elementor-183 .elementor-element.elementor-element-2d6674f .elementor-heading-title a:hover, .elementor-183 .elementor-element.elementor-element-2d6674f .elementor-heading-title a:focus{color:#FFFFFF;}.elementor-183 .elementor-element.elementor-element-8f662db{--display:flex;--background-transition:0.3s;--border-radius:10px 10px 10px 10px;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-183 .elementor-element.elementor-element-8f662db:hover{background-color:var( --e-global-color-e6e9805 );}.elementor-183 .elementor-element.elementor-element-d0c132a .elementor-heading-title{font-family:"Vazirmatn Variable", Sans-serif;color:var( --e-global-color-text );}.elementor-183 .elementor-element.elementor-element-d0c132a .elementor-heading-title a:hover, .elementor-183 .elementor-element.elementor-element-d0c132a .elementor-heading-title a:focus{color:#FFFFFF;}.elementor-183 .elementor-element.elementor-element-39ee609{--display:flex;--background-transition:0.3s;--border-radius:10px 10px 10px 10px;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-183 .elementor-element.elementor-element-39ee609:hover{background-color:var( --e-global-color-e6e9805 );}.elementor-183 .elementor-element.elementor-element-95afad1 .elementor-heading-title{font-family:"Vazirmatn Variable", Sans-serif;color:var( --e-global-color-text );}.elementor-183 .elementor-element.elementor-element-95afad1 .elementor-heading-title a:hover, .elementor-183 .elementor-element.elementor-element-95afad1 .elementor-heading-title a:focus{color:#FFFFFF;}.elementor-183 .elementor-element.elementor-element-c93b2f2{--display:flex;--background-transition:0.3s;--border-radius:10px 10px 10px 10px;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-183 .elementor-element.elementor-element-c93b2f2:hover{background-color:var( --e-global-color-e6e9805 );}.elementor-183 .elementor-element.elementor-element-5d80778 .elementor-heading-title{font-family:"Vazirmatn Variable", Sans-serif;color:var( --e-global-color-text );}.elementor-183 .elementor-element.elementor-element-5d80778 .elementor-heading-title a:hover, .elementor-183 .elementor-element.elementor-element-5d80778 .elementor-heading-title a:focus{color:#FFFFFF;}#elementor-popup-modal-183{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-183 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-183 .dialog-close-button{display:flex;}#elementor-popup-modal-183 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}@media(min-width:768px){.elementor-183 .elementor-element.elementor-element-8316177{--width:100%;}.elementor-183 .elementor-element.elementor-element-fe61065{--width:100%;}.elementor-183 .elementor-element.elementor-element-78334d0{--width:100%;}.elementor-183 .elementor-element.elementor-element-8f662db{--width:100%;}.elementor-183 .elementor-element.elementor-element-39ee609{--width:100%;}.elementor-183 .elementor-element.elementor-element-c93b2f2{--width:100%;}}@media(max-width:767px){.elementor-183 .elementor-element.elementor-element-97b5c42{--content-width:90%;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-183 .elementor-element.elementor-element-31ecd37 .elementor-heading-title{font-size:15px;}.elementor-183 .elementor-element.elementor-element-d45dff4 .elementor-heading-title{font-size:15px;}.elementor-183 .elementor-element.elementor-element-2d6674f .elementor-heading-title{font-size:15px;}.elementor-183 .elementor-element.elementor-element-d0c132a .elementor-heading-title{font-size:15px;}.elementor-183 .elementor-element.elementor-element-95afad1 .elementor-heading-title{font-size:15px;}.elementor-183 .elementor-element.elementor-element-5d80778 .elementor-heading-title{font-size:15px;}#elementor-popup-modal-183{align-items:flex-start;}}/* Start custom CSS *//* ==========================================================================
   زعفران سبحان - پکیج کامل CSS پاپ‌آپ منو و منوی کشویی موبایل
   (Off-Canvas Mobile Menu, Popup Navigation, Drawer & Transitions)
   ========================================================================== */

/* --------------------------------------------------------------------------
   ۱. متغیرهای رنگ و تایپوگرافی منوی پاپ‌آپ
   -------------------------------------------------------------------------- */
:root {
  --sb-crimson: #5B0616;
  --sb-crimson-dark: #38040E;
  --sb-gold: #C8933E;
  --sb-gold-light: #F4EAD8;
  --sb-bg-card: #FAF6F0;
  --sb-border: #EADCC6;
  --sb-text-title: #2B2123;
  --sb-text-muted: #7E6F68;
  --sb-font-fa: 'Vazirmatn', 'Shabnam', Tahoma, sans-serif;
}

/* --------------------------------------------------------------------------
   ۲. لایه تیره و محو شیشه‌ای پس‌زمینه (Backdrop Overlay)
   -------------------------------------------------------------------------- */
.mobile-menu-overlay,
.elementor-menu-cart__container,
.dialog-type-lightbox,
.site-mobile-menu-backdrop {
  position: fixed !important;
  inset: 0 !important;
  background-color: rgba(32, 2, 7, 0.65) !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
  z-index: 99998 !important;
  transition: opacity 0.3s ease !important;
}

/* --------------------------------------------------------------------------
   ۳. کانتینر اصلی پاپ‌آپ منو (Popup / Drawer Body)
   -------------------------------------------------------------------------- */
.mobile-menu-popup,
.mobile-nav-drawer,
.elementor-nav-menu--dropdown,
.off-canvas-menu-wrapper {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 85% !important;
  max-width: 340px !important;
  height: 100vh !important;
  background: #FFFFFF !important;
  border-left: 2px solid var(--sb-gold) !important;
  box-shadow: -8px 0 30px rgba(0, 0, 0, 0.25) !important;
  z-index: 99999 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  padding: 0 !important;
  overflow-y: auto !important;
  direction: rtl !important;
  font-family: var(--sb-font-fa) !important;
  animation: sobhanDrawerSlide 0.35s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
}

@keyframes sobhanDrawerSlide {
  from {
    transform: translateX(100%);
    opacity: 0.5;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

/* --------------------------------------------------------------------------
   ۴. هدر بالای پاپ‌آپ منو (Menu Header & Close Button)
   -------------------------------------------------------------------------- */
.mobile-menu-header {
  background: linear-gradient(135deg, var(--sb-crimson), #44040F) !important;
  color: #FAF3E7 !important;
  padding: 18px 20px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  border-bottom: 2px solid var(--sb-gold) !important;
}

/* عنوان و لوگوی داخل منو */
.mobile-menu-header .brand-title {
  font-size: 15px !important;
  font-weight: 900 !important;
  color: #FAF3E7 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.mobile-menu-header .brand-title span {
  font-size: 10px !important;
  color: var(--sb-gold) !important;
  display: block !important;
  letter-spacing: 1px !important;
}

/* دکمه بستن منو (Close Button) */
.mobile-menu-close,
.mobile-menu-popup .close-btn {
  width: 34px !important;
  height: 34px !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.12) !important;
  border: 1px solid rgba(200, 147, 62, 0.4) !important;
  color: #FAF3E7 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 18px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.mobile-menu-close:hover {
  background: var(--sb-gold) !important;
  color: var(--sb-crimson) !important;
}

/* --------------------------------------------------------------------------
   ۵. لیست لینک‌ها و آیتم‌های منو (Menu Links & List)
   -------------------------------------------------------------------------- */
.mobile-menu-list,
.mobile-nav-drawer ul.menu {
  list-style: none !important;
  padding: 15px 12px !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  flex: 1 !important;
}

/* آیتم تکی منو */
.mobile-menu-list li,
.mobile-nav-drawer ul.menu > li {
  margin: 0 !important;
  padding: 0 !important;
}

.mobile-menu-list li a,
.mobile-nav-drawer ul.menu > li > a {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 12px 14px !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  color: var(--sb-text-title) !important;
  text-decoration: none !important;
  border-radius: 10px !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  transition: all 0.2s ease !important;
}

/* حالت هاور و تب فعال منو */
.mobile-menu-list li a:hover,
.mobile-menu-list li.current-menu-item > a,
.mobile-nav-drawer ul.menu > li.current-menu-item > a {
  background-color: var(--sb-bg-card) !important;
  border-color: var(--sb-border) !important;
  color: var(--sb-crimson) !important;
  padding-right: 18px !important; /* حرکت نرم به سمت چپ */
}

/* خط تزیینی زیر هر آیتم */
.mobile-menu-list li:not(:last-child) {
  border-bottom: 1px dashed rgba(234, 220, 198, 0.6) !important;
  padding-bottom: 4px !important;
}

/* --------------------------------------------------------------------------
   ۶. زیرمنوها در پاپ‌آپ (Dropdown & Sub-menus)
   -------------------------------------------------------------------------- */
.mobile-menu-list ul.sub-menu {
  list-style: none !important;
  padding: 6px 16px 6px 0 !important;
  margin: 4px 0 0 0 !important;
  border-right: 2px solid var(--sb-gold) !important;
}

.mobile-menu-list ul.sub-menu li a {
  font-size: 12.5px !important;
  font-weight: 600 !important;
  color: var(--sb-text-muted) !important;
  padding: 8px 12px !important;
}

.mobile-menu-list ul.sub-menu li a:hover {
  color: var(--sb-crimson) !important;
  background: #FAF3E7 !important;
}

/* --------------------------------------------------------------------------
   ۷. فوتر و بخش تماس سریع انتهای پاپ‌آپ منو (Menu Bottom CTA)
   -------------------------------------------------------------------------- */
.mobile-menu-footer {
  padding: 16px 18px 20px 18px !important;
  background: var(--sb-bg-card) !important;
  border-top: 1.5px solid var(--sb-border) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

/* دکمه تماس تلفنی درون منو */
.mobile-menu-footer .menu-call-btn {
  width: 100% !important;
  height: 42px !important;
  background: linear-gradient(135deg, var(--sb-crimson), #780C20) !important;
  color: #FAF3E7 !important;
  border: 1px solid var(--sb-gold) !important;
  border-radius: 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  box-shadow: 0 3px 10px rgba(91, 6, 22, 0.2) !important;
}

/* دکمه واتساپ */
.mobile-menu-footer .menu-whatsapp-btn {
  width: 100% !important;
  height: 40px !important;
  background: #FFFFFF !important;
  color: #2E6B34 !important;
  border: 1.5px solid #CDE7CD !important;
  border-radius: 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

/* --------------------------------------------------------------------------
   ۸. بهینه‌سازی برای انواع گوشی‌های کوچک (Screen Sizes < 380px)
   -------------------------------------------------------------------------- */
@media (max-width: 380px) {
  .mobile-menu-popup,
  .mobile-nav-drawer {
    width: 90% !important;
  }

  .mobile-menu-list li a {
    font-size: 12.5px !important;
    padding: 10px 12px !important;
  }
}/* End custom CSS */