.elementor-24 .elementor-element.elementor-element-250f0e7{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:16px;--padding-bottom:16px;--padding-left:8px;--padding-right:8px;--z-index:10;}.elementor-24 .elementor-element.elementor-element-3513f2f{--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;--border-radius:35px 35px 35px 35px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-24 .elementor-element.elementor-element-3e6db62{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-4px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-24 .elementor-element.elementor-element-e1655e2{--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-24 .elementor-element.elementor-element-e1655e2.e-con{--align-self:center;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-24 .elementor-element.elementor-element-323e89d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -20px;text-align:center;}.elementor-24 .elementor-element.elementor-element-323e89d img{width:60%;}.elementor-24 .elementor-element.elementor-element-98e7689{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-24 .elementor-element.elementor-element-98e7689.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-24 .elementor-element.elementor-element-8dd7404 .elementor-menu-toggle{margin:0 auto;}.elementor-24 .elementor-element.elementor-element-8dd7404 .elementor-nav-menu .elementor-item{font-family:"Nunito", Sans-serif;font-weight:400;}.elementor-24 .elementor-element.elementor-element-8dd7404 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-24 .elementor-element.elementor-element-8dd7404 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-24 .elementor-element.elementor-element-8dd7404 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-24 .elementor-element.elementor-element-8dd7404 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-24 .elementor-element.elementor-element-8dd7404 .elementor-nav-menu--main .elementor-item:focus{color:#E0C15D;fill:#E0C15D;}.elementor-24 .elementor-element.elementor-element-8dd7404 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#E0C15D;}.elementor-24 .elementor-element.elementor-element-26b8706{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-end;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:-40px;--z-index:15;}.elementor-24 .elementor-element.elementor-element-26b8706.e-con{--align-self:center;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-24 .elementor-element.elementor-element-9c4ef7c .elementor-button{background-color:#0E6B42;font-family:"Roboto", Sans-serif;font-size:35px;font-weight:500;border-radius:25px 25px 25px 25px;padding:4px 4px 4px 4px;}.elementor-24 .elementor-element.elementor-element-9c4ef7c .elementor-button:hover, .elementor-24 .elementor-element.elementor-element-9c4ef7c .elementor-button:focus{background-color:#876223;}.elementor-24 .elementor-element.elementor-element-9c4ef7c{z-index:1;}.elementor-24 .elementor-element.elementor-element-6b239bd{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-end;}.elementor-24 .elementor-element.elementor-element-6b239bd.e-con{--align-self:center;}.elementor-24 .elementor-element.elementor-element-685e332 .elementor-button{background-color:#0E6B42;font-family:"Nunito", Sans-serif;font-weight:500;border-radius:25px 25px 25px 25px;padding:5px 5px 5px 15px;}.elementor-24 .elementor-element.elementor-element-685e332 .elementor-button:hover, .elementor-24 .elementor-element.elementor-element-685e332 .elementor-button:focus{background-color:#876223;}.elementor-24 .elementor-element.elementor-element-685e332 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-24 .elementor-element.elementor-element-685e332 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-24 .elementor-element.elementor-element-03cbeac{--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;--border-radius:35px 35px 35px 35px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-24 .elementor-element.elementor-element-20e04b5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-24 .elementor-element.elementor-element-20e04b5:not(.elementor-motion-effects-element-type-background), .elementor-24 .elementor-element.elementor-element-20e04b5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #00000008 0%, #FFFFFF00 100%);}.elementor-24 .elementor-element.elementor-element-6192208{--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-24 .elementor-element.elementor-element-6192208.e-con{--align-self:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-24 .elementor-element.elementor-element-80a821e{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-end;}.elementor-24 .elementor-element.elementor-element-80a821e.e-con{--align-self:center;}.elementor-24 .elementor-element.elementor-element-feded9a .elementor-button{background-color:#0E6B42;font-family:"Nunito", Sans-serif;font-weight:500;border-radius:25px 25px 25px 25px;padding:5px 5px 5px 15px;}.elementor-24 .elementor-element.elementor-element-feded9a .elementor-button:hover, .elementor-24 .elementor-element.elementor-element-feded9a .elementor-button:focus{background-color:#876223;}.elementor-24 .elementor-element.elementor-element-feded9a .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-24 .elementor-element.elementor-element-feded9a .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-24 .elementor-element.elementor-element-14b6ef8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-24 .elementor-element.elementor-element-1c20372 .elementor-button{background-color:#FFFFFF;font-family:"M PLUS Rounded 1c", Sans-serif;font-weight:500;}.elementor-24 .elementor-element.elementor-element-1c20372 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-24 .elementor-element.elementor-element-1c20372 .elementor-button .elementor-button-content-wrapper{gap:4px;}.elementor-24 .elementor-element.elementor-element-2f69ebf{--display:flex;}.elementor-24 .elementor-element.elementor-element-0cf69b0{--display:flex;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-24 .elementor-element.elementor-element-03cbeac{--border-radius:0px 0px 0px 0px;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;--z-index:10;}.elementor-24 .elementor-element.elementor-element-20e04b5.e-con{--align-self:center;}.elementor-24 .elementor-element.elementor-element-6192208{--width:100px;}.elementor-24 .elementor-element.elementor-element-d48b9f1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 5px;text-align:left;}.elementor-24 .elementor-element.elementor-element-d48b9f1 img{width:60%;}.elementor-24 .elementor-element.elementor-element-80a821e{--width:230px;}.elementor-24 .elementor-element.elementor-element-feded9a{margin:0px -45px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-24 .elementor-element.elementor-element-14b6ef8{--min-height:50px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-24 .elementor-element.elementor-element-1c20372 .elementor-button{font-size:16px;}}@media(min-width:768px){.elementor-24 .elementor-element.elementor-element-250f0e7{--content-width:1600px;}.elementor-24 .elementor-element.elementor-element-3513f2f{--width:1200px;}.elementor-24 .elementor-element.elementor-element-e1655e2{--width:25%;}.elementor-24 .elementor-element.elementor-element-98e7689{--width:64%;}.elementor-24 .elementor-element.elementor-element-26b8706{--width:10%;}.elementor-24 .elementor-element.elementor-element-6b239bd{--width:25%;}.elementor-24 .elementor-element.elementor-element-03cbeac{--width:80%;}.elementor-24 .elementor-element.elementor-element-6192208{--width:25%;}.elementor-24 .elementor-element.elementor-element-80a821e{--width:25%;}}/* Start custom CSS for button, class: .elementor-element-9c4ef7c */.rotate-hover-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;   /* یا اندازه دلخواه آیکن */
  height: 32px;
  transition: transform 0.3s ease;
  transform-origin: center center; /* نکته مهم برای چرخش در جا */
}

.rotate-hover-icon:hover {
  transform: rotate(90deg);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-685e332 */.rotate-icon-btn .elementor-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.rotate-icon-btn .elementor-button-icon {
  font-size: 32px;
  transition: transform 0.3s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transform-origin: center center; /* مهم: نقطه‌ی چرخش وسط آیکن */
  width: 32px;
  height: 32px;
}

.rotate-icon-btn .elementor-button:hover .elementor-button-icon {
  transform: rotate(45deg);
}

span.elementor-button-text {
    align-self: center;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3513f2f *//* شیشه‌ای کردن منوی بازشونده */
.glassy-menu{
    height: 60px;
    align-content: center;
  background: rgba(25, 25, 25, 0.6); /* رنگ شفاف تیره */
  backdrop-filter: blur(7px);       /* افکت شیشه‌ای */

}

/* رنگ و استایل آیتم‌های منو */
.glassy-menu .elementor-nav-menu--dropdown a {
  color: #ffffff;
  padding: 10px 15px;
  font-weight: 400;
  display: flex;
  align-items: center;
  gap: 10px;
  transition: background 0.2s ease;
  border-radius: 12px;
}

/* هاور آیتم */
.glassy-menu .elementor-nav-menu--dropdown a:hover {
  background: rgba(255, 255, 255, 0.1);
}

/* آیکن‌ها (در صورتی که با کلاس اضافه شدن) */
.glassy-menu .menu-icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e9c0bb1 *//* ===== Desktop-only mega menus (no JS) ===== */

/* 0) متغیرها را بیرون مدیاکوئری تعریف می‌کنیم تا در فرانت هم حتماً اعمال شوند */
:root{
  --header-h: 120px;   /* عمودی: ارتفاع هدر — اعداد شما */
  --services-left: 560px;  /* افقی: Services — اعداد شما */
  --lilo-left: 880px;      /* افقی: Lilo — اعداد شما */

  --panel-w: 230px;   /* عرض پنل — اعداد شما */
  --panel-pad: 20px;  /* پدینگ — اعداد شما */

  /* تاخیرها (قابل تنظیم) */
  --hide-delay: .28s;     /* دیرتر بسته شود */
  --anim-dur: .18s;
}

/* 1) فقط دسکتاپ/ماوس */
@media (hover:hover) and (pointer:fine) {

  /* پانل‌های مگا‌منو */
  .mega-panel{
    position: fixed;
    top: calc(var(--header-h));
    left: 0;
    width: var(--panel-w);
    background: rgba(255,255,255,0.08);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    border-radius: 30px;
    padding: var(--panel-pad);
    z-index: 99999;

    opacity: 0;
    pointer-events: none;
    transform: translateX(var(--x,0)) translateY(12px);
    transition:
      opacity var(--anim-dur) ease var(--hide-delay),   /* تاخیر موقع پنهان شدن */
      transform var(--anim-dur) ease var(--hide-delay);
    will-change: opacity, transform;
  }

  /* وقتی باز است: تاخیر صفر تا سریع باز شود */
  body:has(.popup-services:hover) #mega-services,
  body:has(#mega-services:hover) #mega-services,
  body:has(.popup-lilo:hover) #mega-lilo,
  body:has(#mega-lilo:hover) #mega-lilo{
    opacity: 1;
    pointer-events: auto;
    transform: translateX(var(--x)) translateY(0);
    transition:
      opacity var(--anim-dur) ease 0s,
      transform var(--anim-dur) ease 0s;
  }

  /* آیتم‌ها داخل پنل */
  .mega-panel .mega-item{
    display: grid;
    grid-template-columns: 30px 1fr; /* آیکن‌ها را 30 گذاشتی؛ هماهنگ شد */
    align-items: center;
    gap: 12px;
    padding: 10px 6px;
    text-decoration: none;
  }
  .mega-panel .mega-item img{ width:30px; height:30px; object-fit:contain; }
  .mega-panel .mega-item span{
    font-family: Nunito, IRANSans, sans-serif;
    font-weight: 200; font-size: 18px; color: #fff;
    line-height: 1.3;
  }

  /* Services تک‌خطی + اگر جا نشد … */
  #mega-services .mega-item span{
    white-space: nowrap;
    overflow: hidden; text-overflow: ellipsis;
  }

  /* پل نامرئی روی خودِ پنل (برای عبور موس) */
  .mega-panel::before{
    content:"";
    position:absolute;
    left:0; right:0;
    top:-28px; height:28px;  /* از 14px به 28px افزایش دادیم */
  }

  /* پل نامرئی روی خود آیتم‌های منو (برای پر کردن فاصله‌ی منو تا پنل) */
  li.popup-services:hover::after,
  a.popup-services:hover::after,
  li.popup-lilo:hover::after,
  a.popup-lilo:hover::after{
    content:"";
    position: fixed;
    left: 0;
    width: 1px; height: 1px; /* ابعاد اهمیتی ندارد؛ فقط وجودش شرط :has را نگه می‌دارد */
    top: calc(var(--header-h) + 1px); /* دقیقاً ابتدای پنل */
    pointer-events: none;
  }

  /* جای هر پنل (افقی) */
  #mega-services{ --x: var(--services-left); }
  #mega-lilo{ --x: var(--lilo-left); }

  /* پوشش کلاس‌ها روی <li> یا <a> */
  body:has(li.popup-services:hover) #mega-services,
  body:has(a.popup-services:hover) #mega-services{}
  body:has(li.popup-lilo:hover) #mega-lilo,
  body:has(a.popup-lilo:hover) #mega-lilo{}

  /* فقط دسکتاپ */
  @media (max-width: 1024px){
    .mega-panel{ display: none !important; }
  }
}

/* 2) اگر صفحه‌ی اصلی CSS دیگری روی top می‌نویسد، این نسخه را هم فعال کن */
.mega-panel{ top: calc(var(--header-h)) !important; }

/* 3) اگر در ادیتور المنتور تنظیماتی جدا می‌خواهی: */
.elementor-editor-active :root{
  /* مثال: در ادیتور پنل را 80px پایین‌تر نگه دار */
  /* --header-h: 80px; */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7a61819 *//* نقطهٔ لنگر */
.glassy-menu { position: relative; overflow: visible; }

/* === Inline Search (زیر منو، بدون اوورلی) === */
:root{
  --es-green: #0E6B42;
  --es-radius: 10px;
  --es-h: 48px;
}

/* پنل: زیر منو و سمت راست */
#header-search-panel.es-inline{
  position: absolute;
  top: 100%;
  right: 350px;
  width: min(480px, 92vw);
  padding: .5rem 0;
  opacity: 0; pointer-events: none;
  transform: translateY(-8px);
  transition: opacity .22s ease, transform .22s ease;
  z-index: 9999;
}
#header-search-panel.es-inline.open{
  opacity: 1; pointer-events: auto; transform: none;
}

/* فرم */
#header-search-panel .es-bar{
  display: grid; grid-template-columns: 1fr auto; gap: .6rem;
  background: transparent;
}

/* ورودی */
#header-search-panel .es-input-wrap{ position: relative; }
#header-search-panel input[type="search"]{
  width: 100%; height: var(--es-h);
  border-radius: var(--es-radius);
  border: 1.5px solid var(--es-green);
  background: #fff; color: #111; outline: none;
  padding: 0 calc(38px + 20px + 8px) 0 14px; /* جا برای ضربدر */
  font-size: 16px;
}

/* Placeholder با فونت Nunito المنتور */
#header-search-panel input[type="search"]::placeholder{
  font-family: 'Nunito', sans-serif;
  font-size: 16px; font-weight: 200; color: #9aa0a6;
}

/* دکمه بستن (X) — وسط عمودی */
#header-search-panel .es-clear{
  position: absolute;
  right: 8px; top: 50%; transform: translateY(-50%);
  width: 38px; height: 38px;
  border: 0; background: transparent; padding: 0;
  display: grid; place-items: center; cursor: pointer;
  line-height: 0;
}
#header-search-panel .es-clear img{
  width: 18px; height: 18px; display: block;
}

