.elementor-41856 .elementor-element.elementor-element-a52fdde{--display:flex;}/* Start custom CSS for html, class: .elementor-element-02cc08a */<style>
/* ─────────────────────────────────────────
   ۱) پایه سکشن‌ها
   ───────────────────────────────────────── */
.agh-sec{
  font-family:'Vazirmatn',-apple-system,'Segoe UI',Roboto,sans-serif;
  direction:rtl;            /* [RTL] — برای LTR: direction:ltr */
  text-align:right;         /* [RTL] — برای LTR: text-align:left */
  line-height:1.9;          /* [RTL] — برای LTR: 1.8 */
  color:var(--fl-text,#17212B);
  margin:0 auto 28px;
  max-width:1080px;
}

/* کارت شیشه‌ای اصلی — رنگ از متغیر قالب، در دارک‌مود خودکار تیره می‌شود */
.agh-glass{
  background:var(--fl-glass-bg,rgba(255,255,255,.42));
  border:1px solid var(--fl-glass-border,rgba(255,255,255,.38));
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border-radius:var(--fl-radius,20px);
  box-shadow:var(--fl-shadow,0 12px 40px rgba(0,0,0,.06));
  padding:28px;
}

/* ─────────────────────────────────────────
   ۲) تایپوگرافی
   ───────────────────────────────────────── */
.agh-sec h2{color:var(--fl-primary-dark,#1B3F63);font-size:1.65rem;margin:0 0 16px;font-weight:700}
.agh-sec h3{color:var(--fl-primary,#2D5F93);font-size:1.25rem;margin:24px 0 10px;font-weight:600}
.agh-sec h4{color:var(--fl-primary,#2D5F93);font-size:1.05rem;margin:18px 0 8px;font-weight:600}
.agh-sec p{margin:0 0 14px}
.agh-sec a{color:var(--fl-primary,#2D5F93);font-weight:600;text-decoration:none}
.agh-sec a:hover{color:var(--fl-accent-hover,#7C8B00)}

/* لیست‌ها */
.agh-list{padding-right:20px;margin:0 0 14px}   /* [RTL] — برای LTR: padding-left:20px */
.agh-list li{margin-bottom:8px}

/* بج (نشان کوچک بالای مقدمه) */
.agh-badge{
  display:inline-block;
  background:rgba(164,180,0,.14);
  color:#5d6600;
  border:1px solid rgba(164,180,0,.35);
  border-radius:30px;
  padding:3px 14px;
  font-size:.82rem;
  font-weight:700;
  margin-bottom:10px;
}

/* ─────────────────────────────────────────
   ۳) دکمه‌ها (CTA)
   ───────────────────────────────────────── */
.agh-btn{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--fl-primary,#2D5F93);
  color:#fff!important;
  padding:12px 26px;border-radius:14px;
  font-weight:700;transition:.3s;margin:6px 4px;
}
.agh-btn:hover{background:var(--fl-primary-dark,#1B3F63);transform:translateY(-2px)}
.agh-btn--accent{background:var(--fl-accent,#A4B400)}
.agh-btn--accent:hover{background:var(--fl-accent-hover,#7C8B00)}
.agh-btn--wa{background:#25D366}
.agh-btn--wa:hover{background:#1da851}

/* ─────────────────────────────────────────
   ۴) گرید و کارت‌ها
   ───────────────────────────────────────── */
.agh-grid{display:grid;gap:20px}
.agh-grid--2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.agh-grid--3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.agh-grid--5{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}

/* کارت محصول/کاربرد */
.agh-card{
  background:var(--fl-glass-bg,rgba(255,255,255,.42));
  border:1px solid var(--fl-glass-border,rgba(255,255,255,.38));
  border-radius:var(--fl-radius,20px);
  overflow:hidden;
  box-shadow:var(--fl-shadow,0 12px 40px rgba(0,0,0,.06));
  transition:.3s;
  display:flex;flex-direction:column;
}
.agh-card:hover{transform:translateY(-4px)}
.agh-card img{width:100%;height:200px;object-fit:cover;display:block}
.agh-card__body{padding:18px 20px;flex:1;display:flex;flex-direction:column}
.agh-card__body p{font-size:.92rem;color:var(--fl-text-light,#64748B);flex:1}

/* کارت کوچک سایز (صفحات با لیست ابعاد — مثل قالب فلزی) */
.agh-size{
  display:block;text-align:center;
  background:var(--fl-glass-bg,rgba(255,255,255,.55));
  border:1px solid var(--fl-glass-border,rgba(45,95,147,.15));
  border-radius:14px;overflow:hidden;transition:.25s;
}
.agh-size:hover{transform:translateY(-3px);box-shadow:var(--fl-shadow,0 12px 40px rgba(0,0,0,.06))}
.agh-size img{width:100%;height:90px;object-fit:cover;display:block}
.agh-size span{display:block;padding:8px 6px;font-weight:700;font-size:.88rem;color:var(--fl-primary-dark,#1B3F63)}

/* گالری ساده (نسخه‌های خارجی) */
.agh-gal img{width:100%;height:160px;object-fit:cover;border-radius:14px;display:block}

/* ─────────────────────────────────────────
   ۵) جدول‌ها
   ───────────────────────────────────────── */
.agh-table-wrap{overflow-x:auto;border-radius:var(--fl-radius,20px)}
.agh-table{
  width:100%;border-collapse:collapse;
  background:var(--fl-glass-bg,rgba(255,255,255,.6));  /* متغیر → دارک‌مود خودکار */
  font-size:.95rem;min-width:560px;
}
.agh-table th{
  background:var(--fl-primary,#2D5F93);color:#fff;
  padding:12px 14px;font-weight:700;
  text-align:right;        /* [RTL] — برای LTR: text-align:left */
}
.agh-table td{
  padding:11px 14px;
  border-bottom:1px solid rgba(45,95,147,.12);
  text-align:right;        /* [RTL] — برای LTR: text-align:left */
}
.agh-table tr:nth-child(even) td{background:rgba(45,95,147,.04)}

/* ─────────────────────────────────────────
   ۶) آکاردئون سؤالات متداول (FAQ)
   ───────────────────────────────────────── */
.agh-faq details{
  background:var(--fl-glass-bg,rgba(255,255,255,.55)); /* متغیر → دارک‌مود خودکار */
  border:1px solid var(--fl-glass-border,rgba(45,95,147,.15));
  border-radius:14px;margin-bottom:12px;overflow:hidden;
}
.agh-faq summary{
  cursor:pointer;padding:16px 20px;font-weight:700;
  color:var(--fl-primary-dark,#1B3F63);list-style:none;
}
.agh-faq summary::-webkit-details-marker{display:none}
.agh-faq summary::before{
  content:'+';
  float:left;              /* [RTL] — برای LTR: float:right */
  font-size:1.3rem;color:var(--fl-accent,#A4B400);font-weight:800;
}
.agh-faq details[open] summary::before{content:'−'}
.agh-faq .agh-faq__a{padding:0 20px 16px;color:var(--fl-text-light,#475569)}

/* ─────────────────────────────────────────
   ۷) جعبه فرمول/نکته برجسته
   استفاده: <div class="agh-formula" style="...">
   ───────────────────────────────────────── */
.agh-formula{
  background:rgba(45,95,147,.07);
  border:1px dashed var(--fl-primary,#2D5F93);
  border-radius:14px;padding:16px 20px;margin-bottom:14px;font-size:.95rem;
}

/* ─────────────────────────────────────────
   ۸) نوار CTA پایانی (گرادیان)
   ───────────────────────────────────────── */
.agh-cta-band{
  background:linear-gradient(135deg,var(--fl-primary,#2D5F93),var(--fl-primary-dark,#1B3F63));
  border-radius:var(--fl-radius,20px);
  padding:34px 28px;text-align:center;color:#fff;
}
.agh-cta-band h2{color:#fff}
.agh-cta-band p{color:rgba(255,255,255,.85)}

/* ═════════════════════════════════════════
   ۹) دارک‌مود 🌙
   قالب Glassmorphism PRO با کلاس .dark-mode متغیرها را عوض می‌کند:
   --fl-glass-bg → rgba(30,41,59,.72)   --fl-text → #f1f5f9
   --fl-primary → #60a5fa               --fl-text-light → #94a3b8
   چون پس‌زمینه‌ها متغیرمحورند، بیشترِ کار خودکار است؛
   این بلوک فقط رنگ‌های متنی/جزئیات را نهایی می‌کند.
   ═════════════════════════════════════════ */
.dark-mode .agh-sec{color:var(--fl-text,#f1f5f9)}

/* بج: سبز روشن‌تر روی زمینه تیره */
.dark-mode .agh-badge{
  background:rgba(196,214,0,.16);
  color:#d9e44c;
  border-color:rgba(196,214,0,.4);
}

/* جدول: خطوط و ردیف زوج با شفافیت سفید کم */
.dark-mode .agh-table{background:rgba(15,23,42,.55)}
.dark-mode .agh-table td{border-bottom-color:rgba(255,255,255,.08)}
.dark-mode .agh-table tr:nth-child(even) td{background:rgba(255,255,255,.04)}

/* FAQ: شیشه سرمه‌ای + عنوان آبی روشن + پاسخ خاکستری روشن */
.dark-mode .agh-faq details{
  background:var(--fl-glass-bg,rgba(30,41,59,.72));
  border-color:var(--fl-glass-border,rgba(255,255,255,.12));
}
.dark-mode .agh-faq summary{color:var(--fl-primary,#60a5fa)}
.dark-mode .agh-faq .agh-faq__a{color:var(--fl-text-light,#cbd5e1)}

/* کارت سایز */
.dark-mode .agh-size{
  background:var(--fl-glass-bg,rgba(30,41,59,.72));
  border-color:var(--fl-glass-border,rgba(255,255,255,.12));
}
.dark-mode .agh-size span{color:var(--fl-text,#f1f5f9)}

/* جعبه فرمول: آبی شفاف بر اساس رنگ primary دارک */
.dark-mode .agh-formula{
  background:rgba(96,165,250,.10)!important;
  border-color:var(--fl-primary,#60a5fa)!important;
}

/* ─────────────────────────────────────────
   ۱۰) ریسپانسیو موبایل
   ───────────────────────────────────────── */
@media(max-width:768px){
  .agh-glass{padding:20px 16px}
  .agh-sec h2{font-size:1.35rem}
}
</style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e91038b */<style>
/* ─────────────────────────────────────────
   ۱) پایه سکشن‌ها
   ───────────────────────────────────────── */
.agh-sec{
  font-family:'Vazirmatn',-apple-system,'Segoe UI',Roboto,sans-serif;
  direction:rtl;            /* [RTL] — برای LTR: direction:ltr */
  text-align:right;         /* [RTL] — برای LTR: text-align:left */
  line-height:1.9;          /* [RTL] — برای LTR: 1.8 */
  color:var(--fl-text,#17212B);
  margin:0 auto 28px;
  max-width:1080px;
}

/* کارت شیشه‌ای اصلی — رنگ از متغیر قالب، در دارک‌مود خودکار تیره می‌شود */
.agh-glass{
  background:var(--fl-glass-bg,rgba(255,255,255,.42));
  border:1px solid var(--fl-glass-border,rgba(255,255,255,.38));
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border-radius:var(--fl-radius,20px);
  box-shadow:var(--fl-shadow,0 12px 40px rgba(0,0,0,.06));
  padding:28px;
}

/* ─────────────────────────────────────────
   ۲) تایپوگرافی
   ───────────────────────────────────────── */
.agh-sec h2{color:var(--fl-primary-dark,#1B3F63);font-size:1.65rem;margin:0 0 16px;font-weight:700}
.agh-sec h3{color:var(--fl-primary,#2D5F93);font-size:1.25rem;margin:24px 0 10px;font-weight:600}
.agh-sec h4{color:var(--fl-primary,#2D5F93);font-size:1.05rem;margin:18px 0 8px;font-weight:600}
.agh-sec p{margin:0 0 14px}
.agh-sec a{color:var(--fl-primary,#2D5F93);font-weight:600;text-decoration:none}
.agh-sec a:hover{color:var(--fl-accent-hover,#7C8B00)}

/* لیست‌ها */
.agh-list{padding-right:20px;margin:0 0 14px}   /* [RTL] — برای LTR: padding-left:20px */
.agh-list li{margin-bottom:8px}

/* بج (نشان کوچک بالای مقدمه) */
.agh-badge{
  display:inline-block;
  background:rgba(164,180,0,.14);
  color:#5d6600;
  border:1px solid rgba(164,180,0,.35);
  border-radius:30px;
  padding:3px 14px;
  font-size:.82rem;
  font-weight:700;
  margin-bottom:10px;
}

/* ─────────────────────────────────────────
   ۳) دکمه‌ها (CTA)
   ───────────────────────────────────────── */
.agh-btn{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--fl-primary,#2D5F93);
  color:#fff!important;
  padding:12px 26px;border-radius:14px;
  font-weight:700;transition:.3s;margin:6px 4px;
}
.agh-btn:hover{background:var(--fl-primary-dark,#1B3F63);transform:translateY(-2px)}
.agh-btn--accent{background:var(--fl-accent,#A4B400)}
.agh-btn--accent:hover{background:var(--fl-accent-hover,#7C8B00)}
.agh-btn--wa{background:#25D366}
.agh-btn--wa:hover{background:#1da851}

/* ─────────────────────────────────────────
   ۴) گرید و کارت‌ها
   ───────────────────────────────────────── */
.agh-grid{display:grid;gap:20px}
.agh-grid--2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.agh-grid--3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.agh-grid--5{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}

/* کارت محصول/کاربرد */
.agh-card{
  background:var(--fl-glass-bg,rgba(255,255,255,.42));
  border:1px solid var(--fl-glass-border,rgba(255,255,255,.38));
  border-radius:var(--fl-radius,20px);
  overflow:hidden;
  box-shadow:var(--fl-shadow,0 12px 40px rgba(0,0,0,.06));
  transition:.3s;
  display:flex;flex-direction:column;
}
.agh-card:hover{transform:translateY(-4px)}
.agh-card img{width:100%;height:200px;object-fit:cover;display:block}
.agh-card__body{padding:18px 20px;flex:1;display:flex;flex-direction:column}
.agh-card__body p{font-size:.92rem;color:var(--fl-text-light,#64748B);flex:1}

/* کارت کوچک سایز (صفحات با لیست ابعاد — مثل قالب فلزی) */
.agh-size{
  display:block;text-align:center;
  background:var(--fl-glass-bg,rgba(255,255,255,.55));
  border:1px solid var(--fl-glass-border,rgba(45,95,147,.15));
  border-radius:14px;overflow:hidden;transition:.25s;
}
.agh-size:hover{transform:translateY(-3px);box-shadow:var(--fl-shadow,0 12px 40px rgba(0,0,0,.06))}
.agh-size img{width:100%;height:90px;object-fit:cover;display:block}
.agh-size span{display:block;padding:8px 6px;font-weight:700;font-size:.88rem;color:var(--fl-primary-dark,#1B3F63)}

/* گالری ساده (نسخه‌های خارجی) */
.agh-gal img{width:100%;height:160px;object-fit:cover;border-radius:14px;display:block}

/* ─────────────────────────────────────────
   ۵) جدول‌ها
   ───────────────────────────────────────── */
.agh-table-wrap{overflow-x:auto;border-radius:var(--fl-radius,20px)}
.agh-table{
  width:100%;border-collapse:collapse;
  background:var(--fl-glass-bg,rgba(255,255,255,.6));  /* متغیر → دارک‌مود خودکار */
  font-size:.95rem;min-width:560px;
}
.agh-table th{
  background:var(--fl-primary,#2D5F93);color:#fff;
  padding:12px 14px;font-weight:700;
  text-align:right;        /* [RTL] — برای LTR: text-align:left */
}
.agh-table td{
  padding:11px 14px;
  border-bottom:1px solid rgba(45,95,147,.12);
  text-align:right;        /* [RTL] — برای LTR: text-align:left */
}
.agh-table tr:nth-child(even) td{background:rgba(45,95,147,.04)}

/* ─────────────────────────────────────────
   ۶) آکاردئون سؤالات متداول (FAQ)
   ───────────────────────────────────────── */
.agh-faq details{
  background:var(--fl-glass-bg,rgba(255,255,255,.55)); /* متغیر → دارک‌مود خودکار */
  border:1px solid var(--fl-glass-border,rgba(45,95,147,.15));
  border-radius:14px;margin-bottom:12px;overflow:hidden;
}
.agh-faq summary{
  cursor:pointer;padding:16px 20px;font-weight:700;
  color:var(--fl-primary-dark,#1B3F63);list-style:none;
}
.agh-faq summary::-webkit-details-marker{display:none}
.agh-faq summary::before{
  content:'+';
  float:left;              /* [RTL] — برای LTR: float:right */
  font-size:1.3rem;color:var(--fl-accent,#A4B400);font-weight:800;
}
.agh-faq details[open] summary::before{content:'−'}
.agh-faq .agh-faq__a{padding:0 20px 16px;color:var(--fl-text-light,#475569)}

/* ─────────────────────────────────────────
   ۷) جعبه فرمول/نکته برجسته
   استفاده: <div class="agh-formula" style="...">
   ───────────────────────────────────────── */
.agh-formula{
  background:rgba(45,95,147,.07);
  border:1px dashed var(--fl-primary,#2D5F93);
  border-radius:14px;padding:16px 20px;margin-bottom:14px;font-size:.95rem;
}

/* ─────────────────────────────────────────
   ۸) نوار CTA پایانی (گرادیان)
   ───────────────────────────────────────── */
.agh-cta-band{
  background:linear-gradient(135deg,var(--fl-primary,#2D5F93),var(--fl-primary-dark,#1B3F63));
  border-radius:var(--fl-radius,20px);
  padding:34px 28px;text-align:center;color:#fff;
}
.agh-cta-band h2{color:#fff}
.agh-cta-band p{color:rgba(255,255,255,.85)}

/* ═════════════════════════════════════════
   ۹) دارک‌مود 🌙
   قالب Glassmorphism PRO با کلاس .dark-mode متغیرها را عوض می‌کند:
   --fl-glass-bg → rgba(30,41,59,.72)   --fl-text → #f1f5f9
   --fl-primary → #60a5fa               --fl-text-light → #94a3b8
   چون پس‌زمینه‌ها متغیرمحورند، بیشترِ کار خودکار است؛
   این بلوک فقط رنگ‌های متنی/جزئیات را نهایی می‌کند.
   ═════════════════════════════════════════ */
.dark-mode .agh-sec{color:var(--fl-text,#f1f5f9)}

/* بج: سبز روشن‌تر روی زمینه تیره */
.dark-mode .agh-badge{
  background:rgba(196,214,0,.16);
  color:#d9e44c;
  border-color:rgba(196,214,0,.4);
}

/* جدول: خطوط و ردیف زوج با شفافیت سفید کم */
.dark-mode .agh-table{background:rgba(15,23,42,.55)}
.dark-mode .agh-table td{border-bottom-color:rgba(255,255,255,.08)}
.dark-mode .agh-table tr:nth-child(even) td{background:rgba(255,255,255,.04)}

/* FAQ: شیشه سرمه‌ای + عنوان آبی روشن + پاسخ خاکستری روشن */
.dark-mode .agh-faq details{
  background:var(--fl-glass-bg,rgba(30,41,59,.72));
  border-color:var(--fl-glass-border,rgba(255,255,255,.12));
}
.dark-mode .agh-faq summary{color:var(--fl-primary,#60a5fa)}
.dark-mode .agh-faq .agh-faq__a{color:var(--fl-text-light,#cbd5e1)}

/* کارت سایز */
.dark-mode .agh-size{
  background:var(--fl-glass-bg,rgba(30,41,59,.72));
  border-color:var(--fl-glass-border,rgba(255,255,255,.12));
}
.dark-mode .agh-size span{color:var(--fl-text,#f1f5f9)}

/* جعبه فرمول: آبی شفاف بر اساس رنگ primary دارک */
.dark-mode .agh-formula{
  background:rgba(96,165,250,.10)!important;
  border-color:var(--fl-primary,#60a5fa)!important;
}

/* ─────────────────────────────────────────
   ۱۰) ریسپانسیو موبایل
   ───────────────────────────────────────── */
@media(max-width:768px){
  .agh-glass{padding:20px 16px}
  .agh-sec h2{font-size:1.35rem}
}
</style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ff247c */<style>
/* ─────────────────────────────────────────
   ۱) پایه سکشن‌ها
   ───────────────────────────────────────── */
.agh-sec{
  font-family:'Vazirmatn',-apple-system,'Segoe UI',Roboto,sans-serif;
  direction:rtl;            /* [RTL] — برای LTR: direction:ltr */
  text-align:right;         /* [RTL] — برای LTR: text-align:left */
  line-height:1.9;          /* [RTL] — برای LTR: 1.8 */
  color:var(--fl-text,#17212B);
  margin:0 auto 28px;
  max-width:1080px;
}

/* کارت شیشه‌ای اصلی — رنگ از متغیر قالب، در دارک‌مود خودکار تیره می‌شود */
.agh-glass{
  background:var(--fl-glass-bg,rgba(255,255,255,.42));
  border:1px solid var(--fl-glass-border,rgba(255,255,255,.38));
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border-radius:var(--fl-radius,20px);
  box-shadow:var(--fl-shadow,0 12px 40px rgba(0,0,0,.06));
  padding:28px;
}

/* ─────────────────────────────────────────
   ۲) تایپوگرافی
   ───────────────────────────────────────── */
.agh-sec h2{color:var(--fl-primary-dark,#1B3F63);font-size:1.65rem;margin:0 0 16px;font-weight:700}
.agh-sec h3{color:var(--fl-primary,#2D5F93);font-size:1.25rem;margin:24px 0 10px;font-weight:600}
.agh-sec h4{color:var(--fl-primary,#2D5F93);font-size:1.05rem;margin:18px 0 8px;font-weight:600}
.agh-sec p{margin:0 0 14px}
.agh-sec a{color:var(--fl-primary,#2D5F93);font-weight:600;text-decoration:none}
.agh-sec a:hover{color:var(--fl-accent-hover,#7C8B00)}

/* لیست‌ها */
.agh-list{padding-right:20px;margin:0 0 14px}   /* [RTL] — برای LTR: padding-left:20px */
.agh-list li{margin-bottom:8px}

/* بج (نشان کوچک بالای مقدمه) */
.agh-badge{
  display:inline-block;
  background:rgba(164,180,0,.14);
  color:#5d6600;
  border:1px solid rgba(164,180,0,.35);
  border-radius:30px;
  padding:3px 14px;
  font-size:.82rem;
  font-weight:700;
  margin-bottom:10px;
}

/* ─────────────────────────────────────────
   ۳) دکمه‌ها (CTA)
   ───────────────────────────────────────── */
.agh-btn{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--fl-primary,#2D5F93);
  color:#fff!important;
  padding:12px 26px;border-radius:14px;
  font-weight:700;transition:.3s;margin:6px 4px;
}
.agh-btn:hover{background:var(--fl-primary-dark,#1B3F63);transform:translateY(-2px)}
.agh-btn--accent{background:var(--fl-accent,#A4B400)}
.agh-btn--accent:hover{background:var(--fl-accent-hover,#7C8B00)}
.agh-btn--wa{background:#25D366}
.agh-btn--wa:hover{background:#1da851}

/* ─────────────────────────────────────────
   ۴) گرید و کارت‌ها
   ───────────────────────────────────────── */
.agh-grid{display:grid;gap:20px}
.agh-grid--2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.agh-grid--3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.agh-grid--5{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}

/* کارت محصول/کاربرد */
.agh-card{
  background:var(--fl-glass-bg,rgba(255,255,255,.42));
  border:1px solid var(--fl-glass-border,rgba(255,255,255,.38));
  border-radius:var(--fl-radius,20px);
  overflow:hidden;
  box-shadow:var(--fl-shadow,0 12px 40px rgba(0,0,0,.06));
  transition:.3s;
  display:flex;flex-direction:column;
}
.agh-card:hover{transform:translateY(-4px)}
.agh-card img{width:100%;height:200px;object-fit:cover;display:block}
.agh-card__body{padding:18px 20px;flex:1;display:flex;flex-direction:column}
.agh-card__body p{font-size:.92rem;color:var(--fl-text-light,#64748B);flex:1}

/* کارت کوچک سایز (صفحات با لیست ابعاد — مثل قالب فلزی) */
.agh-size{
  display:block;text-align:center;
  background:var(--fl-glass-bg,rgba(255,255,255,.55));
  border:1px solid var(--fl-glass-border,rgba(45,95,147,.15));
  border-radius:14px;overflow:hidden;transition:.25s;
}
.agh-size:hover{transform:translateY(-3px);box-shadow:var(--fl-shadow,0 12px 40px rgba(0,0,0,.06))}
.agh-size img{width:100%;height:90px;object-fit:cover;display:block}
.agh-size span{display:block;padding:8px 6px;font-weight:700;font-size:.88rem;color:var(--fl-primary-dark,#1B3F63)}

/* گالری ساده (نسخه‌های خارجی) */
.agh-gal img{width:100%;height:160px;object-fit:cover;border-radius:14px;display:block}

/* ─────────────────────────────────────────
   ۵) جدول‌ها
   ───────────────────────────────────────── */
.agh-table-wrap{overflow-x:auto;border-radius:var(--fl-radius,20px)}
.agh-table{
  width:100%;border-collapse:collapse;
  background:var(--fl-glass-bg,rgba(255,255,255,.6));  /* متغیر → دارک‌مود خودکار */
  font-size:.95rem;min-width:560px;
}
.agh-table th{
  background:var(--fl-primary,#2D5F93);color:#fff;
  padding:12px 14px;font-weight:700;
  text-align:right;        /* [RTL] — برای LTR: text-align:left */
}
.agh-table td{
  padding:11px 14px;
  border-bottom:1px solid rgba(45,95,147,.12);
  text-align:right;        /* [RTL] — برای LTR: text-align:left */
}
.agh-table tr:nth-child(even) td{background:rgba(45,95,147,.04)}

/* ─────────────────────────────────────────
   ۶) آکاردئون سؤالات متداول (FAQ)
   ───────────────────────────────────────── */
.agh-faq details{
  background:var(--fl-glass-bg,rgba(255,255,255,.55)); /* متغیر → دارک‌مود خودکار */
  border:1px solid var(--fl-glass-border,rgba(45,95,147,.15));
  border-radius:14px;margin-bottom:12px;overflow:hidden;
}
.agh-faq summary{
  cursor:pointer;padding:16px 20px;font-weight:700;
  color:var(--fl-primary-dark,#1B3F63);list-style:none;
}
.agh-faq summary::-webkit-details-marker{display:none}
.agh-faq summary::before{
  content:'+';
  float:left;              /* [RTL] — برای LTR: float:right */
  font-size:1.3rem;color:var(--fl-accent,#A4B400);font-weight:800;
}
.agh-faq details[open] summary::before{content:'−'}
.agh-faq .agh-faq__a{padding:0 20px 16px;color:var(--fl-text-light,#475569)}

/* ─────────────────────────────────────────
   ۷) جعبه فرمول/نکته برجسته
   استفاده: <div class="agh-formula" style="...">
   ───────────────────────────────────────── */
.agh-formula{
  background:rgba(45,95,147,.07);
  border:1px dashed var(--fl-primary,#2D5F93);
  border-radius:14px;padding:16px 20px;margin-bottom:14px;font-size:.95rem;
}

/* ─────────────────────────────────────────
   ۸) نوار CTA پایانی (گرادیان)
   ───────────────────────────────────────── */
.agh-cta-band{
  background:linear-gradient(135deg,var(--fl-primary,#2D5F93),var(--fl-primary-dark,#1B3F63));
  border-radius:var(--fl-radius,20px);
  padding:34px 28px;text-align:center;color:#fff;
}
.agh-cta-band h2{color:#fff}
.agh-cta-band p{color:rgba(255,255,255,.85)}

/* ═════════════════════════════════════════
   ۹) دارک‌مود 🌙
   قالب Glassmorphism PRO با کلاس .dark-mode متغیرها را عوض می‌کند:
   --fl-glass-bg → rgba(30,41,59,.72)   --fl-text → #f1f5f9
   --fl-primary → #60a5fa               --fl-text-light → #94a3b8
   چون پس‌زمینه‌ها متغیرمحورند، بیشترِ کار خودکار است؛
   این بلوک فقط رنگ‌های متنی/جزئیات را نهایی می‌کند.
   ═════════════════════════════════════════ */
.dark-mode .agh-sec{color:var(--fl-text,#f1f5f9)}

/* بج: سبز روشن‌تر روی زمینه تیره */
.dark-mode .agh-badge{
  background:rgba(196,214,0,.16);
  color:#d9e44c;
  border-color:rgba(196,214,0,.4);
}

/* جدول: خطوط و ردیف زوج با شفافیت سفید کم */
.dark-mode .agh-table{background:rgba(15,23,42,.55)}
.dark-mode .agh-table td{border-bottom-color:rgba(255,255,255,.08)}
.dark-mode .agh-table tr:nth-child(even) td{background:rgba(255,255,255,.04)}

/* FAQ: شیشه سرمه‌ای + عنوان آبی روشن + پاسخ خاکستری روشن */
.dark-mode .agh-faq details{
  background:var(--fl-glass-bg,rgba(30,41,59,.72));
  border-color:var(--fl-glass-border,rgba(255,255,255,.12));
}
.dark-mode .agh-faq summary{color:var(--fl-primary,#60a5fa)}
.dark-mode .agh-faq .agh-faq__a{color:var(--fl-text-light,#cbd5e1)}

/* کارت سایز */
.dark-mode .agh-size{
  background:var(--fl-glass-bg,rgba(30,41,59,.72));
  border-color:var(--fl-glass-border,rgba(255,255,255,.12));
}
.dark-mode .agh-size span{color:var(--fl-text,#f1f5f9)}

/* جعبه فرمول: آبی شفاف بر اساس رنگ primary دارک */
.dark-mode .agh-formula{
  background:rgba(96,165,250,.10)!important;
  border-color:var(--fl-primary,#60a5fa)!important;
}

/* ─────────────────────────────────────────
   ۱۰) ریسپانسیو موبایل
   ───────────────────────────────────────── */
@media(max-width:768px){
  .agh-glass{padding:20px 16px}
  .agh-sec h2{font-size:1.35rem}
}
</style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b95a29b */<style>
/* ─────────────────────────────────────────
   ۱) پایه سکشن‌ها
   ───────────────────────────────────────── */
.agh-sec{
  font-family:'Vazirmatn',-apple-system,'Segoe UI',Roboto,sans-serif;
  direction:rtl;            /* [RTL] — برای LTR: direction:ltr */
  text-align:right;         /* [RTL] — برای LTR: text-align:left */
  line-height:1.9;          /* [RTL] — برای LTR: 1.8 */
  color:var(--fl-text,#17212B);
  margin:0 auto 28px;
  max-width:1080px;
}

/* کارت شیشه‌ای اصلی — رنگ از متغیر قالب، در دارک‌مود خودکار تیره می‌شود */
.agh-glass{
  background:var(--fl-glass-bg,rgba(255,255,255,.42));
  border:1px solid var(--fl-glass-border,rgba(255,255,255,.38));
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border-radius:var(--fl-radius,20px);
  box-shadow:var(--fl-shadow,0 12px 40px rgba(0,0,0,.06));
  padding:28px;
}

/* ─────────────────────────────────────────
   ۲) تایپوگرافی
   ───────────────────────────────────────── */
.agh-sec h2{color:var(--fl-primary-dark,#1B3F63);font-size:1.65rem;margin:0 0 16px;font-weight:700}
.agh-sec h3{color:var(--fl-primary,#2D5F93);font-size:1.25rem;margin:24px 0 10px;font-weight:600}
.agh-sec h4{color:var(--fl-primary,#2D5F93);font-size:1.05rem;margin:18px 0 8px;font-weight:600}
.agh-sec p{margin:0 0 14px}
.agh-sec a{color:var(--fl-primary,#2D5F93);font-weight:600;text-decoration:none}
.agh-sec a:hover{color:var(--fl-accent-hover,#7C8B00)}

/* لیست‌ها */
.agh-list{padding-right:20px;margin:0 0 14px}   /* [RTL] — برای LTR: padding-left:20px */
.agh-list li{margin-bottom:8px}

/* بج (نشان کوچک بالای مقدمه) */
.agh-badge{
  display:inline-block;
  background:rgba(164,180,0,.14);
  color:#5d6600;
  border:1px solid rgba(164,180,0,.35);
  border-radius:30px;
  padding:3px 14px;
  font-size:.82rem;
  font-weight:700;
  margin-bottom:10px;
}

/* ─────────────────────────────────────────
   ۳) دکمه‌ها (CTA)
   ───────────────────────────────────────── */
.agh-btn{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--fl-primary,#2D5F93);
  color:#fff!important;
  padding:12px 26px;border-radius:14px;
  font-weight:700;transition:.3s;margin:6px 4px;
}
.agh-btn:hover{background:var(--fl-primary-dark,#1B3F63);transform:translateY(-2px)}
.agh-btn--accent{background:var(--fl-accent,#A4B400)}
.agh-btn--accent:hover{background:var(--fl-accent-hover,#7C8B00)}
.agh-btn--wa{background:#25D366}
.agh-btn--wa:hover{background:#1da851}

/* ─────────────────────────────────────────
   ۴) گرید و کارت‌ها
   ───────────────────────────────────────── */
.agh-grid{display:grid;gap:20px}
.agh-grid--2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.agh-grid--3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.agh-grid--5{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}

/* کارت محصول/کاربرد */
.agh-card{
  background:var(--fl-glass-bg,rgba(255,255,255,.42));
  border:1px solid var(--fl-glass-border,rgba(255,255,255,.38));
  border-radius:var(--fl-radius,20px);
  overflow:hidden;
  box-shadow:var(--fl-shadow,0 12px 40px rgba(0,0,0,.06));
  transition:.3s;
  display:flex;flex-direction:column;
}
.agh-card:hover{transform:translateY(-4px)}
.agh-card img{width:100%;height:200px;object-fit:cover;display:block}
.agh-card__body{padding:18px 20px;flex:1;display:flex;flex-direction:column}
.agh-card__body p{font-size:.92rem;color:var(--fl-text-light,#64748B);flex:1}

/* کارت کوچک سایز (صفحات با لیست ابعاد — مثل قالب فلزی) */
.agh-size{
  display:block;text-align:center;
  background:var(--fl-glass-bg,rgba(255,255,255,.55));
  border:1px solid var(--fl-glass-border,rgba(45,95,147,.15));
  border-radius:14px;overflow:hidden;transition:.25s;
}
.agh-size:hover{transform:translateY(-3px);box-shadow:var(--fl-shadow,0 12px 40px rgba(0,0,0,.06))}
.agh-size img{width:100%;height:90px;object-fit:cover;display:block}
.agh-size span{display:block;padding:8px 6px;font-weight:700;font-size:.88rem;color:var(--fl-primary-dark,#1B3F63)}

/* گالری ساده (نسخه‌های خارجی) */
.agh-gal img{width:100%;height:160px;object-fit:cover;border-radius:14px;display:block}

/* ─────────────────────────────────────────
   ۵) جدول‌ها
   ───────────────────────────────────────── */
.agh-table-wrap{overflow-x:auto;border-radius:var(--fl-radius,20px)}
.agh-table{
  width:100%;border-collapse:collapse;
  background:var(--fl-glass-bg,rgba(255,255,255,.6));  /* متغیر → دارک‌مود خودکار */
  font-size:.95rem;min-width:560px;
}
.agh-table th{
  background:var(--fl-primary,#2D5F93);color:#fff;
  padding:12px 14px;font-weight:700;
  text-align:right;        /* [RTL] — برای LTR: text-align:left */
}
.agh-table td{
  padding:11px 14px;
  border-bottom:1px solid rgba(45,95,147,.12);
  text-align:right;        /* [RTL] — برای LTR: text-align:left */
}
.agh-table tr:nth-child(even) td{background:rgba(45,95,147,.04)}

/* ─────────────────────────────────────────
   ۶) آکاردئون سؤالات متداول (FAQ)
   ───────────────────────────────────────── */
.agh-faq details{
  background:var(--fl-glass-bg,rgba(255,255,255,.55)); /* متغیر → دارک‌مود خودکار */
  border:1px solid var(--fl-glass-border,rgba(45,95,147,.15));
  border-radius:14px;margin-bottom:12px;overflow:hidden;
}
.agh-faq summary{
  cursor:pointer;padding:16px 20px;font-weight:700;
  color:var(--fl-primary-dark,#1B3F63);list-style:none;
}
.agh-faq summary::-webkit-details-marker{display:none}
.agh-faq summary::before{
  content:'+';
  float:left;              /* [RTL] — برای LTR: float:right */
  font-size:1.3rem;color:var(--fl-accent,#A4B400);font-weight:800;
}
.agh-faq details[open] summary::before{content:'−'}
.agh-faq .agh-faq__a{padding:0 20px 16px;color:var(--fl-text-light,#475569)}

/* ─────────────────────────────────────────
   ۷) جعبه فرمول/نکته برجسته
   استفاده: <div class="agh-formula" style="...">
   ───────────────────────────────────────── */
.agh-formula{
  background:rgba(45,95,147,.07);
  border:1px dashed var(--fl-primary,#2D5F93);
  border-radius:14px;padding:16px 20px;margin-bottom:14px;font-size:.95rem;
}

/* ─────────────────────────────────────────
   ۸) نوار CTA پایانی (گرادیان)
   ───────────────────────────────────────── */
.agh-cta-band{
  background:linear-gradient(135deg,var(--fl-primary,#2D5F93),var(--fl-primary-dark,#1B3F63));
  border-radius:var(--fl-radius,20px);
  padding:34px 28px;text-align:center;color:#fff;
}
.agh-cta-band h2{color:#fff}
.agh-cta-band p{color:rgba(255,255,255,.85)}

/* ═════════════════════════════════════════
   ۹) دارک‌مود 🌙
   قالب Glassmorphism PRO با کلاس .dark-mode متغیرها را عوض می‌کند:
   --fl-glass-bg → rgba(30,41,59,.72)   --fl-text → #f1f5f9
   --fl-primary → #60a5fa               --fl-text-light → #94a3b8
   چون پس‌زمینه‌ها متغیرمحورند، بیشترِ کار خودکار است؛
   این بلوک فقط رنگ‌های متنی/جزئیات را نهایی می‌کند.
   ═════════════════════════════════════════ */
.dark-mode .agh-sec{color:var(--fl-text,#f1f5f9)}

/* بج: سبز روشن‌تر روی زمینه تیره */
.dark-mode .agh-badge{
  background:rgba(196,214,0,.16);
  color:#d9e44c;
  border-color:rgba(196,214,0,.4);
}

/* جدول: خطوط و ردیف زوج با شفافیت سفید کم */
.dark-mode .agh-table{background:rgba(15,23,42,.55)}
.dark-mode .agh-table td{border-bottom-color:rgba(255,255,255,.08)}
.dark-mode .agh-table tr:nth-child(even) td{background:rgba(255,255,255,.04)}

/* FAQ: شیشه سرمه‌ای + عنوان آبی روشن + پاسخ خاکستری روشن */
.dark-mode .agh-faq details{
  background:var(--fl-glass-bg,rgba(30,41,59,.72));
  border-color:var(--fl-glass-border,rgba(255,255,255,.12));
}
.dark-mode .agh-faq summary{color:var(--fl-primary,#60a5fa)}
.dark-mode .agh-faq .agh-faq__a{color:var(--fl-text-light,#cbd5e1)}

/* کارت سایز */
.dark-mode .agh-size{
  background:var(--fl-glass-bg,rgba(30,41,59,.72));
  border-color:var(--fl-glass-border,rgba(255,255,255,.12));
}
.dark-mode .agh-size span{color:var(--fl-text,#f1f5f9)}

/* جعبه فرمول: آبی شفاف بر اساس رنگ primary دارک */
.dark-mode .agh-formula{
  background:rgba(96,165,250,.10)!important;
  border-color:var(--fl-primary,#60a5fa)!important;
}

/* ─────────────────────────────────────────
   ۱۰) ریسپانسیو موبایل
   ───────────────────────────────────────── */
@media(max-width:768px){
  .agh-glass{padding:20px 16px}
  .agh-sec h2{font-size:1.35rem}
}
</style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5ac80cc */<style>
/* ─────────────────────────────────────────
   ۱) پایه سکشن‌ها
   ───────────────────────────────────────── */
.agh-sec{
  font-family:'Vazirmatn',-apple-system,'Segoe UI',Roboto,sans-serif;
  direction:rtl;            /* [RTL] — برای LTR: direction:ltr */
  text-align:right;         /* [RTL] — برای LTR: text-align:left */
  line-height:1.9;          /* [RTL] — برای LTR: 1.8 */
  color:var(--fl-text,#17212B);
  margin:0 auto 28px;
  max-width:1080px;
}

/* کارت شیشه‌ای اصلی — رنگ از متغیر قالب، در دارک‌مود خودکار تیره می‌شود */
.agh-glass{
  background:var(--fl-glass-bg,rgba(255,255,255,.42));
  border:1px solid var(--fl-glass-border,rgba(255,255,255,.38));
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border-radius:var(--fl-radius,20px);
  box-shadow:var(--fl-shadow,0 12px 40px rgba(0,0,0,.06));
  padding:28px;
}

/* ─────────────────────────────────────────
   ۲) تایپوگرافی
   ───────────────────────────────────────── */
.agh-sec h2{color:var(--fl-primary-dark,#1B3F63);font-size:1.65rem;margin:0 0 16px;font-weight:700}
.agh-sec h3{color:var(--fl-primary,#2D5F93);font-size:1.25rem;margin:24px 0 10px;font-weight:600}
.agh-sec h4{color:var(--fl-primary,#2D5F93);font-size:1.05rem;margin:18px 0 8px;font-weight:600}
.agh-sec p{margin:0 0 14px}
.agh-sec a{color:var(--fl-primary,#2D5F93);font-weight:600;text-decoration:none}
.agh-sec a:hover{color:var(--fl-accent-hover,#7C8B00)}

/* لیست‌ها */
.agh-list{padding-right:20px;margin:0 0 14px}   /* [RTL] — برای LTR: padding-left:20px */
.agh-list li{margin-bottom:8px}

/* بج (نشان کوچک بالای مقدمه) */
.agh-badge{
  display:inline-block;
  background:rgba(164,180,0,.14);
  color:#5d6600;
  border:1px solid rgba(164,180,0,.35);
  border-radius:30px;
  padding:3px 14px;
  font-size:.82rem;
  font-weight:700;
  margin-bottom:10px;
}

/* ─────────────────────────────────────────
   ۳) دکمه‌ها (CTA)
   ───────────────────────────────────────── */
.agh-btn{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--fl-primary,#2D5F93);
  color:#fff!important;
  padding:12px 26px;border-radius:14px;
  font-weight:700;transition:.3s;margin:6px 4px;
}
.agh-btn:hover{background:var(--fl-primary-dark,#1B3F63);transform:translateY(-2px)}
.agh-btn--accent{background:var(--fl-accent,#A4B400)}
.agh-btn--accent:hover{background:var(--fl-accent-hover,#7C8B00)}
.agh-btn--wa{background:#25D366}
.agh-btn--wa:hover{background:#1da851}

/* ─────────────────────────────────────────
   ۴) گرید و کارت‌ها
   ───────────────────────────────────────── */
.agh-grid{display:grid;gap:20px}
.agh-grid--2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.agh-grid--3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.agh-grid--5{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}

/* کارت محصول/کاربرد */
.agh-card{
  background:var(--fl-glass-bg,rgba(255,255,255,.42));
  border:1px solid var(--fl-glass-border,rgba(255,255,255,.38));
  border-radius:var(--fl-radius,20px);
  overflow:hidden;
  box-shadow:var(--fl-shadow,0 12px 40px rgba(0,0,0,.06));
  transition:.3s;
  display:flex;flex-direction:column;
}
.agh-card:hover{transform:translateY(-4px)}
.agh-card img{width:100%;height:200px;object-fit:cover;display:block}
.agh-card__body{padding:18px 20px;flex:1;display:flex;flex-direction:column}
.agh-card__body p{font-size:.92rem;color:var(--fl-text-light,#64748B);flex:1}

/* کارت کوچک سایز (صفحات با لیست ابعاد — مثل قالب فلزی) */
.agh-size{
  display:block;text-align:center;
  background:var(--fl-glass-bg,rgba(255,255,255,.55));
  border:1px solid var(--fl-glass-border,rgba(45,95,147,.15));
  border-radius:14px;overflow:hidden;transition:.25s;
}
.agh-size:hover{transform:translateY(-3px);box-shadow:var(--fl-shadow,0 12px 40px rgba(0,0,0,.06))}
.agh-size img{width:100%;height:90px;object-fit:cover;display:block}
.agh-size span{display:block;padding:8px 6px;font-weight:700;font-size:.88rem;color:var(--fl-primary-dark,#1B3F63)}

/* گالری ساده (نسخه‌های خارجی) */
.agh-gal img{width:100%;height:160px;object-fit:cover;border-radius:14px;display:block}

/* ─────────────────────────────────────────
   ۵) جدول‌ها
   ───────────────────────────────────────── */
.agh-table-wrap{overflow-x:auto;border-radius:var(--fl-radius,20px)}
.agh-table{
  width:100%;border-collapse:collapse;
  background:var(--fl-glass-bg,rgba(255,255,255,.6));  /* متغیر → دارک‌مود خودکار */
  font-size:.95rem;min-width:560px;
}
.agh-table th{
  background:var(--fl-primary,#2D5F93);color:#fff;
  padding:12px 14px;font-weight:700;
  text-align:right;        /* [RTL] — برای LTR: text-align:left */
}
.agh-table td{
  padding:11px 14px;
  border-bottom:1px solid rgba(45,95,147,.12);
  text-align:right;        /* [RTL] — برای LTR: text-align:left */
}
.agh-table tr:nth-child(even) td{background:rgba(45,95,147,.04)}

/* ─────────────────────────────────────────
   ۶) آکاردئون سؤالات متداول (FAQ)
   ───────────────────────────────────────── */
.agh-faq details{
  background:var(--fl-glass-bg,rgba(255,255,255,.55)); /* متغیر → دارک‌مود خودکار */
  border:1px solid var(--fl-glass-border,rgba(45,95,147,.15));
  border-radius:14px;margin-bottom:12px;overflow:hidden;
}
.agh-faq summary{
  cursor:pointer;padding:16px 20px;font-weight:700;
  color:var(--fl-primary-dark,#1B3F63);list-style:none;
}
.agh-faq summary::-webkit-details-marker{display:none}
.agh-faq summary::before{
  content:'+';
  float:left;              /* [RTL] — برای LTR: float:right */
  font-size:1.3rem;color:var(--fl-accent,#A4B400);font-weight:800;
}
.agh-faq details[open] summary::before{content:'−'}
.agh-faq .agh-faq__a{padding:0 20px 16px;color:var(--fl-text-light,#475569)}

/* ─────────────────────────────────────────
   ۷) جعبه فرمول/نکته برجسته
   استفاده: <div class="agh-formula" style="...">
   ───────────────────────────────────────── */
.agh-formula{
  background:rgba(45,95,147,.07);
  border:1px dashed var(--fl-primary,#2D5F93);
  border-radius:14px;padding:16px 20px;margin-bottom:14px;font-size:.95rem;
}

/* ─────────────────────────────────────────
   ۸) نوار CTA پایانی (گرادیان)
   ───────────────────────────────────────── */
.agh-cta-band{
  background:linear-gradient(135deg,var(--fl-primary,#2D5F93),var(--fl-primary-dark,#1B3F63));
  border-radius:var(--fl-radius,20px);
  padding:34px 28px;text-align:center;color:#fff;
}
.agh-cta-band h2{color:#fff}
.agh-cta-band p{color:rgba(255,255,255,.85)}

/* ═════════════════════════════════════════
   ۹) دارک‌مود 🌙
   قالب Glassmorphism PRO با کلاس .dark-mode متغیرها را عوض می‌کند:
   --fl-glass-bg → rgba(30,41,59,.72)   --fl-text → #f1f5f9
   --fl-primary → #60a5fa               --fl-text-light → #94a3b8
   چون پس‌زمینه‌ها متغیرمحورند، بیشترِ کار خودکار است؛
   این بلوک فقط رنگ‌های متنی/جزئیات را نهایی می‌کند.
   ═════════════════════════════════════════ */
.dark-mode .agh-sec{color:var(--fl-text,#f1f5f9)}

/* بج: سبز روشن‌تر روی زمینه تیره */
.dark-mode .agh-badge{
  background:rgba(196,214,0,.16);
  color:#d9e44c;
  border-color:rgba(196,214,0,.4);
}

/* جدول: خطوط و ردیف زوج با شفافیت سفید کم */
.dark-mode .agh-table{background:rgba(15,23,42,.55)}
.dark-mode .agh-table td{border-bottom-color:rgba(255,255,255,.08)}
.dark-mode .agh-table tr:nth-child(even) td{background:rgba(255,255,255,.04)}

/* FAQ: شیشه سرمه‌ای + عنوان آبی روشن + پاسخ خاکستری روشن */
.dark-mode .agh-faq details{
  background:var(--fl-glass-bg,rgba(30,41,59,.72));
  border-color:var(--fl-glass-border,rgba(255,255,255,.12));
}
.dark-mode .agh-faq summary{color:var(--fl-primary,#60a5fa)}
.dark-mode .agh-faq .agh-faq__a{color:var(--fl-text-light,#cbd5e1)}

/* کارت سایز */
.dark-mode .agh-size{
  background:var(--fl-glass-bg,rgba(30,41,59,.72));
  border-color:var(--fl-glass-border,rgba(255,255,255,.12));
}
.dark-mode .agh-size span{color:var(--fl-text,#f1f5f9)}

/* جعبه فرمول: آبی شفاف بر اساس رنگ primary دارک */
.dark-mode .agh-formula{
  background:rgba(96,165,250,.10)!important;
  border-color:var(--fl-primary,#60a5fa)!important;
}

/* ─────────────────────────────────────────
   ۱۰) ریسپانسیو موبایل
   ───────────────────────────────────────── */
@media(max-width:768px){
  .agh-glass{padding:20px 16px}
  .agh-sec h2{font-size:1.35rem}
}
</style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b219460 */<style>
/* ─────────────────────────────────────────
   ۱) پایه سکشن‌ها
   ───────────────────────────────────────── */
.agh-sec{
  font-family:'Vazirmatn',-apple-system,'Segoe UI',Roboto,sans-serif;
  direction:rtl;            /* [RTL] — برای LTR: direction:ltr */
  text-align:right;         /* [RTL] — برای LTR: text-align:left */
  line-height:1.9;          /* [RTL] — برای LTR: 1.8 */
  color:var(--fl-text,#17212B);
  margin:0 auto 28px;
  max-width:1080px;
}

/* کارت شیشه‌ای اصلی — رنگ از متغیر قالب، در دارک‌مود خودکار تیره می‌شود */
.agh-glass{
  background:var(--fl-glass-bg,rgba(255,255,255,.42));
  border:1px solid var(--fl-glass-border,rgba(255,255,255,.38));
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border-radius:var(--fl-radius,20px);
  box-shadow:var(--fl-shadow,0 12px 40px rgba(0,0,0,.06));
  padding:28px;
}

/* ─────────────────────────────────────────
   ۲) تایپوگرافی
   ───────────────────────────────────────── */
.agh-sec h2{color:var(--fl-primary-dark,#1B3F63);font-size:1.65rem;margin:0 0 16px;font-weight:700}
.agh-sec h3{color:var(--fl-primary,#2D5F93);font-size:1.25rem;margin:24px 0 10px;font-weight:600}
.agh-sec h4{color:var(--fl-primary,#2D5F93);font-size:1.05rem;margin:18px 0 8px;font-weight:600}
.agh-sec p{margin:0 0 14px}
.agh-sec a{color:var(--fl-primary,#2D5F93);font-weight:600;text-decoration:none}
.agh-sec a:hover{color:var(--fl-accent-hover,#7C8B00)}

/* لیست‌ها */
.agh-list{padding-right:20px;margin:0 0 14px}   /* [RTL] — برای LTR: padding-left:20px */
.agh-list li{margin-bottom:8px}

/* بج (نشان کوچک بالای مقدمه) */
.agh-badge{
  display:inline-block;
  background:rgba(164,180,0,.14);
  color:#5d6600;
  border:1px solid rgba(164,180,0,.35);
  border-radius:30px;
  padding:3px 14px;
  font-size:.82rem;
  font-weight:700;
  margin-bottom:10px;
}

/* ─────────────────────────────────────────
   ۳) دکمه‌ها (CTA)
   ───────────────────────────────────────── */
.agh-btn{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--fl-primary,#2D5F93);
  color:#fff!important;
  padding:12px 26px;border-radius:14px;
  font-weight:700;transition:.3s;margin:6px 4px;
}
.agh-btn:hover{background:var(--fl-primary-dark,#1B3F63);transform:translateY(-2px)}
.agh-btn--accent{background:var(--fl-accent,#A4B400)}
.agh-btn--accent:hover{background:var(--fl-accent-hover,#7C8B00)}
.agh-btn--wa{background:#25D366}
.agh-btn--wa:hover{background:#1da851}

/* ─────────────────────────────────────────
   ۴) گرید و کارت‌ها
   ───────────────────────────────────────── */
.agh-grid{display:grid;gap:20px}
.agh-grid--2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.agh-grid--3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.agh-grid--5{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}

/* کارت محصول/کاربرد */
.agh-card{
  background:var(--fl-glass-bg,rgba(255,255,255,.42));
  border:1px solid var(--fl-glass-border,rgba(255,255,255,.38));
  border-radius:var(--fl-radius,20px);
  overflow:hidden;
  box-shadow:var(--fl-shadow,0 12px 40px rgba(0,0,0,.06));
  transition:.3s;
  display:flex;flex-direction:column;
}
.agh-card:hover{transform:translateY(-4px)}
.agh-card img{width:100%;height:200px;object-fit:cover;display:block}
.agh-card__body{padding:18px 20px;flex:1;display:flex;flex-direction:column}
.agh-card__body p{font-size:.92rem;color:var(--fl-text-light,#64748B);flex:1}

/* کارت کوچک سایز (صفحات با لیست ابعاد — مثل قالب فلزی) */
.agh-size{
  display:block;text-align:center;
  background:var(--fl-glass-bg,rgba(255,255,255,.55));
  border:1px solid var(--fl-glass-border,rgba(45,95,147,.15));
  border-radius:14px;overflow:hidden;transition:.25s;
}
.agh-size:hover{transform:translateY(-3px);box-shadow:var(--fl-shadow,0 12px 40px rgba(0,0,0,.06))}
.agh-size img{width:100%;height:90px;object-fit:cover;display:block}
.agh-size span{display:block;padding:8px 6px;font-weight:700;font-size:.88rem;color:var(--fl-primary-dark,#1B3F63)}

/* گالری ساده (نسخه‌های خارجی) */
.agh-gal img{width:100%;height:160px;object-fit:cover;border-radius:14px;display:block}

/* ─────────────────────────────────────────
   ۵) جدول‌ها
   ───────────────────────────────────────── */
.agh-table-wrap{overflow-x:auto;border-radius:var(--fl-radius,20px)}
.agh-table{
  width:100%;border-collapse:collapse;
  background:var(--fl-glass-bg,rgba(255,255,255,.6));  /* متغیر → دارک‌مود خودکار */
  font-size:.95rem;min-width:560px;
}
.agh-table th{
  background:var(--fl-primary,#2D5F93);color:#fff;
  padding:12px 14px;font-weight:700;
  text-align:right;        /* [RTL] — برای LTR: text-align:left */
}
.agh-table td{
  padding:11px 14px;
  border-bottom:1px solid rgba(45,95,147,.12);
  text-align:right;        /* [RTL] — برای LTR: text-align:left */
}
.agh-table tr:nth-child(even) td{background:rgba(45,95,147,.04)}

/* ─────────────────────────────────────────
   ۶) آکاردئون سؤالات متداول (FAQ)
   ───────────────────────────────────────── */
.agh-faq details{
  background:var(--fl-glass-bg,rgba(255,255,255,.55)); /* متغیر → دارک‌مود خودکار */
  border:1px solid var(--fl-glass-border,rgba(45,95,147,.15));
  border-radius:14px;margin-bottom:12px;overflow:hidden;
}
.agh-faq summary{
  cursor:pointer;padding:16px 20px;font-weight:700;
  color:var(--fl-primary-dark,#1B3F63);list-style:none;
}
.agh-faq summary::-webkit-details-marker{display:none}
.agh-faq summary::before{
  content:'+';
  float:left;              /* [RTL] — برای LTR: float:right */
  font-size:1.3rem;color:var(--fl-accent,#A4B400);font-weight:800;
}
.agh-faq details[open] summary::before{content:'−'}
.agh-faq .agh-faq__a{padding:0 20px 16px;color:var(--fl-text-light,#475569)}

/* ─────────────────────────────────────────
   ۷) جعبه فرمول/نکته برجسته
   استفاده: <div class="agh-formula" style="...">
   ───────────────────────────────────────── */
.agh-formula{
  background:rgba(45,95,147,.07);
  border:1px dashed var(--fl-primary,#2D5F93);
  border-radius:14px;padding:16px 20px;margin-bottom:14px;font-size:.95rem;
}

/* ─────────────────────────────────────────
   ۸) نوار CTA پایانی (گرادیان)
   ───────────────────────────────────────── */
.agh-cta-band{
  background:linear-gradient(135deg,var(--fl-primary,#2D5F93),var(--fl-primary-dark,#1B3F63));
  border-radius:var(--fl-radius,20px);
  padding:34px 28px;text-align:center;color:#fff;
}
.agh-cta-band h2{color:#fff}
.agh-cta-band p{color:rgba(255,255,255,.85)}

/* ═════════════════════════════════════════
   ۹) دارک‌مود 🌙
   قالب Glassmorphism PRO با کلاس .dark-mode متغیرها را عوض می‌کند:
   --fl-glass-bg → rgba(30,41,59,.72)   --fl-text → #f1f5f9
   --fl-primary → #60a5fa               --fl-text-light → #94a3b8
   چون پس‌زمینه‌ها متغیرمحورند، بیشترِ کار خودکار است؛
   این بلوک فقط رنگ‌های متنی/جزئیات را نهایی می‌کند.
   ═════════════════════════════════════════ */
.dark-mode .agh-sec{color:var(--fl-text,#f1f5f9)}

/* بج: سبز روشن‌تر روی زمینه تیره */
.dark-mode .agh-badge{
  background:rgba(196,214,0,.16);
  color:#d9e44c;
  border-color:rgba(196,214,0,.4);
}

/* جدول: خطوط و ردیف زوج با شفافیت سفید کم */
.dark-mode .agh-table{background:rgba(15,23,42,.55)}
.dark-mode .agh-table td{border-bottom-color:rgba(255,255,255,.08)}
.dark-mode .agh-table tr:nth-child(even) td{background:rgba(255,255,255,.04)}

/* FAQ: شیشه سرمه‌ای + عنوان آبی روشن + پاسخ خاکستری روشن */
.dark-mode .agh-faq details{
  background:var(--fl-glass-bg,rgba(30,41,59,.72));
  border-color:var(--fl-glass-border,rgba(255,255,255,.12));
}
.dark-mode .agh-faq summary{color:var(--fl-primary,#60a5fa)}
.dark-mode .agh-faq .agh-faq__a{color:var(--fl-text-light,#cbd5e1)}

/* کارت سایز */
.dark-mode .agh-size{
  background:var(--fl-glass-bg,rgba(30,41,59,.72));
  border-color:var(--fl-glass-border,rgba(255,255,255,.12));
}
.dark-mode .agh-size span{color:var(--fl-text,#f1f5f9)}

/* جعبه فرمول: آبی شفاف بر اساس رنگ primary دارک */
.dark-mode .agh-formula{
  background:rgba(96,165,250,.10)!important;
  border-color:var(--fl-primary,#60a5fa)!important;
}

/* ─────────────────────────────────────────
   ۱۰) ریسپانسیو موبایل
   ───────────────────────────────────────── */
@media(max-width:768px){
  .agh-glass{padding:20px 16px}
  .agh-sec h2{font-size:1.35rem}
}
</style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-04f1323 */<style>
/* ─────────────────────────────────────────
   ۱) پایه سکشن‌ها
   ───────────────────────────────────────── */
.agh-sec{
  font-family:'Vazirmatn',-apple-system,'Segoe UI',Roboto,sans-serif;
  direction:rtl;            /* [RTL] — برای LTR: direction:ltr */
  text-align:right;         /* [RTL] — برای LTR: text-align:left */
  line-height:1.9;          /* [RTL] — برای LTR: 1.8 */
  color:var(--fl-text,#17212B);
  margin:0 auto 28px;
  max-width:1080px;
}

/* کارت شیشه‌ای اصلی — رنگ از متغیر قالب، در دارک‌مود خودکار تیره می‌شود */
.agh-glass{
  background:var(--fl-glass-bg,rgba(255,255,255,.42));
  border:1px solid var(--fl-glass-border,rgba(255,255,255,.38));
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border-radius:var(--fl-radius,20px);
  box-shadow:var(--fl-shadow,0 12px 40px rgba(0,0,0,.06));
  padding:28px;
}

/* ─────────────────────────────────────────
   ۲) تایپوگرافی
   ───────────────────────────────────────── */
.agh-sec h2{color:var(--fl-primary-dark,#1B3F63);font-size:1.65rem;margin:0 0 16px;font-weight:700}
.agh-sec h3{color:var(--fl-primary,#2D5F93);font-size:1.25rem;margin:24px 0 10px;font-weight:600}
.agh-sec h4{color:var(--fl-primary,#2D5F93);font-size:1.05rem;margin:18px 0 8px;font-weight:600}
.agh-sec p{margin:0 0 14px}
.agh-sec a{color:var(--fl-primary,#2D5F93);font-weight:600;text-decoration:none}
.agh-sec a:hover{color:var(--fl-accent-hover,#7C8B00)}

/* لیست‌ها */
.agh-list{padding-right:20px;margin:0 0 14px}   /* [RTL] — برای LTR: padding-left:20px */
.agh-list li{margin-bottom:8px}

/* بج (نشان کوچک بالای مقدمه) */
.agh-badge{
  display:inline-block;
  background:rgba(164,180,0,.14);
  color:#5d6600;
  border:1px solid rgba(164,180,0,.35);
  border-radius:30px;
  padding:3px 14px;
  font-size:.82rem;
  font-weight:700;
  margin-bottom:10px;
}

/* ─────────────────────────────────────────
   ۳) دکمه‌ها (CTA)
   ───────────────────────────────────────── */
.agh-btn{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--fl-primary,#2D5F93);
  color:#fff!important;
  padding:12px 26px;border-radius:14px;
  font-weight:700;transition:.3s;margin:6px 4px;
}
.agh-btn:hover{background:var(--fl-primary-dark,#1B3F63);transform:translateY(-2px)}
.agh-btn--accent{background:var(--fl-accent,#A4B400)}
.agh-btn--accent:hover{background:var(--fl-accent-hover,#7C8B00)}
.agh-btn--wa{background:#25D366}
.agh-btn--wa:hover{background:#1da851}

/* ─────────────────────────────────────────
   ۴) گرید و کارت‌ها
   ───────────────────────────────────────── */
.agh-grid{display:grid;gap:20px}
.agh-grid--2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.agh-grid--3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.agh-grid--5{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}

/* کارت محصول/کاربرد */
.agh-card{
  background:var(--fl-glass-bg,rgba(255,255,255,.42));
  border:1px solid var(--fl-glass-border,rgba(255,255,255,.38));
  border-radius:var(--fl-radius,20px);
  overflow:hidden;
  box-shadow:var(--fl-shadow,0 12px 40px rgba(0,0,0,.06));
  transition:.3s;
  display:flex;flex-direction:column;
}
.agh-card:hover{transform:translateY(-4px)}
.agh-card img{width:100%;height:200px;object-fit:cover;display:block}
.agh-card__body{padding:18px 20px;flex:1;display:flex;flex-direction:column}
.agh-card__body p{font-size:.92rem;color:var(--fl-text-light,#64748B);flex:1}

/* کارت کوچک سایز (صفحات با لیست ابعاد — مثل قالب فلزی) */
.agh-size{
  display:block;text-align:center;
  background:var(--fl-glass-bg,rgba(255,255,255,.55));
  border:1px solid var(--fl-glass-border,rgba(45,95,147,.15));
  border-radius:14px;overflow:hidden;transition:.25s;
}
.agh-size:hover{transform:translateY(-3px);box-shadow:var(--fl-shadow,0 12px 40px rgba(0,0,0,.06))}
.agh-size img{width:100%;height:90px;object-fit:cover;display:block}
.agh-size span{display:block;padding:8px 6px;font-weight:700;font-size:.88rem;color:var(--fl-primary-dark,#1B3F63)}

/* گالری ساده (نسخه‌های خارجی) */
.agh-gal img{width:100%;height:160px;object-fit:cover;border-radius:14px;display:block}

/* ─────────────────────────────────────────
   ۵) جدول‌ها
   ───────────────────────────────────────── */
.agh-table-wrap{overflow-x:auto;border-radius:var(--fl-radius,20px)}
.agh-table{
  width:100%;border-collapse:collapse;
  background:var(--fl-glass-bg,rgba(255,255,255,.6));  /* متغیر → دارک‌مود خودکار */
  font-size:.95rem;min-width:560px;
}
.agh-table th{
  background:var(--fl-primary,#2D5F93);color:#fff;
  padding:12px 14px;font-weight:700;
  text-align:right;        /* [RTL] — برای LTR: text-align:left */
}
.agh-table td{
  padding:11px 14px;
  border-bottom:1px solid rgba(45,95,147,.12);
  text-align:right;        /* [RTL] — برای LTR: text-align:left */
}
.agh-table tr:nth-child(even) td{background:rgba(45,95,147,.04)}

/* ─────────────────────────────────────────
   ۶) آکاردئون سؤالات متداول (FAQ)
   ───────────────────────────────────────── */
.agh-faq details{
  background:var(--fl-glass-bg,rgba(255,255,255,.55)); /* متغیر → دارک‌مود خودکار */
  border:1px solid var(--fl-glass-border,rgba(45,95,147,.15));
  border-radius:14px;margin-bottom:12px;overflow:hidden;
}
.agh-faq summary{
  cursor:pointer;padding:16px 20px;font-weight:700;
  color:var(--fl-primary-dark,#1B3F63);list-style:none;
}
.agh-faq summary::-webkit-details-marker{display:none}
.agh-faq summary::before{
  content:'+';
  float:left;              /* [RTL] — برای LTR: float:right */
  font-size:1.3rem;color:var(--fl-accent,#A4B400);font-weight:800;
}
.agh-faq details[open] summary::before{content:'−'}
.agh-faq .agh-faq__a{padding:0 20px 16px;color:var(--fl-text-light,#475569)}

/* ─────────────────────────────────────────
   ۷) جعبه فرمول/نکته برجسته
   استفاده: <div class="agh-formula" style="...">
   ───────────────────────────────────────── */
.agh-formula{
  background:rgba(45,95,147,.07);
  border:1px dashed var(--fl-primary,#2D5F93);
  border-radius:14px;padding:16px 20px;margin-bottom:14px;font-size:.95rem;
}

/* ─────────────────────────────────────────
   ۸) نوار CTA پایانی (گرادیان)
   ───────────────────────────────────────── */
.agh-cta-band{
  background:linear-gradient(135deg,var(--fl-primary,#2D5F93),var(--fl-primary-dark,#1B3F63));
  border-radius:var(--fl-radius,20px);
  padding:34px 28px;text-align:center;color:#fff;
}
.agh-cta-band h2{color:#fff}
.agh-cta-band p{color:rgba(255,255,255,.85)}

/* ═════════════════════════════════════════
   ۹) دارک‌مود 🌙
   قالب Glassmorphism PRO با کلاس .dark-mode متغیرها را عوض می‌کند:
   --fl-glass-bg → rgba(30,41,59,.72)   --fl-text → #f1f5f9
   --fl-primary → #60a5fa               --fl-text-light → #94a3b8
   چون پس‌زمینه‌ها متغیرمحورند، بیشترِ کار خودکار است؛
   این بلوک فقط رنگ‌های متنی/جزئیات را نهایی می‌کند.
   ═════════════════════════════════════════ */
.dark-mode .agh-sec{color:var(--fl-text,#f1f5f9)}

/* بج: سبز روشن‌تر روی زمینه تیره */
.dark-mode .agh-badge{
  background:rgba(196,214,0,.16);
  color:#d9e44c;
  border-color:rgba(196,214,0,.4);
}

/* جدول: خطوط و ردیف زوج با شفافیت سفید کم */
.dark-mode .agh-table{background:rgba(15,23,42,.55)}
.dark-mode .agh-table td{border-bottom-color:rgba(255,255,255,.08)}
.dark-mode .agh-table tr:nth-child(even) td{background:rgba(255,255,255,.04)}

/* FAQ: شیشه سرمه‌ای + عنوان آبی روشن + پاسخ خاکستری روشن */
.dark-mode .agh-faq details{
  background:var(--fl-glass-bg,rgba(30,41,59,.72));
  border-color:var(--fl-glass-border,rgba(255,255,255,.12));
}
.dark-mode .agh-faq summary{color:var(--fl-primary,#60a5fa)}
.dark-mode .agh-faq .agh-faq__a{color:var(--fl-text-light,#cbd5e1)}

/* کارت سایز */
.dark-mode .agh-size{
  background:var(--fl-glass-bg,rgba(30,41,59,.72));
  border-color:var(--fl-glass-border,rgba(255,255,255,.12));
}
.dark-mode .agh-size span{color:var(--fl-text,#f1f5f9)}

/* جعبه فرمول: آبی شفاف بر اساس رنگ primary دارک */
.dark-mode .agh-formula{
  background:rgba(96,165,250,.10)!important;
  border-color:var(--fl-primary,#60a5fa)!important;
}

/* ─────────────────────────────────────────
   ۱۰) ریسپانسیو موبایل
   ───────────────────────────────────────── */
@media(max-width:768px){
  .agh-glass{padding:20px 16px}
  .agh-sec h2{font-size:1.35rem}
}
</style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1952215 */<style>
/* ─────────────────────────────────────────
   ۱) پایه سکشن‌ها
   ───────────────────────────────────────── */
.agh-sec{
  font-family:'Vazirmatn',-apple-system,'Segoe UI',Roboto,sans-serif;
  direction:rtl;            /* [RTL] — برای LTR: direction:ltr */
  text-align:right;         /* [RTL] — برای LTR: text-align:left */
  line-height:1.9;          /* [RTL] — برای LTR: 1.8 */
  color:var(--fl-text,#17212B);
  margin:0 auto 28px;
  max-width:1080px;
}

/* کارت شیشه‌ای اصلی — رنگ از متغیر قالب، در دارک‌مود خودکار تیره می‌شود */
.agh-glass{
  background:var(--fl-glass-bg,rgba(255,255,255,.42));
  border:1px solid var(--fl-glass-border,rgba(255,255,255,.38));
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border-radius:var(--fl-radius,20px);
  box-shadow:var(--fl-shadow,0 12px 40px rgba(0,0,0,.06));
  padding:28px;
}

/* ─────────────────────────────────────────
   ۲) تایپوگرافی
   ───────────────────────────────────────── */
.agh-sec h2{color:var(--fl-primary-dark,#1B3F63);font-size:1.65rem;margin:0 0 16px;font-weight:700}
.agh-sec h3{color:var(--fl-primary,#2D5F93);font-size:1.25rem;margin:24px 0 10px;font-weight:600}
.agh-sec h4{color:var(--fl-primary,#2D5F93);font-size:1.05rem;margin:18px 0 8px;font-weight:600}
.agh-sec p{margin:0 0 14px}
.agh-sec a{color:var(--fl-primary,#2D5F93);font-weight:600;text-decoration:none}
.agh-sec a:hover{color:var(--fl-accent-hover,#7C8B00)}

/* لیست‌ها */
.agh-list{padding-right:20px;margin:0 0 14px}   /* [RTL] — برای LTR: padding-left:20px */
.agh-list li{margin-bottom:8px}

/* بج (نشان کوچک بالای مقدمه) */
.agh-badge{
  display:inline-block;
  background:rgba(164,180,0,.14);
  color:#5d6600;
  border:1px solid rgba(164,180,0,.35);
  border-radius:30px;
  padding:3px 14px;
  font-size:.82rem;
  font-weight:700;
  margin-bottom:10px;
}

/* ─────────────────────────────────────────
   ۳) دکمه‌ها (CTA)
   ───────────────────────────────────────── */
.agh-btn{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--fl-primary,#2D5F93);
  color:#fff!important;
  padding:12px 26px;border-radius:14px;
  font-weight:700;transition:.3s;margin:6px 4px;
}
.agh-btn:hover{background:var(--fl-primary-dark,#1B3F63);transform:translateY(-2px)}
.agh-btn--accent{background:var(--fl-accent,#A4B400)}
.agh-btn--accent:hover{background:var(--fl-accent-hover,#7C8B00)}
.agh-btn--wa{background:#25D366}
.agh-btn--wa:hover{background:#1da851}

/* ─────────────────────────────────────────
   ۴) گرید و کارت‌ها
   ───────────────────────────────────────── */
.agh-grid{display:grid;gap:20px}
.agh-grid--2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.agh-grid--3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.agh-grid--5{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}

/* کارت محصول/کاربرد */
.agh-card{
  background:var(--fl-glass-bg,rgba(255,255,255,.42));
  border:1px solid var(--fl-glass-border,rgba(255,255,255,.38));
  border-radius:var(--fl-radius,20px);
  overflow:hidden;
  box-shadow:var(--fl-shadow,0 12px 40px rgba(0,0,0,.06));
  transition:.3s;
  display:flex;flex-direction:column;
}
.agh-card:hover{transform:translateY(-4px)}
.agh-card img{width:100%;height:200px;object-fit:cover;display:block}
.agh-card__body{padding:18px 20px;flex:1;display:flex;flex-direction:column}
.agh-card__body p{font-size:.92rem;color:var(--fl-text-light,#64748B);flex:1}

/* کارت کوچک سایز (صفحات با لیست ابعاد — مثل قالب فلزی) */
.agh-size{
  display:block;text-align:center;
  background:var(--fl-glass-bg,rgba(255,255,255,.55));
  border:1px solid var(--fl-glass-border,rgba(45,95,147,.15));
  border-radius:14px;overflow:hidden;transition:.25s;
}
.agh-size:hover{transform:translateY(-3px);box-shadow:var(--fl-shadow,0 12px 40px rgba(0,0,0,.06))}
.agh-size img{width:100%;height:90px;object-fit:cover;display:block}
.agh-size span{display:block;padding:8px 6px;font-weight:700;font-size:.88rem;color:var(--fl-primary-dark,#1B3F63)}

/* گالری ساده (نسخه‌های خارجی) */
.agh-gal img{width:100%;height:160px;object-fit:cover;border-radius:14px;display:block}

/* ─────────────────────────────────────────
   ۵) جدول‌ها
   ───────────────────────────────────────── */
.agh-table-wrap{overflow-x:auto;border-radius:var(--fl-radius,20px)}
.agh-table{
  width:100%;border-collapse:collapse;
  background:var(--fl-glass-bg,rgba(255,255,255,.6));  /* متغیر → دارک‌مود خودکار */
  font-size:.95rem;min-width:560px;
}
.agh-table th{
  background:var(--fl-primary,#2D5F93);color:#fff;
  padding:12px 14px;font-weight:700;
  text-align:right;        /* [RTL] — برای LTR: text-align:left */
}
.agh-table td{
  padding:11px 14px;
  border-bottom:1px solid rgba(45,95,147,.12);
  text-align:right;        /* [RTL] — برای LTR: text-align:left */
}
.agh-table tr:nth-child(even) td{background:rgba(45,95,147,.04)}

/* ─────────────────────────────────────────
   ۶) آکاردئون سؤالات متداول (FAQ)
   ───────────────────────────────────────── */
.agh-faq details{
  background:var(--fl-glass-bg,rgba(255,255,255,.55)); /* متغیر → دارک‌مود خودکار */
  border:1px solid var(--fl-glass-border,rgba(45,95,147,.15));
  border-radius:14px;margin-bottom:12px;overflow:hidden;
}
.agh-faq summary{
  cursor:pointer;padding:16px 20px;font-weight:700;
  color:var(--fl-primary-dark,#1B3F63);list-style:none;
}
.agh-faq summary::-webkit-details-marker{display:none}
.agh-faq summary::before{
  content:'+';
  float:left;              /* [RTL] — برای LTR: float:right */
  font-size:1.3rem;color:var(--fl-accent,#A4B400);font-weight:800;
}
.agh-faq details[open] summary::before{content:'−'}
.agh-faq .agh-faq__a{padding:0 20px 16px;color:var(--fl-text-light,#475569)}

/* ─────────────────────────────────────────
   ۷) جعبه فرمول/نکته برجسته
   استفاده: <div class="agh-formula" style="...">
   ───────────────────────────────────────── */
.agh-formula{
  background:rgba(45,95,147,.07);
  border:1px dashed var(--fl-primary,#2D5F93);
  border-radius:14px;padding:16px 20px;margin-bottom:14px;font-size:.95rem;
}

/* ─────────────────────────────────────────
   ۸) نوار CTA پایانی (گرادیان)
   ───────────────────────────────────────── */
.agh-cta-band{
  background:linear-gradient(135deg,var(--fl-primary,#2D5F93),var(--fl-primary-dark,#1B3F63));
  border-radius:var(--fl-radius,20px);
  padding:34px 28px;text-align:center;color:#fff;
}
.agh-cta-band h2{color:#fff}
.agh-cta-band p{color:rgba(255,255,255,.85)}

/* ═════════════════════════════════════════
   ۹) دارک‌مود 🌙
   قالب Glassmorphism PRO با کلاس .dark-mode متغیرها را عوض می‌کند:
   --fl-glass-bg → rgba(30,41,59,.72)   --fl-text → #f1f5f9
   --fl-primary → #60a5fa               --fl-text-light → #94a3b8
   چون پس‌زمینه‌ها متغیرمحورند، بیشترِ کار خودکار است؛
   این بلوک فقط رنگ‌های متنی/جزئیات را نهایی می‌کند.
   ═════════════════════════════════════════ */
.dark-mode .agh-sec{color:var(--fl-text,#f1f5f9)}

/* بج: سبز روشن‌تر روی زمینه تیره */
.dark-mode .agh-badge{
  background:rgba(196,214,0,.16);
  color:#d9e44c;
  border-color:rgba(196,214,0,.4);
}

/* جدول: خطوط و ردیف زوج با شفافیت سفید کم */
.dark-mode .agh-table{background:rgba(15,23,42,.55)}
.dark-mode .agh-table td{border-bottom-color:rgba(255,255,255,.08)}
.dark-mode .agh-table tr:nth-child(even) td{background:rgba(255,255,255,.04)}

/* FAQ: شیشه سرمه‌ای + عنوان آبی روشن + پاسخ خاکستری روشن */
.dark-mode .agh-faq details{
  background:var(--fl-glass-bg,rgba(30,41,59,.72));
  border-color:var(--fl-glass-border,rgba(255,255,255,.12));
}
.dark-mode .agh-faq summary{color:var(--fl-primary,#60a5fa)}
.dark-mode .agh-faq .agh-faq__a{color:var(--fl-text-light,#cbd5e1)}

/* کارت سایز */
.dark-mode .agh-size{
  background:var(--fl-glass-bg,rgba(30,41,59,.72));
  border-color:var(--fl-glass-border,rgba(255,255,255,.12));
}
.dark-mode .agh-size span{color:var(--fl-text,#f1f5f9)}

/* جعبه فرمول: آبی شفاف بر اساس رنگ primary دارک */
.dark-mode .agh-formula{
  background:rgba(96,165,250,.10)!important;
  border-color:var(--fl-primary,#60a5fa)!important;
}

/* ─────────────────────────────────────────
   ۱۰) ریسپانسیو موبایل
   ───────────────────────────────────────── */
@media(max-width:768px){
  .agh-glass{padding:20px 16px}
  .agh-sec h2{font-size:1.35rem}
}
</style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-59c74c9 */<style>
/* ─────────────────────────────────────────
   ۱) پایه سکشن‌ها
   ───────────────────────────────────────── */
.agh-sec{
  font-family:'Vazirmatn',-apple-system,'Segoe UI',Roboto,sans-serif;
  direction:rtl;            /* [RTL] — برای LTR: direction:ltr */
  text-align:right;         /* [RTL] — برای LTR: text-align:left */
  line-height:1.9;          /* [RTL] — برای LTR: 1.8 */
  color:var(--fl-text,#17212B);
  margin:0 auto 28px;
  max-width:1080px;
}

/* کارت شیشه‌ای اصلی — رنگ از متغیر قالب، در دارک‌مود خودکار تیره می‌شود */
.agh-glass{
  background:var(--fl-glass-bg,rgba(255,255,255,.42));
  border:1px solid var(--fl-glass-border,rgba(255,255,255,.38));
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border-radius:var(--fl-radius,20px);
  box-shadow:var(--fl-shadow,0 12px 40px rgba(0,0,0,.06));
  padding:28px;
}

/* ─────────────────────────────────────────
   ۲) تایپوگرافی
   ───────────────────────────────────────── */
.agh-sec h2{color:var(--fl-primary-dark,#1B3F63);font-size:1.65rem;margin:0 0 16px;font-weight:700}
.agh-sec h3{color:var(--fl-primary,#2D5F93);font-size:1.25rem;margin:24px 0 10px;font-weight:600}
.agh-sec h4{color:var(--fl-primary,#2D5F93);font-size:1.05rem;margin:18px 0 8px;font-weight:600}
.agh-sec p{margin:0 0 14px}
.agh-sec a{color:var(--fl-primary,#2D5F93);font-weight:600;text-decoration:none}
.agh-sec a:hover{color:var(--fl-accent-hover,#7C8B00)}

/* لیست‌ها */
.agh-list{padding-right:20px;margin:0 0 14px}   /* [RTL] — برای LTR: padding-left:20px */
.agh-list li{margin-bottom:8px}

/* بج (نشان کوچک بالای مقدمه) */
.agh-badge{
  display:inline-block;
  background:rgba(164,180,0,.14);
  color:#5d6600;
  border:1px solid rgba(164,180,0,.35);
  border-radius:30px;
  padding:3px 14px;
  font-size:.82rem;
  font-weight:700;
  margin-bottom:10px;
}

/* ─────────────────────────────────────────
   ۳) دکمه‌ها (CTA)
   ───────────────────────────────────────── */
.agh-btn{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--fl-primary,#2D5F93);
  color:#fff!important;
  padding:12px 26px;border-radius:14px;
  font-weight:700;transition:.3s;margin:6px 4px;
}
.agh-btn:hover{background:var(--fl-primary-dark,#1B3F63);transform:translateY(-2px)}
.agh-btn--accent{background:var(--fl-accent,#A4B400)}
.agh-btn--accent:hover{background:var(--fl-accent-hover,#7C8B00)}
.agh-btn--wa{background:#25D366}
.agh-btn--wa:hover{background:#1da851}

/* ─────────────────────────────────────────
   ۴) گرید و کارت‌ها
   ───────────────────────────────────────── */
.agh-grid{display:grid;gap:20px}
.agh-grid--2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.agh-grid--3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.agh-grid--5{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}

/* کارت محصول/کاربرد */
.agh-card{
  background:var(--fl-glass-bg,rgba(255,255,255,.42));
  border:1px solid var(--fl-glass-border,rgba(255,255,255,.38));
  border-radius:var(--fl-radius,20px);
  overflow:hidden;
  box-shadow:var(--fl-shadow,0 12px 40px rgba(0,0,0,.06));
  transition:.3s;
  display:flex;flex-direction:column;
}
.agh-card:hover{transform:translateY(-4px)}
.agh-card img{width:100%;height:200px;object-fit:cover;display:block}
.agh-card__body{padding:18px 20px;flex:1;display:flex;flex-direction:column}
.agh-card__body p{font-size:.92rem;color:var(--fl-text-light,#64748B);flex:1}

/* کارت کوچک سایز (صفحات با لیست ابعاد — مثل قالب فلزی) */
.agh-size{
  display:block;text-align:center;
  background:var(--fl-glass-bg,rgba(255,255,255,.55));
  border:1px solid var(--fl-glass-border,rgba(45,95,147,.15));
  border-radius:14px;overflow:hidden;transition:.25s;
}
.agh-size:hover{transform:translateY(-3px);box-shadow:var(--fl-shadow,0 12px 40px rgba(0,0,0,.06))}
.agh-size img{width:100%;height:90px;object-fit:cover;display:block}
.agh-size span{display:block;padding:8px 6px;font-weight:700;font-size:.88rem;color:var(--fl-primary-dark,#1B3F63)}

/* گالری ساده (نسخه‌های خارجی) */
.agh-gal img{width:100%;height:160px;object-fit:cover;border-radius:14px;display:block}

/* ─────────────────────────────────────────
   ۵) جدول‌ها
   ───────────────────────────────────────── */
.agh-table-wrap{overflow-x:auto;border-radius:var(--fl-radius,20px)}
.agh-table{
  width:100%;border-collapse:collapse;
  background:var(--fl-glass-bg,rgba(255,255,255,.6));  /* متغیر → دارک‌مود خودکار */
  font-size:.95rem;min-width:560px;
}
.agh-table th{
  background:var(--fl-primary,#2D5F93);color:#fff;
  padding:12px 14px;font-weight:700;
  text-align:right;        /* [RTL] — برای LTR: text-align:left */
}
.agh-table td{
  padding:11px 14px;
  border-bottom:1px solid rgba(45,95,147,.12);
  text-align:right;        /* [RTL] — برای LTR: text-align:left */
}
.agh-table tr:nth-child(even) td{background:rgba(45,95,147,.04)}

/* ─────────────────────────────────────────
   ۶) آکاردئون سؤالات متداول (FAQ)
   ───────────────────────────────────────── */
.agh-faq details{
  background:var(--fl-glass-bg,rgba(255,255,255,.55)); /* متغیر → دارک‌مود خودکار */
  border:1px solid var(--fl-glass-border,rgba(45,95,147,.15));
  border-radius:14px;margin-bottom:12px;overflow:hidden;
}
.agh-faq summary{
  cursor:pointer;padding:16px 20px;font-weight:700;
  color:var(--fl-primary-dark,#1B3F63);list-style:none;
}
.agh-faq summary::-webkit-details-marker{display:none}
.agh-faq summary::before{
  content:'+';
  float:left;              /* [RTL] — برای LTR: float:right */
  font-size:1.3rem;color:var(--fl-accent,#A4B400);font-weight:800;
}
.agh-faq details[open] summary::before{content:'−'}
.agh-faq .agh-faq__a{padding:0 20px 16px;color:var(--fl-text-light,#475569)}

/* ─────────────────────────────────────────
   ۷) جعبه فرمول/نکته برجسته
   استفاده: <div class="agh-formula" style="...">
   ───────────────────────────────────────── */
.agh-formula{
  background:rgba(45,95,147,.07);
  border:1px dashed var(--fl-primary,#2D5F93);
  border-radius:14px;padding:16px 20px;margin-bottom:14px;font-size:.95rem;
}

/* ─────────────────────────────────────────
   ۸) نوار CTA پایانی (گرادیان)
   ───────────────────────────────────────── */
.agh-cta-band{
  background:linear-gradient(135deg,var(--fl-primary,#2D5F93),var(--fl-primary-dark,#1B3F63));
  border-radius:var(--fl-radius,20px);
  padding:34px 28px;text-align:center;color:#fff;
}
.agh-cta-band h2{color:#fff}
.agh-cta-band p{color:rgba(255,255,255,.85)}

/* ═════════════════════════════════════════
   ۹) دارک‌مود 🌙
   قالب Glassmorphism PRO با کلاس .dark-mode متغیرها را عوض می‌کند:
   --fl-glass-bg → rgba(30,41,59,.72)   --fl-text → #f1f5f9
   --fl-primary → #60a5fa               --fl-text-light → #94a3b8
   چون پس‌زمینه‌ها متغیرمحورند، بیشترِ کار خودکار است؛
   این بلوک فقط رنگ‌های متنی/جزئیات را نهایی می‌کند.
   ═════════════════════════════════════════ */
.dark-mode .agh-sec{color:var(--fl-text,#f1f5f9)}

/* بج: سبز روشن‌تر روی زمینه تیره */
.dark-mode .agh-badge{
  background:rgba(196,214,0,.16);
  color:#d9e44c;
  border-color:rgba(196,214,0,.4);
}

/* جدول: خطوط و ردیف زوج با شفافیت سفید کم */
.dark-mode .agh-table{background:rgba(15,23,42,.55)}
.dark-mode .agh-table td{border-bottom-color:rgba(255,255,255,.08)}
.dark-mode .agh-table tr:nth-child(even) td{background:rgba(255,255,255,.04)}

/* FAQ: شیشه سرمه‌ای + عنوان آبی روشن + پاسخ خاکستری روشن */
.dark-mode .agh-faq details{
  background:var(--fl-glass-bg,rgba(30,41,59,.72));
  border-color:var(--fl-glass-border,rgba(255,255,255,.12));
}
.dark-mode .agh-faq summary{color:var(--fl-primary,#60a5fa)}
.dark-mode .agh-faq .agh-faq__a{color:var(--fl-text-light,#cbd5e1)}

/* کارت سایز */
.dark-mode .agh-size{
  background:var(--fl-glass-bg,rgba(30,41,59,.72));
  border-color:var(--fl-glass-border,rgba(255,255,255,.12));
}
.dark-mode .agh-size span{color:var(--fl-text,#f1f5f9)}

/* جعبه فرمول: آبی شفاف بر اساس رنگ primary دارک */
.dark-mode .agh-formula{
  background:rgba(96,165,250,.10)!important;
  border-color:var(--fl-primary,#60a5fa)!important;
}

/* ─────────────────────────────────────────
   ۱۰) ریسپانسیو موبایل
   ───────────────────────────────────────── */
@media(max-width:768px){
  .agh-glass{padding:20px 16px}
  .agh-sec h2{font-size:1.35rem}
}
</style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-faa5d08 */<style>
/* ─────────────────────────────────────────
   ۱) پایه سکشن‌ها
   ───────────────────────────────────────── */
.agh-sec{
  font-family:'Vazirmatn',-apple-system,'Segoe UI',Roboto,sans-serif;
  direction:rtl;            /* [RTL] — برای LTR: direction:ltr */
  text-align:right;         /* [RTL] — برای LTR: text-align:left */
  line-height:1.9;          /* [RTL] — برای LTR: 1.8 */
  color:var(--fl-text,#17212B);
  margin:0 auto 28px;
  max-width:1080px;
}

/* کارت شیشه‌ای اصلی — رنگ از متغیر قالب، در دارک‌مود خودکار تیره می‌شود */
.agh-glass{
  background:var(--fl-glass-bg,rgba(255,255,255,.42));
  border:1px solid var(--fl-glass-border,rgba(255,255,255,.38));
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border-radius:var(--fl-radius,20px);
  box-shadow:var(--fl-shadow,0 12px 40px rgba(0,0,0,.06));
  padding:28px;
}

/* ─────────────────────────────────────────
   ۲) تایپوگرافی
   ───────────────────────────────────────── */
.agh-sec h2{color:var(--fl-primary-dark,#1B3F63);font-size:1.65rem;margin:0 0 16px;font-weight:700}
.agh-sec h3{color:var(--fl-primary,#2D5F93);font-size:1.25rem;margin:24px 0 10px;font-weight:600}
.agh-sec h4{color:var(--fl-primary,#2D5F93);font-size:1.05rem;margin:18px 0 8px;font-weight:600}
.agh-sec p{margin:0 0 14px}
.agh-sec a{color:var(--fl-primary,#2D5F93);font-weight:600;text-decoration:none}
.agh-sec a:hover{color:var(--fl-accent-hover,#7C8B00)}

/* لیست‌ها */
.agh-list{padding-right:20px;margin:0 0 14px}   /* [RTL] — برای LTR: padding-left:20px */
.agh-list li{margin-bottom:8px}

/* بج (نشان کوچک بالای مقدمه) */
.agh-badge{
  display:inline-block;
  background:rgba(164,180,0,.14);
  color:#5d6600;
  border:1px solid rgba(164,180,0,.35);
  border-radius:30px;
  padding:3px 14px;
  font-size:.82rem;
  font-weight:700;
  margin-bottom:10px;
}

/* ─────────────────────────────────────────
   ۳) دکمه‌ها (CTA)
   ───────────────────────────────────────── */
.agh-btn{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--fl-primary,#2D5F93);
  color:#fff!important;
  padding:12px 26px;border-radius:14px;
  font-weight:700;transition:.3s;margin:6px 4px;
}
.agh-btn:hover{background:var(--fl-primary-dark,#1B3F63);transform:translateY(-2px)}
.agh-btn--accent{background:var(--fl-accent,#A4B400)}
.agh-btn--accent:hover{background:var(--fl-accent-hover,#7C8B00)}
.agh-btn--wa{background:#25D366}
.agh-btn--wa:hover{background:#1da851}

/* ─────────────────────────────────────────
   ۴) گرید و کارت‌ها
   ───────────────────────────────────────── */
.agh-grid{display:grid;gap:20px}
.agh-grid--2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.agh-grid--3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.agh-grid--5{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}

/* کارت محصول/کاربرد */
.agh-card{
  background:var(--fl-glass-bg,rgba(255,255,255,.42));
  border:1px solid var(--fl-glass-border,rgba(255,255,255,.38));
  border-radius:var(--fl-radius,20px);
  overflow:hidden;
  box-shadow:var(--fl-shadow,0 12px 40px rgba(0,0,0,.06));
  transition:.3s;
  display:flex;flex-direction:column;
}
.agh-card:hover{transform:translateY(-4px)}
.agh-card img{width:100%;height:200px;object-fit:cover;display:block}
.agh-card__body{padding:18px 20px;flex:1;display:flex;flex-direction:column}
.agh-card__body p{font-size:.92rem;color:var(--fl-text-light,#64748B);flex:1}

/* کارت کوچک سایز (صفحات با لیست ابعاد — مثل قالب فلزی) */
.agh-size{
  display:block;text-align:center;
  background:var(--fl-glass-bg,rgba(255,255,255,.55));
  border:1px solid var(--fl-glass-border,rgba(45,95,147,.15));
  border-radius:14px;overflow:hidden;transition:.25s;
}
.agh-size:hover{transform:translateY(-3px);box-shadow:var(--fl-shadow,0 12px 40px rgba(0,0,0,.06))}
.agh-size img{width:100%;height:90px;object-fit:cover;display:block}
.agh-size span{display:block;padding:8px 6px;font-weight:700;font-size:.88rem;color:var(--fl-primary-dark,#1B3F63)}

/* گالری ساده (نسخه‌های خارجی) */
.agh-gal img{width:100%;height:160px;object-fit:cover;border-radius:14px;display:block}

/* ─────────────────────────────────────────
   ۵) جدول‌ها
   ───────────────────────────────────────── */
.agh-table-wrap{overflow-x:auto;border-radius:var(--fl-radius,20px)}
.agh-table{
  width:100%;border-collapse:collapse;
  background:var(--fl-glass-bg,rgba(255,255,255,.6));  /* متغیر → دارک‌مود خودکار */
  font-size:.95rem;min-width:560px;
}
.agh-table th{
  background:var(--fl-primary,#2D5F93);color:#fff;
  padding:12px 14px;font-weight:700;
  text-align:right;        /* [RTL] — برای LTR: text-align:left */
}
.agh-table td{
  padding:11px 14px;
  border-bottom:1px solid rgba(45,95,147,.12);
  text-align:right;        /* [RTL] — برای LTR: text-align:left */
}
.agh-table tr:nth-child(even) td{background:rgba(45,95,147,.04)}

/* ─────────────────────────────────────────
   ۶) آکاردئون سؤالات متداول (FAQ)
   ───────────────────────────────────────── */
.agh-faq details{
  background:var(--fl-glass-bg,rgba(255,255,255,.55)); /* متغیر → دارک‌مود خودکار */
  border:1px solid var(--fl-glass-border,rgba(45,95,147,.15));
  border-radius:14px;margin-bottom:12px;overflow:hidden;
}
.agh-faq summary{
  cursor:pointer;padding:16px 20px;font-weight:700;
  color:var(--fl-primary-dark,#1B3F63);list-style:none;
}
.agh-faq summary::-webkit-details-marker{display:none}
.agh-faq summary::before{
  content:'+';
  float:left;              /* [RTL] — برای LTR: float:right */
  font-size:1.3rem;color:var(--fl-accent,#A4B400);font-weight:800;
}
.agh-faq details[open] summary::before{content:'−'}
.agh-faq .agh-faq__a{padding:0 20px 16px;color:var(--fl-text-light,#475569)}

/* ─────────────────────────────────────────
   ۷) جعبه فرمول/نکته برجسته
   استفاده: <div class="agh-formula" style="...">
   ───────────────────────────────────────── */
.agh-formula{
  background:rgba(45,95,147,.07);
  border:1px dashed var(--fl-primary,#2D5F93);
  border-radius:14px;padding:16px 20px;margin-bottom:14px;font-size:.95rem;
}

/* ─────────────────────────────────────────
   ۸) نوار CTA پایانی (گرادیان)
   ───────────────────────────────────────── */
.agh-cta-band{
  background:linear-gradient(135deg,var(--fl-primary,#2D5F93),var(--fl-primary-dark,#1B3F63));
  border-radius:var(--fl-radius,20px);
  padding:34px 28px;text-align:center;color:#fff;
}
.agh-cta-band h2{color:#fff}
.agh-cta-band p{color:rgba(255,255,255,.85)}

/* ═════════════════════════════════════════
   ۹) دارک‌مود 🌙
   قالب Glassmorphism PRO با کلاس .dark-mode متغیرها را عوض می‌کند:
   --fl-glass-bg → rgba(30,41,59,.72)   --fl-text → #f1f5f9
   --fl-primary → #60a5fa               --fl-text-light → #94a3b8
   چون پس‌زمینه‌ها متغیرمحورند، بیشترِ کار خودکار است؛
   این بلوک فقط رنگ‌های متنی/جزئیات را نهایی می‌کند.
   ═════════════════════════════════════════ */
.dark-mode .agh-sec{color:var(--fl-text,#f1f5f9)}

/* بج: سبز روشن‌تر روی زمینه تیره */
.dark-mode .agh-badge{
  background:rgba(196,214,0,.16);
  color:#d9e44c;
  border-color:rgba(196,214,0,.4);
}

/* جدول: خطوط و ردیف زوج با شفافیت سفید کم */
.dark-mode .agh-table{background:rgba(15,23,42,.55)}
.dark-mode .agh-table td{border-bottom-color:rgba(255,255,255,.08)}
.dark-mode .agh-table tr:nth-child(even) td{background:rgba(255,255,255,.04)}

/* FAQ: شیشه سرمه‌ای + عنوان آبی روشن + پاسخ خاکستری روشن */
.dark-mode .agh-faq details{
  background:var(--fl-glass-bg,rgba(30,41,59,.72));
  border-color:var(--fl-glass-border,rgba(255,255,255,.12));
}
.dark-mode .agh-faq summary{color:var(--fl-primary,#60a5fa)}
.dark-mode .agh-faq .agh-faq__a{color:var(--fl-text-light,#cbd5e1)}

/* کارت سایز */
.dark-mode .agh-size{
  background:var(--fl-glass-bg,rgba(30,41,59,.72));
  border-color:var(--fl-glass-border,rgba(255,255,255,.12));
}
.dark-mode .agh-size span{color:var(--fl-text,#f1f5f9)}

/* جعبه فرمول: آبی شفاف بر اساس رنگ primary دارک */
.dark-mode .agh-formula{
  background:rgba(96,165,250,.10)!important;
  border-color:var(--fl-primary,#60a5fa)!important;
}

/* ─────────────────────────────────────────
   ۱۰) ریسپانسیو موبایل
   ───────────────────────────────────────── */
@media(max-width:768px){
  .agh-glass{padding:20px 16px}
  .agh-sec h2{font-size:1.35rem}
}
</style>/* End custom CSS */