.elementor-kit-7{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* =====================================================
   Metamold: Liquid Glass classes for Elementor
   جای‌گذاری: Elementor > Site Settings > Custom CSS
   استفاده: در هر کانتینر یا ویجت، بخش Advanced > CSS Classes
   کلاس‌ها: mm-glass | mm-btn | mm-btn-glass | mm-round | mm-chip | mm-bg
   فونت: IRANSansX را در Elementor > Custom Fonts آپلود کنید (Variable: وزن ۱۰۰ تا ۹۰۰)
   ===================================================== */

:root{
  --mm-navy-950:#080E22;
  --mm-navy-900:#0C1533;
  --mm-navy:#192952;        /* رنگ لوگو */
  --mm-navy-700:#1F3466;
  --mm-navy-500:#2C4585;
  --mm-navy-300:#7C95D6;
  --mm-ice:#C9D6FF;
  --mm-muted:#B8C4E6;
  --mm-hair:rgba(255,255,255,.16);
  --mm-spring:cubic-bezier(.34,1.56,.64,1);
}

/* پس‌زمینه‌ی صفحه: کانتینر بیرونی صفحه را mm-bg بدهید */
.mm-bg{
  /* گرادیان‌های آبی #2563EB و نارنجی #EA580C روی سرمه‌ای برند. حرکتشان فقط در نسخه‌ی HTML است */
  background:
    radial-gradient(700px circle at 24% 26%, rgba(37,99,235,.5), transparent 62%),
    radial-gradient(600px circle at 74% 56%, rgba(234,88,12,.38), transparent 62%),
    radial-gradient(760px circle at 90% 0%, rgba(44,69,133,.6), transparent 62%),
    linear-gradient(180deg,#0B1330 0%,#152348 30%,#192952 55%,#0F1A3B 80%,#0C1533 100%);
  background-attachment:fixed;
}

/* شیشه‌ی مایع: کارت، هدر، چیپ، پنل */
.mm-glass{
  background:
    radial-gradient(120% 70% at 12% -12%, rgba(255,255,255,.17), transparent 56%),
    linear-gradient(140deg, rgba(255,255,255,.08), rgba(255,255,255,.02) 50%, rgba(255,255,255,.05)),
    rgba(25,41,82,.62) !important;
  -webkit-backdrop-filter:blur(24px) saturate(1.7);
  backdrop-filter:blur(24px) saturate(1.7);
  border:1px solid rgba(255,255,255,.15) !important;
  box-shadow:
    inset 0 1.5px 0 rgba(255,255,255,.55),
    inset 0 -1px 0 rgba(255,255,255,.12),
    inset 1.5px 0 0 rgba(255,255,255,.10),
    inset -1.5px 0 0 rgba(255,255,255,.10),
    0 26px 60px -22px rgba(3,8,26,.75);
}
.mm-glass.mm-pill{border-radius:999px}
.mm-glass.mm-lg{border-radius:28px}
.mm-glass.mm-xl{border-radius:36px}

/* دکمه‌ی اصلی (سفید) روی ویجت Button */
.mm-btn .elementor-button{
  border-radius:999px;color:#192952;font-weight:700;
  background:linear-gradient(180deg,#FFFFFF 0%,#D9E3FF 100%);
  box-shadow:inset 0 -3px 8px rgba(25,41,82,.16), inset 0 1.5px 0 #fff, 0 14px 34px -12px rgba(201,214,255,.55);
  transition:transform .4s var(--mm-spring), box-shadow .25s;
}
.mm-btn .elementor-button:hover{transform:translateY(-2px) scale(1.02)}
.mm-btn .elementor-button:active{transform:scale(.96)}

/* دکمه‌ی شیشه‌ای دوم */
.mm-btn-glass .elementor-button{
  border-radius:999px;color:#F4F7FF;font-weight:500;
  background:
    radial-gradient(120% 90% at 12% -20%, rgba(255,255,255,.30), transparent 60%),
    linear-gradient(140deg, rgba(255,255,255,.16), rgba(255,255,255,.06));
  border:1px solid rgba(255,255,255,.22);
  -webkit-backdrop-filter:blur(18px) saturate(1.6);
  backdrop-filter:blur(18px) saturate(1.6);
  box-shadow:inset 0 1.5px 0 rgba(255,255,255,.5);
  transition:transform .4s var(--mm-spring);
}
.mm-btn-glass .elementor-button:hover{transform:translateY(-2px)}

/* آیکن دایره‌ای (تماس، واتساپ، شبکه‌ها) روی ویجت Icon */
.mm-round .elementor-icon{
  width:46px;height:46px;display:grid;place-items:center;border-radius:50%;
  border:1px solid rgba(255,255,255,.2);color:#F4F7FF;
  background:linear-gradient(140deg, rgba(255,255,255,.16), rgba(255,255,255,.05));
  box-shadow:inset 0 1.5px 0 rgba(255,255,255,.45);
  transition:transform .4s var(--mm-spring);
}
.mm-round .elementor-icon:hover{transform:scale(1.08)}

/* چیپ کوچک (تعداد ویدئو، نام فصل) */
.mm-chip{
  display:inline-block;padding:0 12px;border-radius:999px;font-size:13px;line-height:2.1;
  background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.14);color:#B8C4E6;
}
.mm-chip.mm-free{background:#fff;color:#192952;font-weight:700;border-color:#fff}

/* آکاردئون المنتور با ظاهر شیشه‌ای */
.mm-acc .elementor-accordion-item{border:0;border-bottom:1px solid var(--mm-hair)}
.mm-acc .elementor-tab-title{padding:22px 0;font-weight:700;color:#F4F7FF}
.mm-acc .elementor-tab-content{border:0;color:#B8C4E6;padding:0 0 22px}
.mm-acc .elementor-accordion-icon{color:#B8C4E6}

/* موبایل: نوار ثابت قیمت (کانتینر را Position: Fixed، Bottom: 12px بگذارید) */
@media (max-width:1000px){
  .mm-mbar{background-color:rgba(15,26,59,.85) !important}
}

/* اگر مرورگر backdrop-filter نداشت */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .mm-glass{background:rgba(25,41,82,.94) !important}
}
@media (prefers-reduced-motion:reduce){
  .mm-btn .elementor-button,.mm-btn-glass .elementor-button,.mm-round .elementor-icon{transition:none}
}/* End custom CSS */