/* دکمه ارسال (گرد سبز) */
#header-search-panel .es-submit{
  width: 46px; height: 46px;
  border: 0; border-radius: 999px;
  background: var(--es-green);
  cursor: pointer; display: grid; place-items: center;
  padding: 0; box-shadow: 0 4px 16px rgba(0,0,0,.2);
}

/* آیکن سرچ کل محوطه دکمه را بگیرد */
#header-search-panel .es-submit img{
  width: 100%; height: 100%;
  display: block; object-fit: contain;
}

@media (max-width: 767px){
  :root{ --es-h: 44px; }
  #header-search-panel .es-submit{ width: 50px; height: 50px; }
}

/* مخفی کردن دکمه clear پیش‌فرض مرورگر در input[type="search"] */
#header-search-panel input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
  display: none;
}

#header-search-panel input[type="search"]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

#header-search-panel input[type="search"]::-moz-clear {
  display: none;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-feded9a */.rotate-icon-btn .elementor-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.rotate-icon-btn .elementor-button-icon {
  font-size: 32px;
  transition: transform 0.3s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transform-origin: center center; /* مهم: نقطه‌ی چرخش وسط آیکن */
  width: 32px;
  height: 32px;
}

.rotate-icon-btn .elementor-button:hover .elementor-button-icon {
  transform: rotate(45deg);
}

span.elementor-button-text {
    align-self: center;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-03cbeac *//* گرادیانت از #171717 در بالا تا شفاف در پایین، به‌صورت اورلی */
.gradient-top-fade {
  position: relative;
  overflow: hidden;
}
.gradient-top-fade::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    #171717 0%,
    rgba(23,23,23,0.6) 35%,
    rgba(23,23,23,0.25) 65%,
    rgba(23,23,23,0) 100%
  );
  z-index: 0;
}
/* محتوا بالاتر از اورلی بایستد */
.gradient-top-fade > .elementor-container,
.gradient-top-fade > .e-con {
  position: relative;
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-1c20372 *//* === Floating Mobile Menu Button (Elementor) === */
.mobile-menu-fab {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: calc(16px + env(safe-area-inset-bottom)); /* safe area برای آیفون */
  z-index: 9999;
}

.mobile-menu-fab .elementor-button {
  display: inline-flex;
  align-items: center;
  gap: 12px;               /* فاصله متن تا آیکن */
  padding: 8px 8px 8px 16px;
  height: 54px;            /* تاچ‌منطقه مناسب */
  background: #ffffff;     /* کپسول سفید مثل تصویر */
  color: #0b5f3b;          /* رنگ متن نزدیک به سبز تیره */
  border-radius: 999px;    /* کپسولی */
  box-shadow: 0 8px 24px rgba(0,0,0,.18);
  font-weight: 700;
  line-height: 1;
  border: 0;
}


/* افکت هاور/تاچ کوچک */
.mobile-menu-fab .elementor-button:hover,
.mobile-menu-fab .elementor-button:focus {
  transform: translateX(-0px) translateY(-2px);
  box-shadow: 0 12px 28px rgba(0,0,0,.22);
}

/* متن کمی جمع‌وجور و وسط‌چین عمودی */
.mobile-menu-fab .elementor-button .elementor-button-text {
  transform: translateY(1px);
}


/* فقط موبایل نمایش داده شود (اگر از Responsive خود المنتور استفاده نکردی) */
@media (min-width: 768px){
  .mobile-menu-fab { display: none; }
}

.mobile-menu-fab .elementor-button .elementor-button-icon svg {
  width: 38px;
  height: 38px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14b6ef8 *//* افکت شیشه‌ای زیر دکمه تا پایین موبایل */
@media (max-width: 768px){
.elementor-24 .elementor-element.elementor-element-14b6ef8 {
  content: "";
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;

  background: rgba(255, 255, 255, 0.12); /* لایه شفاف */
  backdrop-filter: blur(1px) saturate(160%);
  -webkit-backdrop-filter: blur(12px) saturate(160%);
  z-index: 1; /* یک لایه زیر دکمه بمونه */
  pointer-events: none; /* تا کلیک دکمه مختل نشه */
}
}/* End custom CSS */
/* Start custom CSS */:root{
  --btn-h: 54px;
  --btn-bottom: calc(16px + env(safe-area-inset-bottom));
  --mask-bg: #171717;
  --accent: #0b5f3b;
}

/* Floating button */
.mobile-menu-fab{ position:fixed; left:50%; transform:translateX(-50%); bottom:var(--btn-bottom); z-index:9999; }
.mobile-menu-fab .elementor-button{
  display:inline-flex; align-items:center; gap:12px;
  padding:8px 8px 8px 16px; height:var(--btn-h);
  background:#fff; color:#0b5f3b; border-radius:999px; border:0;
  box-shadow:0 8px 24px rgba(0,0,0,.18); font-weight:700; line-height:1;
}
.mobile-menu-fab .elementor-button .elementor-button-icon{ display:none!important; }
.mobile-menu-fab .elementor-button::after{
  content:""; width:42px; height:42px; border-radius:50%; flex:0 0 42px;
  background:
    linear-gradient(#fff,#fff) center 35%/18px 3px no-repeat,
    linear-gradient(#fff,#fff) center      /18px 3px no-repeat,
    linear-gradient(#fff,#fff) center 65%/18px 3px no-repeat,
    var(--accent);
  transition: transform .28s ease, background .2s ease;
}

/* Mask (grow/shrink from button) */
.mmask{
  position:fixed; inset:0; z-index:9990;
  background:var(--mask-bg);
  clip-path:circle(0 at 50% calc(100% - var(--btn-bottom) - (var(--btn-h)/2)));
  opacity:1; pointer-events:none;
  transition:clip-path .90s cubic-bezier(.2,.8,.2,1);
}

/* Menu layer */
.mnav{
  position:fixed; inset:0; z-index:9991;
  display:grid; place-items:center;
  opacity:0; pointer-events:none;
  transition:opacity .30s ease;
}

.mnav-root{ list-style:none; margin:0; padding:0; display:grid; gap:22px; justify-items:center; text-align:center; }
.mnav-root>.mitem{ opacity:0; transform:translateY(8px); transition:transform .45s ease, opacity .45s ease; }
.mnav-root>.mitem:nth-child(1){transition-delay:.10s;} .mnav-root>.mitem:nth-child(2){transition-delay:.15s;}
.mnav-root>.mitem:nth-child(3){transition-delay:.20s;} .mnav-root>.mitem:nth-child(4){transition-delay:.25s;}
.mnav-root>.mitem:nth-child(5){transition-delay:.30s;}

.mnav a{ text-decoration:none; color:#fff; }
.mnav-root>.mitem>a{
  display:inline-block;
  font-family:'M PLUS Rounded 1c', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  font-weight:500; font-size:28px; line-height:1.2; padding:4px 10px; background:transparent;
}

/* حذف آیکن کناری */
.mparent{ position:relative; padding-right:0!important; }
.mparent .chev{ display:none!important; }

/* Submenus (collapsed by default) */
.mnav-sub{
  list-style:none; margin:0; padding:0; display:block; overflow:hidden;
  max-height:0; opacity:0; transform:translateY(-4px);
  transition:max-height .35s ease, opacity .25s ease, transform .35s ease;
}
.mnav-sub li{ display:block; }
.mnav-sub a{
  display:inline-block;
  font-family:'M PLUS Rounded 1c', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  font-weight:200; font-size:28px; line-height:1.3; padding:6px 10px; color:#fff;
}
.mitem.open>.mnav-sub{ max-height:480px; opacity:1; transform:none; margin-top:10px; }

/* OPEN state */
body.menu-open .mmask{
  clip-path:circle(150vmax at 50% calc(100% - var(--btn-bottom) - (var(--btn-h)/2)));
  pointer-events:auto;
}
body.menu-open .mnav{ opacity:1; pointer-events:auto; }
body.menu-open .mnav-root>.mitem{ opacity:1; transform:none; }

body.menu-open .mobile-menu-fab .elementor-button::after{
  background:url('https://liloagro.com/wp-content/uploads/2025/07/arrow-up-right-01-sharp-1-1.svg') center/35px 35px no-repeat, var(--accent);
  transform:scale(1.02);
}

/* Mobile only */
@media (min-width:768px){ .mmask, .mnav, .mobile-menu-fab{ display:none; } }/* End custom CSS */