/* ============================================================================
   asadaru-b.css — وب‌سایتِ آسادارو · نسخهٔ «کلینیکالِ مدرن» (طرحِ B)
   ----------------------------------------------------------------------------
   مبنا: برندبوکِ رسمی — فصلِ ۵ (رنگ) و فصلِ ۶ (تایپوگرافی)
   انضباط: سرمه‌ای غالب · قرمز فقط لهجهٔ محدود · سبز فقط نشانهٔ «گیاهی»
   پیشوندِ اختصاصی: ‎.ab-*‎  (اسکوپ روی رَپِر ‎.ab‎؛ ویجتِ asa-adv-* بیرونِ آن است)
   رنگ: فقط HEXهای پالتِ بخشِ ۵ برندبوک؛ سطوح/حالت‌های نرم فقط با rgba() از همان کدها
   متن روی سطوحِ تیره همیشه #FFFFFF است؛ سلسله‌مراتب با وزن/اندازه ساخته می‌شود
   فاصله‌گذاری: مقیاسِ ۸px با نیم‌پله‌های ۴px · کانتینر ۱۱۸۰px
   ============================================================================ */

/* ---------- ۰) فونت‌های برند (self-host) ---------- */
@font-face{font-family:'IRANSansXFaNum';font-weight:300;font-style:normal;font-display:swap;src:url('../fonts/IRANSansXFaNum-Light.woff2') format('woff2')}
@font-face{font-family:'IRANSansXFaNum';font-weight:400;font-style:normal;font-display:swap;src:url('../fonts/IRANSansXFaNum-Regular.woff2') format('woff2')}
@font-face{font-family:'IRANSansXFaNum';font-weight:500;font-style:normal;font-display:swap;src:url('../fonts/IRANSansXFaNum-Medium.woff2') format('woff2')}
@font-face{font-family:'IRANSansXFaNum';font-weight:700;font-style:normal;font-display:swap;src:url('../fonts/IRANSansXFaNum-Bold.woff2') format('woff2')}
@font-face{font-family:'IRANSansXFaNum';font-weight:900;font-style:normal;font-display:swap;src:url('../fonts/IRANSansXFaNum-Black.woff2') format('woff2')}
@font-face{font-family:'Inter';font-weight:300;font-style:normal;font-display:swap;src:url('../fonts/Inter-Light.woff2') format('woff2')}
@font-face{font-family:'Inter';font-weight:400;font-style:normal;font-display:swap;src:url('../fonts/Inter-Regular.woff2') format('woff2')}
@font-face{font-family:'Inter';font-weight:500;font-style:normal;font-display:swap;src:url('../fonts/Inter-Medium.woff2') format('woff2')}
@font-face{font-family:'Inter';font-weight:400;font-style:italic;font-display:swap;src:url('../fonts/Inter-Italic.woff2') format('woff2')}

/* ---------- ۱) توکن‌ها و پایه ---------- */
.ab-body{margin:0}
.ab{
  /* پالتِ اصلی */
  --ab-navy:#1B2A4A;            /* پایه/قهرمان */
  --ab-red:#C8102E;             /* لهجهٔ محدود — فقط CTA و یک نقطهٔ تأکید */
  /* ثانویه — «گیاهی» */
  --ab-green:#2E7D5B;
  --ab-green-line:#C0DACE;      /* Leaf 30% */
  /* خنثی‌ها */
  --ab-white:#FFFFFF;
  --ab-cloud:#F4F5F7;
  --ab-mist:#C9CDD6;
  --ab-slate:#5A6173;
  --ab-ink:#141A26;             /* متنِ بدنه روی روشن */
  /* مشتق‌های نرم — فقط rgba از کدهای بالا (رنگِ تازه ممنوع) */
  --ab-navy-line:rgba(27,42,74,.38);     /* حاشیهٔ hover روی روشن */
  --ab-navy-ghost:rgba(27,42,74,.10);    /* هالهٔ فوکوسِ فرم */
  --ab-white-soft:rgba(255,255,255,.72); /* آیکون/جداکننده روی تیره (غیرمتن) */
  --ab-dark-veil:rgba(20,26,38,.16);     /* رویهٔ تیرهٔ hover دکمه‌های پُر */
  /* رنگِ دستهٔ درمانی (فقط تگ/نشانه) */
  --ab-cat-resp:#2D6CB5;        /* تنفسی */
  --ab-cat-dig:#2E7D5B;         /* گوارشی */
  --ab-cat-hep:#B07A2E;         /* کبدی و کلیوی */
  --ab-cat-neuro:#5B4B8A;       /* اعصاب / ضدِ استرس */
  --ab-cat-growth:#C9711F;      /* رشد / عملکرد */
  /* سیگنالِ سیستمی (جدا از قرمزِ برند) */
  --ab-ok:#1E8E5A; --ab-warn:#B07A00; --ab-err:#A30D24; --ab-info:#2D6CB5; --ab-link:#1F5A99;
  /* تایپوگرافی — مقیاسِ رسمی (Major Third) */
  --ab-font:'IRANSansXFaNum','Inter',Tahoma,system-ui,sans-serif;
  --ab-latin:'Inter','IRANSansXFaNum',Tahoma,system-ui,sans-serif;
  --ab-h1:clamp(2rem,1.5rem + 1.6vw,2.5rem);        /* ۳۲–۴۰px */
  --ab-h2:clamp(1.5rem,1.25rem + .8vw,1.75rem);     /* ۲۴–۲۸px */
  --ab-h3:1.25rem;                                  /* ۲۰px */
  /* فاصله — پایهٔ ۸px */
  --ab-s1:8px; --ab-s2:16px; --ab-s3:24px; --ab-s4:32px;
  --ab-s5:48px; --ab-s6:64px; --ab-s7:96px;
  /* قاب و سطح */
  --ab-wrap:1180px;
  --ab-r-sm:10px; --ab-r:14px; --ab-r-lg:20px;
  --ab-line:1px solid var(--ab-mist);
  --ab-line-soft:1px solid rgba(201,205,214,.55);
  --ab-shadow:0 1px 2px rgba(20,26,38,.05);
  --ab-shadow-lift:0 14px 34px rgba(20,26,38,.10);
  --ab-ease:cubic-bezier(.22,1,.36,1);

  font-family:var(--ab-font);
  font-size:16px;font-weight:400;line-height:1.75;
  color:var(--ab-ink);background:var(--ab-white);
  direction:rtl;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
.ab *,.ab *::before,.ab *::after{box-sizing:border-box}
.ab img{max-width:100%;height:auto;display:block}
.ab a{color:inherit;text-decoration:none}
.ab ::selection{background:var(--ab-navy);color:var(--ab-white)}
.ab-wrap{max-width:var(--ab-wrap);margin:0 auto;padding:0 var(--ab-s3)}
/* کمکی‌های فاصله (به‌جای استایلِ inline) */
.ab-pt-0{padding-top:0}
.ab-mt-3{margin-top:var(--ab-s3)}
.ab-mt-5{margin-top:var(--ab-s5)}
.ab-mb-3{margin-bottom:var(--ab-s3)}

/* ---------- ۲) دسترس‌پذیری ---------- */
.ab-skip{position:absolute;inset-inline-start:-9999px;top:0;z-index:100;background:var(--ab-navy);color:#fff;
  padding:8px 16px;border-radius:0 0 var(--ab-r-sm) var(--ab-r-sm);font-size:14px;font-weight:500}
.ab-skip:focus{inset-inline-start:var(--ab-s3)}
.ab :focus-visible{outline:2px solid var(--ab-info);outline-offset:2px;border-radius:4px}
.ab .ab-on-dark :focus-visible{outline-color:#fff}
.ab-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* ---------- ۳) تایپوگرافی ---------- */
.ab-over{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--ab-slate);margin:0 0 16px}
.ab-over::before{content:"";width:24px;height:2px;border-radius:2px;background:var(--ab-red);flex:0 0 auto}
.ab-h1{font-size:var(--ab-h1);font-weight:900;line-height:1.2;color:var(--ab-navy);margin:0}
.ab-h2{font-size:var(--ab-h2);font-weight:700;line-height:1.3;color:var(--ab-navy);margin:0 0 16px}
.ab-h3{font-size:var(--ab-h3);font-weight:500;line-height:1.4;color:var(--ab-navy);margin:0}
.ab-lead{font-size:18px;font-weight:300;line-height:1.8;color:var(--ab-slate);max-width:56ch;margin:0}
.ab-cap{font-size:13px;font-weight:300;line-height:1.5;color:var(--ab-slate)}
.ab-en{font-family:var(--ab-latin)}                     /* لاتینِ درونِ فارسی */
.ab-sci{font-family:var(--ab-latin);font-style:italic;direction:ltr;unicode-bidi:isolate;display:inline-block}
/* شناسهٔ مدرک — کنارِ هر ادعا، وزنِ Light */
.ab-proof{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:300;color:var(--ab-slate)}
.ab-proof svg{width:14px;height:14px;flex:0 0 auto;color:var(--ab-slate)}

/* ---------- ۴) دکمه‌ها ---------- */
.ab-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-family:var(--ab-font);font-size:15px;font-weight:500;line-height:1;
  height:48px;padding:0 var(--ab-s3);border-radius:12px;border:1px solid transparent;
  cursor:pointer;white-space:nowrap;user-select:none;
  transition:background-color .2s var(--ab-ease),background-image .2s,border-color .2s,color .2s,transform .2s var(--ab-ease),box-shadow .2s}
.ab-btn svg{width:18px;height:18px;flex:0 0 auto}
.ab-btn:active{transform:translateY(0)}
/* hover دکمه‌های پُر: رویهٔ Ink روی همان رنگِ برند (بدونِ رنگِ تازه) */
.ab-btn--red{background:var(--ab-red);color:#fff}
.ab-btn--red:hover{background-image:linear-gradient(var(--ab-dark-veil),var(--ab-dark-veil));transform:translateY(-2px);box-shadow:0 10px 22px -8px rgba(200,16,46,.5)}
.ab-btn--navy{background:var(--ab-navy);color:#fff}
.ab-btn--navy:hover{background-image:linear-gradient(var(--ab-dark-veil),var(--ab-dark-veil));transform:translateY(-2px)}
.ab-btn--outline{background:var(--ab-white);color:var(--ab-navy);border-color:var(--ab-mist)}
.ab-btn--outline:hover{border-color:var(--ab-navy);background:var(--ab-cloud)}
.ab-btn--white{background:#fff;color:var(--ab-navy)}
.ab-btn--white:hover{background:var(--ab-cloud);transform:translateY(-2px)}

/* ---------- ۵) هدر ---------- */
.ab-hdr{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.82);
  -webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);
  border-bottom:1px solid transparent;transition:border-color .3s,box-shadow .3s,background-color .3s}
.ab-hdr.is-scrolled{background:rgba(255,255,255,.92);border-bottom-color:rgba(201,205,214,.6);box-shadow:0 1px 0 rgba(20,26,38,.04)}
.ab-hdr__in{display:flex;align-items:center;justify-content:space-between;gap:var(--ab-s2);height:76px}
.ab-brand{display:flex;align-items:center;gap:12px;flex:0 0 auto}
.ab-brand img{height:48px;width:auto;max-width:72px;object-fit:contain}
.ab-brand b{display:block;font-size:19px;font-weight:700;line-height:1.15;color:var(--ab-navy)}
.ab-brand small{display:block;font-size:12px;font-weight:300;color:var(--ab-slate)}
.ab-nav{display:flex;align-items:center;gap:2px}
.ab-nav a{display:inline-block;padding:8px 14px;border-radius:8px;font-size:15px;font-weight:400;color:var(--ab-ink);
  transition:color .2s,background-color .2s}
.ab-nav a:hover{color:var(--ab-navy);background:var(--ab-cloud)}
.ab-nav a[aria-current="page"]{color:var(--ab-navy);background:var(--ab-cloud);font-weight:500}
.ab-hdr__cta{display:flex;align-items:center;gap:12px}
.ab-hdr__cta .ab-btn{height:44px}
.ab-burger{display:none;align-items:center;justify-content:center;width:44px;height:44px;
  border:var(--ab-line);border-radius:10px;background:#fff;color:var(--ab-navy);cursor:pointer}
.ab-burger svg{width:20px;height:20px}
.ab-burger .ico-close{display:none}
.ab-burger[aria-expanded="true"] .ico-menu{display:none}
.ab-burger[aria-expanded="true"] .ico-close{display:block}
/* پنلِ موبایل */
.ab-mnav{display:none;position:absolute;top:calc(100% + 8px);inset-inline:var(--ab-s3);z-index:59;
  background:#fff;border:var(--ab-line);border-radius:var(--ab-r);box-shadow:var(--ab-shadow-lift);padding:8px}
.ab-mnav.is-open{display:block}
.ab-mnav a{display:block;padding:12px 16px;border-radius:8px;font-size:15px;color:var(--ab-ink)}
.ab-mnav a:hover{background:var(--ab-cloud);color:var(--ab-navy)}
.ab-mnav a[aria-current="page"]{background:var(--ab-cloud);color:var(--ab-navy);font-weight:500}
.ab-mnav .ab-btn{width:100%;margin-top:8px}

/* جبرانِ ادمین‌بارِ وردپرس برای کاربرِ لاگین‌شده */
body.admin-bar .ab-hdr{top:32px}
@media(max-width:782px){body.admin-bar .ab-hdr{top:46px}}

/* ---------- ۶) هیروِ عنوان (صفحاتِ داخلی) ---------- */
.ab-phero{background:var(--ab-cloud);border-bottom:var(--ab-line-soft);padding:var(--ab-s5) 0 var(--ab-s4)}
.ab-crumb{display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin:0 0 12px;padding:0;list-style:none;
  font-size:13px;font-weight:300;color:var(--ab-slate)}
.ab-crumb li{display:inline-flex;align-items:center;gap:4px}
.ab-crumb a{color:var(--ab-slate);transition:color .2s}
.ab-crumb a:hover{color:var(--ab-navy)}
.ab-crumb svg{width:13px;height:13px;color:var(--ab-mist)}
.ab-crumb [aria-current]{color:var(--ab-navy);font-weight:400}
.ab-phero .ab-lead{margin-top:12px}

/* ---------- ۷) هیروِ صفحهٔ اصلی ---------- */
.ab-hero{padding:var(--ab-s7) 0 var(--ab-s6)}
.ab-hero__in{display:grid;grid-template-columns:1.06fr .94fr;gap:var(--ab-s6);align-items:center}
.ab-hero__t .ab-over{margin-bottom:20px}
.ab-hero .ab-h1{margin:0 0 24px}
.ab-hero .ab-h1 em{font-style:normal;color:var(--ab-red)}
.ab-hero__lead{font-size:18px;font-weight:300;line-height:1.8;color:var(--ab-slate);max-width:44ch;margin:0 0 var(--ab-s4)}
.ab-hero__acts{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:var(--ab-s5)}
.ab-hero__stats{display:flex;gap:var(--ab-s5)}
.ab-hero__proof{display:block;margin-top:var(--ab-s3)}
.ab-stat b{display:block;font-size:32px;font-weight:700;line-height:1;color:var(--ab-navy);font-feature-settings:"tnum"}
.ab-stat b .u{color:var(--ab-green);font-size:22px;font-weight:500}
.ab-stat b .up{font-size:22px;font-weight:500}
.ab-stat span{display:block;margin-top:8px;font-size:14px;font-weight:300;color:var(--ab-slate)}
/* ویژوال: بومِ Cloud (نه سبز) + حلقهٔ سرمه‌ایِ محو */
.ab-hero__v{position:relative;min-height:440px;display:grid;place-items:center;padding:var(--ab-s5);
  background:var(--ab-cloud);border:var(--ab-line);border-radius:var(--ab-r-lg)}
.ab-ring{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.ab-hero__v>img{position:relative;z-index:1;width:min(288px,72%);filter:drop-shadow(0 22px 40px rgba(20,26,38,.14))}
.ab-fbadge{position:absolute;z-index:2;display:flex;align-items:center;gap:12px;padding:12px 16px;
  background:#fff;border:var(--ab-line);border-radius:var(--ab-r);box-shadow:var(--ab-shadow-lift)}
.ab-fbadge--1{top:32px;inset-inline-start:24px}
.ab-fbadge--2{bottom:32px;inset-inline-end:24px}
.ab-fbadge__ic{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;flex:0 0 auto}
.ab-fbadge__ic svg{width:19px;height:19px}
.ab-fbadge--1 .ab-fbadge__ic{background:rgba(46,125,91,.12);color:var(--ab-green)}
.ab-fbadge--2 .ab-fbadge__ic{background:rgba(200,16,46,.10);color:var(--ab-red)}
.ab-fbadge b{display:block;font-size:14px;font-weight:500;color:var(--ab-navy)}
.ab-fbadge span{display:block;font-size:12px;font-weight:300;color:var(--ab-slate)}

/* ---------- ۸) نوارِ اعتماد (روی سرمه‌ای؛ متن #fff) ---------- */
.ab-trust{background:var(--ab-navy)}
.ab-trust__in{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--ab-s2);padding:20px 0}
.ab-trust__i{display:flex;align-items:center;gap:8px;font-size:14.5px;font-weight:300;color:#fff}
.ab-trust__i svg{width:19px;height:19px;flex:0 0 auto;color:var(--ab-white-soft)}
.ab-trust__i.is-green svg{color:var(--ab-green-line)}

/* ---------- ۹) سکشن‌ها ---------- */
.ab-sec{padding:var(--ab-s7) 0}
.ab-sec--cloud{background:var(--ab-cloud)}
.ab-sec--navy{background:var(--ab-navy);color:#fff}
.ab-sec--tight{padding:var(--ab-s6) 0}
.ab-sec__head{max-width:640px;margin:0 auto var(--ab-s5);text-align:center}
.ab-sec__head .ab-h2{margin-bottom:12px}
.ab-sec__head .ab-lead{margin:0 auto}
.ab-sec__proof{text-align:center;margin-top:var(--ab-s4)}

/* ---------- ۱۰) کارت‌های ارزش ---------- */
.ab-vals{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--ab-s3)}
.ab-vcard{background:#fff;border:var(--ab-line);border-radius:var(--ab-r);padding:var(--ab-s4) 32px;
  transition:border-color .25s,box-shadow .25s,transform .25s var(--ab-ease)}
.ab-vcard:hover{border-color:var(--ab-navy-line);box-shadow:var(--ab-shadow-lift);transform:translateY(-4px)}
.ab-vcard__ic{width:52px;height:52px;border-radius:12px;display:grid;place-items:center;margin-bottom:20px;
  background:var(--ab-cloud);color:var(--ab-navy)}
.ab-vcard__ic svg{width:24px;height:24px}
.ab-vcard--green .ab-vcard__ic{background:rgba(46,125,91,.12);color:var(--ab-green)}
.ab-vcard--red .ab-vcard__ic{background:rgba(200,16,46,.10);color:var(--ab-red)}
.ab-vcard h3{font-size:var(--ab-h3);font-weight:700;color:var(--ab-navy);margin:0 0 8px}
.ab-vcard p{font-size:15px;font-weight:300;line-height:1.8;color:var(--ab-slate);margin:0}

/* ---------- ۱۱) رده‌های هدف ---------- */
.ab-segs{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.ab-seg{display:flex;align-items:center;gap:12px;padding:12px 20px;background:#fff;border:var(--ab-line);border-radius:12px;
  transition:border-color .25s,transform .25s var(--ab-ease),box-shadow .25s}
.ab-seg:hover{border-color:var(--ab-navy-line);transform:translateY(-3px);box-shadow:var(--ab-shadow)}
.ab-seg svg{width:22px;height:22px;flex:0 0 auto;color:var(--ab-navy)}
.ab-seg b{display:block;font-size:15px;font-weight:500;line-height:1.3;color:var(--ab-navy)}
.ab-seg small{display:block;font-size:12px;font-weight:300;color:var(--ab-slate)}
/* «در حالِ توسعه»: بدونِ افتِ کنتراست — تمایز با حاشیهٔ خط‌چین و رنگِ Slate */
.ab-seg--soon{border-style:dashed;background:transparent}
.ab-seg--soon svg,.ab-seg--soon b{color:var(--ab-slate)}

/* ---------- ۱۲) فیلترِ دسته (کاتالوگ) ---------- */
.ab-intro{max-width:72ch;margin:0 auto var(--ab-s4);text-align:center;font-size:15px;font-weight:300;line-height:1.8;color:var(--ab-slate)}
.ab-filter{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:var(--ab-s5)}
.ab-chip{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;
  background:#fff;border:var(--ab-line);border-radius:20px;cursor:pointer;
  font-family:var(--ab-font);font-size:14px;font-weight:500;color:var(--ab-slate);
  transition:border-color .2s,color .2s,background-color .2s}
.ab-chip:hover{border-color:var(--ab-navy-line);color:var(--ab-navy)}
.ab-chip.is-active{background:var(--ab-navy);border-color:var(--ab-navy);color:#fff}
.ab-chip .dot{width:7px;height:7px;border-radius:50%;flex:0 0 auto}
.ab-chip .dot--resp{background:var(--ab-cat-resp)}
.ab-chip .dot--dig{background:var(--ab-cat-dig)}
.ab-chip .dot--hep{background:var(--ab-cat-hep)}
.ab-chip .dot--neuro{background:var(--ab-cat-neuro)}
.ab-chip .dot--growth{background:var(--ab-cat-growth)}
.ab-chip small{font-size:12px;font-weight:300}

/* ---------- ۱۳) کارت و گریدِ محصول ---------- */
.ab-prods{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--ab-s3)}
.ab-prods--3{grid-template-columns:repeat(3,1fr)}
.ab-card{display:flex;flex-direction:column;overflow:hidden;background:#fff;border:var(--ab-line);border-radius:var(--ab-r);
  transition:border-color .25s,box-shadow .25s,transform .25s var(--ab-ease)}
.ab-card:hover{border-color:var(--ab-navy-line);box-shadow:var(--ab-shadow-lift);transform:translateY(-5px)}
.ab-card.is-hidden{display:none}
.ab-card__img{position:relative;display:grid;place-items:center;height:176px;padding:16px;
  background:var(--ab-cloud);border-bottom:var(--ab-line-soft)}
.ab-card__img img{height:132px;width:auto;transition:transform .35s var(--ab-ease)}
.ab-card:hover .ab-card__img img{transform:scale(1.04)}
.ab-card__b{display:flex;flex-direction:column;flex:1;padding:16px 20px 20px}
.ab-card__b .ab-sci-line{display:block;margin-bottom:4px;min-height:20px}
.ab-card__b .ab-sci{font-size:12px;font-weight:300;color:var(--ab-slate)}
.ab-card__b h3{font-size:18px;font-weight:700;color:var(--ab-navy);margin:0 0 8px}
.ab-card__b h3 small{margin-inline-start:8px;font-size:12px;font-weight:300;color:var(--ab-slate)}
.ab-card__b p{flex:1;font-size:14px;font-weight:300;line-height:1.8;color:var(--ab-slate);margin:0 0 16px}
.ab-card__meta{display:block;margin:-8px 0 12px;font-size:12px;font-weight:300;color:var(--ab-slate)}
.ab-card__more{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--ab-navy)}
.ab-card__more svg{width:16px;height:16px;transition:transform .25s var(--ab-ease)}
.ab-card:hover .ab-card__more{color:var(--ab-red)}
.ab-card:hover .ab-card__more svg{transform:translateX(-4px)}
/* تگِ دسته: رنگِ دستهٔ درمانی روی نشانه/قاب؛ متن Ink برای کنتراستِ AA */
.ab-tag{position:absolute;top:12px;inset-inline-end:12px;display:inline-flex;align-items:center;gap:6px;
  padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;color:var(--ab-ink);
  background:#fff;border:1px solid var(--ab-mist)}
.ab-tag::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ab-navy)}
.ab-tag--static{position:static;font-size:13px;padding:4px 12px}
[data-cat="resp"]   .ab-tag::before,.ab-tag[data-cat="resp"]::before{background:var(--ab-cat-resp)}
[data-cat="dig"]    .ab-tag::before,.ab-tag[data-cat="dig"]::before{background:var(--ab-cat-dig)}
[data-cat="hep"]    .ab-tag::before,.ab-tag[data-cat="hep"]::before{background:var(--ab-cat-hep)}
[data-cat="neuro"]  .ab-tag::before,.ab-tag[data-cat="neuro"]::before{background:var(--ab-cat-neuro)}
[data-cat="growth"] .ab-tag::before,.ab-tag[data-cat="growth"]::before{background:var(--ab-cat-growth)}
[data-cat="resp"]   .ab-tag,.ab-tag[data-cat="resp"]{border-color:rgba(45,108,181,.4)}
[data-cat="dig"]    .ab-tag,.ab-tag[data-cat="dig"]{border-color:rgba(46,125,91,.4)}
[data-cat="hep"]    .ab-tag,.ab-tag[data-cat="hep"]{border-color:rgba(176,122,46,.4)}
[data-cat="neuro"]  .ab-tag,.ab-tag[data-cat="neuro"]{border-color:rgba(91,75,138,.4)}
[data-cat="growth"] .ab-tag,.ab-tag[data-cat="growth"]{border-color:rgba(201,113,31,.4)}

/* ---------- ۱۴) تمایزها ---------- */
.ab-why{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--ab-s2)}
.ab-why__i{text-align:center;padding:28px 16px;background:#fff;border:var(--ab-line);border-radius:var(--ab-r);
  transition:border-color .25s,transform .25s var(--ab-ease),box-shadow .25s}
.ab-why__i:hover{border-color:var(--ab-navy-line);transform:translateY(-4px);box-shadow:var(--ab-shadow)}
.ab-why__ic{width:52px;height:52px;margin:0 auto 16px;border-radius:12px;display:grid;place-items:center;
  background:var(--ab-cloud);color:var(--ab-navy)}
.ab-why__ic svg{width:23px;height:23px}
.ab-why__i b{display:block;font-size:15px;font-weight:500;line-height:1.5;color:var(--ab-navy)}

/* ---------- ۱۵) نوارِ آمار (روی سرمه‌ای؛ متن #fff، تفکیک با وزن) ---------- */
.ab-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--ab-s3);max-width:900px;margin:0 auto}
.ab-st{text-align:center}
.ab-st b{display:block;font-size:44px;font-weight:700;line-height:1;color:#fff;font-feature-settings:"tnum"}
.ab-st b .u{color:var(--ab-green-line);font-weight:500}
.ab-st b .up{font-weight:500}
.ab-st span{display:block;margin-top:12px;font-size:14px;font-weight:300;color:#fff}
.ab-st::after{content:"";display:block;width:32px;height:2px;margin:16px auto 0;border-radius:2px;background:var(--ab-red);opacity:.85}
.ab-stats__proof{text-align:center;margin-top:var(--ab-s4)}
.ab-stats__proof .ab-proof{color:#fff}
.ab-stats__proof .ab-proof svg{color:var(--ab-white-soft)}

/* ---------- ۱۶) کارتِ CTA ---------- */
.ab-cta{background:var(--ab-navy);border-radius:var(--ab-r-lg);padding:var(--ab-s6) var(--ab-s5);text-align:center}
.ab-cta .ab-h2{color:#fff}
.ab-cta p{max-width:60ch;margin:16px auto 28px;font-size:16px;font-weight:300;line-height:1.8;color:#fff}
.ab-cta__acts{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.ab-cta__acts .ab-btn--outline{background:transparent;border-color:rgba(255,255,255,.35);color:#fff}
.ab-cta__acts .ab-btn--outline:hover{background:rgba(255,255,255,.08);border-color:#fff}

/* ---------- ۱۷) صفحهٔ تک‌محصول (دیتاشیت) ---------- */
.ab-pd{display:grid;grid-template-columns:1fr .92fr;gap:var(--ab-s6);align-items:start}
.ab-pd__head .ab-tag--static{margin-bottom:16px}
.ab-pd__names{margin:0 0 4px}
.ab-pd__en{font-size:14px;font-weight:300;color:var(--ab-slate)}
.ab-pd__sci{display:block;margin:4px 0 20px;font-size:14px;color:var(--ab-slate)}
.ab-pd__use{font-size:17px;font-weight:300;line-height:1.8;color:var(--ab-slate);margin:0 0 var(--ab-s3)}
.ab-pd__marks{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:var(--ab-s4)}
.ab-mark{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;
  font-size:13px;font-weight:500;color:var(--ab-navy);background:var(--ab-cloud);border:var(--ab-line-soft)}
.ab-mark svg{width:15px;height:15px}
.ab-mark--green{color:var(--ab-green);background:#fff;border-color:var(--ab-green-line)}
.ab-pd__acts{display:flex;flex-wrap:wrap;gap:12px}
.ab-pd__v{position:relative;display:grid;place-items:center;min-height:420px;padding:var(--ab-s5);
  background:var(--ab-cloud);border:var(--ab-line);border-radius:var(--ab-r-lg)}
.ab-pd__v img{width:min(300px,74%);filter:drop-shadow(0 22px 40px rgba(20,26,38,.14))}
/* برگهٔ مشخصات */
.ab-spec{border:var(--ab-line);border-radius:var(--ab-r);overflow:hidden;background:#fff;margin:0}
.ab-spec__row{display:grid;grid-template-columns:180px 1fr;gap:var(--ab-s2);padding:16px 20px}
.ab-spec__row+.ab-spec__row{border-top:var(--ab-line-soft)}
.ab-spec__row dt{font-size:13px;font-weight:300;color:var(--ab-slate)}
.ab-spec__row dd{margin:0;font-size:15px;font-weight:400;color:var(--ab-ink)}
.ab-spec__row dd .ab-sci{font-size:14px}
/* نحوهٔ اثر و مزایا */
.ab-pd__cols{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--ab-s5);align-items:start}
.ab-pd__mech p{font-size:16px;font-weight:400;line-height:1.8;color:var(--ab-slate);margin:0 0 var(--ab-s2)}
.ab-benefits{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.ab-benefits li{display:flex;gap:12px;align-items:flex-start;padding:12px 16px;background:#fff;border:var(--ab-line);border-radius:var(--ab-r-sm);font-size:14.5px;line-height:1.7;color:var(--ab-ink)}
.ab-benefits li svg{width:18px;height:18px;flex:0 0 auto;margin-top:4px;color:var(--ab-navy)}
/* نکتهٔ ایمنی و اعلان‌ها (رنگِ سیگنالِ سیستمی) */
.ab-note{display:flex;gap:12px;align-items:flex-start;padding:16px 20px;border-radius:var(--ab-r-sm);
  font-size:14px;font-weight:300;line-height:1.8}
.ab-note svg{width:19px;height:19px;flex:0 0 auto;margin-top:4px}
.ab-note b{font-weight:500}
.ab-note--info{background:rgba(45,108,181,.08);border:1px solid rgba(45,108,181,.3);color:var(--ab-ink)}
.ab-note--info svg{color:var(--ab-info)}
.ab-note--warn{background:rgba(176,122,0,.08);border:1px solid rgba(176,122,0,.32);color:var(--ab-ink)}
.ab-note--warn svg{color:var(--ab-warn)}
.ab-note--err{background:rgba(163,13,36,.07);border:1px solid rgba(163,13,36,.3);color:var(--ab-ink)}
.ab-note--err svg{color:var(--ab-err)}
/* پرسش‌های متداولِ محصول */
.ab-faq{max-width:760px;margin:0 auto;display:grid;gap:12px}
.ab-faq details{background:#fff;border:var(--ab-line);border-radius:var(--ab-r-sm)}
.ab-faq details[open]{border-color:var(--ab-navy-line)}
.ab-faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;
  padding:16px 20px;font-size:15px;font-weight:500;color:var(--ab-navy);list-style:none}
.ab-faq summary::-webkit-details-marker{display:none}
.ab-faq summary svg{width:16px;height:16px;flex:0 0 auto;color:var(--ab-slate);transition:transform .2s var(--ab-ease)}
.ab-faq details[open] summary svg{transform:rotate(-90deg)}
.ab-faq details>div{padding:0 20px 16px;font-size:14.5px;font-weight:300;line-height:1.8;color:var(--ab-slate)}

/* کارتِ استعلام */
.ab-inq{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--ab-s3);
  background:var(--ab-navy);border-radius:var(--ab-r-lg);padding:var(--ab-s4) var(--ab-s5)}
.ab-inq h3{font-size:var(--ab-h3);font-weight:700;color:#fff;margin:0 0 8px}
.ab-inq p{font-size:14px;font-weight:300;color:#fff;margin:0}
.ab-inq__acts{display:flex;flex-wrap:wrap;gap:12px}

/* ---------- ۱۸) دربارهٔ ما ---------- */
.ab-story{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--ab-s6);align-items:center}
.ab-story__t p{font-size:16px;font-weight:400;line-height:1.8;color:var(--ab-slate);margin:0 0 var(--ab-s2)}
.ab-story__t p b{font-weight:700;color:var(--ab-navy)}
.ab-story__v{position:relative;display:grid;place-items:center;min-height:380px;
  background:var(--ab-cloud);border:var(--ab-line);border-radius:var(--ab-r-lg);overflow:hidden}
.ab-story__plate{position:relative;z-index:1;width:208px;height:208px;border-radius:50%;display:grid;place-items:center;
  background:#fff;border:var(--ab-line);box-shadow:var(--ab-shadow-lift)}
.ab-story__plate img{width:120px;height:120px}
/* خطِ زمانی */
.ab-tl{position:relative;max-width:760px;margin:0 auto}
.ab-tl::before{content:"";position:absolute;top:8px;bottom:8px;inset-inline-start:12px;width:2px;background:var(--ab-mist);border-radius:2px}
.ab-tl__i{position:relative;padding-inline-start:40px;padding-bottom:var(--ab-s4)}
.ab-tl__i:last-child{padding-bottom:0}
.ab-tl__i::before{content:"";position:absolute;top:8px;inset-inline-start:6px;width:14px;height:14px;border-radius:50%;
  background:#fff;border:3px solid var(--ab-navy)}
.ab-tl__i.is-now::before{border-color:var(--ab-red)}
.ab-tl__i b{display:block;font-size:17px;font-weight:700;color:var(--ab-navy);margin-bottom:4px}
.ab-tl__i p{font-size:14.5px;font-weight:300;line-height:1.8;color:var(--ab-slate);margin:0;max-width:56ch}
.ab-tl__i .ab-cap{display:inline-block;margin-bottom:4px}
/* تیمِ نقش‌محور */
.ab-team{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--ab-s3)}
.ab-tcard{text-align:center;background:#fff;border:var(--ab-line);border-radius:var(--ab-r);padding:var(--ab-s4) var(--ab-s3);
  transition:border-color .25s,transform .25s var(--ab-ease),box-shadow .25s}
.ab-tcard:hover{border-color:var(--ab-navy-line);transform:translateY(-4px);box-shadow:var(--ab-shadow)}
.ab-tcard__av{width:64px;height:64px;margin:0 auto 16px;border-radius:50%;display:grid;place-items:center;
  background:var(--ab-cloud);color:var(--ab-navy);border:var(--ab-line-soft)}
.ab-tcard__av svg{width:28px;height:28px}
.ab-tcard b{display:block;font-size:16px;font-weight:700;color:var(--ab-navy);margin-bottom:4px}
.ab-tcard p{font-size:14px;font-weight:300;line-height:1.75;color:var(--ab-slate);margin:0}

/* ---------- ۱۹) تماس ---------- */
.ab-contact{display:grid;grid-template-columns:1.08fr .92fr;gap:var(--ab-s6);align-items:start}
.ab-cinfo{display:grid;gap:var(--ab-s2)}
.ab-cinfo__i{display:flex;gap:16px;align-items:flex-start;background:#fff;border:var(--ab-line);border-radius:var(--ab-r);padding:16px 20px}
.ab-cinfo__ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;flex:0 0 auto;
  background:var(--ab-cloud);color:var(--ab-navy)}
.ab-cinfo__ic svg{width:20px;height:20px}
.ab-cinfo__i b{display:block;font-size:15px;font-weight:500;color:var(--ab-navy);margin-bottom:4px}
.ab-cinfo__i p{font-size:14px;font-weight:300;line-height:1.8;color:var(--ab-slate);margin:0}
.ab-map{display:grid;place-items:center;min-height:232px;text-align:center;
  background:var(--ab-cloud);border:var(--ab-line);border-radius:var(--ab-r)}
.ab-map>div{display:grid;justify-items:center;gap:8px;padding:var(--ab-s3)}
.ab-map svg{width:30px;height:30px;color:var(--ab-slate)}
.ab-map b{font-size:14px;font-weight:500;color:var(--ab-navy)}
.ab-map span{font-size:13px;font-weight:300;color:var(--ab-slate)}
/* فرم */
.ab-form{background:#fff;border:var(--ab-line);border-radius:var(--ab-r-lg);padding:var(--ab-s4)}
.ab-form__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--ab-s2)}
.ab-field{display:block;margin-bottom:var(--ab-s2)}
.ab-field--full{grid-column:1/-1}
.ab-field__lbl{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:var(--ab-navy)}
.ab-field__lbl em{font-style:normal;color:var(--ab-err)}
.ab-field input,.ab-field select,.ab-field textarea{width:100%;font-family:var(--ab-font);font-size:15px;color:var(--ab-ink);
  background:#fff;border:var(--ab-line);border-radius:var(--ab-r-sm);padding:0 16px;height:48px;
  transition:border-color .2s,box-shadow .2s}
.ab-field textarea{height:auto;min-height:144px;padding:12px 16px;line-height:1.8;resize:vertical}
.ab-field select{appearance:none;-webkit-appearance:none;padding-inline-end:44px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235A6173' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:left 16px center;background-size:16px}
.ab-field input::placeholder,.ab-field textarea::placeholder{color:var(--ab-slate);font-weight:300}
.ab-field input:focus,.ab-field select:focus,.ab-field textarea:focus{outline:none;border-color:var(--ab-navy);box-shadow:0 0 0 3px var(--ab-navy-ghost)}
.ab-field.is-invalid input,.ab-field.is-invalid textarea,.ab-field.is-invalid select{border-color:var(--ab-err)}
.ab-field__err{display:none;margin-top:8px;font-size:13px;font-weight:300;color:var(--ab-err)}
.ab-field.is-invalid .ab-field__err{display:block}
.ab-form__foot{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ab-s2);margin-top:var(--ab-s1)}
.ab-form__status{margin-top:var(--ab-s2)}
.ab-form__status:empty{display:none}

/* ---------- ۲۰) فوتر (روی Ink؛ متن #fff، تفکیک با وزن) ---------- */
.ab-ft{background:var(--ab-ink);color:#fff;padding:var(--ab-s6) 0 var(--ab-s3)}
.ab-ft__top{display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr;gap:var(--ab-s4);
  padding-bottom:var(--ab-s4);border-bottom:1px solid rgba(255,255,255,.08)}
.ab-ft__brand{display:flex;align-items:center;gap:12px;margin-bottom:16px;font-size:19px;font-weight:700;color:#fff}
.ab-ft__brand img{height:48px;width:auto;max-width:72px;object-fit:contain}
.ab-ft__about{max-width:42ch;font-size:14px;font-weight:300;line-height:1.8;color:#fff;margin:0}
.ab-ft__h{margin:0 0 16px;font-size:14px;font-weight:500;color:#fff}
.ab-ft ul{list-style:none;margin:0;padding:0}
.ab-ft li{margin-bottom:12px}
.ab-ft li a{font-size:14px;font-weight:300;color:#fff;transition:text-decoration-color .2s}
.ab-ft li a:hover{text-decoration:underline;text-underline-offset:4px}
.ab-ft__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding-top:24px;
  font-size:12px;font-weight:300;line-height:1.5;color:#fff}

/* ---------- ۲۱) حرکت (ظریف؛ فقط وقتی JS هست) ---------- */
.ab-js .ab-rev{opacity:0;transform:translateY(16px);transition:opacity .6s var(--ab-ease),transform .6s var(--ab-ease)}
.ab-js .ab-rev.in{opacity:1;transform:none}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}

/* ---------- ۲۲) واکنش‌گرایی ---------- */
@media(max-width:1080px){
  .ab-prods{grid-template-columns:repeat(3,1fr)}
  .ab-team{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:980px){
  .ab-nav,.ab-hdr__cta .ab-btn{display:none}
  .ab-burger{display:inline-flex}
  .ab-hero{padding:var(--ab-s6) 0}
  .ab-hero__in{grid-template-columns:1fr;gap:var(--ab-s5)}
  .ab-hero__v{grid-row:1;min-height:380px}
  .ab-hero__stats{gap:var(--ab-s4)}
  .ab-sec{padding:var(--ab-s6) 0}
  .ab-vals{grid-template-columns:1fr}
  .ab-why{grid-template-columns:repeat(2,1fr)}
  .ab-stats{grid-template-columns:repeat(2,1fr);gap:var(--ab-s4) var(--ab-s3)}
  .ab-pd,.ab-pd__cols,.ab-story,.ab-contact{grid-template-columns:1fr;gap:var(--ab-s5)}
  .ab-pd__v{grid-row:1;min-height:340px}
  .ab-ft__top{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .ab-prods{grid-template-columns:repeat(2,1fr);gap:var(--ab-s2)}
  .ab-card__img{height:152px}
  .ab-card__img img{height:112px}
}
@media(max-width:480px){
  .ab-prods{grid-template-columns:1fr}
  .ab-card__img{height:176px}
  .ab-card__img img{height:132px}
  .ab-hero__stats{flex-wrap:wrap;gap:var(--ab-s3)}
  .ab-hero__acts .ab-btn,.ab-cta__acts .ab-btn,.ab-inq__acts .ab-btn{width:100%}
  .ab-trust__in{justify-content:center;gap:12px 24px}
  .ab-cta{padding:var(--ab-s5) var(--ab-s3)}
  .ab-inq{padding:var(--ab-s4) var(--ab-s3)}
  .ab-form{padding:var(--ab-s3)}
  .ab-form__grid{grid-template-columns:1fr}
  .ab-spec__row{grid-template-columns:1fr;gap:4px}
  .ab-team{grid-template-columns:1fr}
  .ab-ft__bottom{justify-content:center;text-align:center}
}

/* ---------- ۲۳) کاهشِ حرکت ---------- */
@media(prefers-reduced-motion:reduce){
  .ab *,.ab *::before,.ab *::after{animation:none!important;transition:none!important}
  .ab-js .ab-rev{opacity:1;transform:none}
  html{scroll-behavior:auto}
}

/* ---------- نوارِ «منشأ گیاهی» (تک‌محصول) + تصاویرِ صحنه ---------- */
.ab-plantband{display:grid;grid-template-columns:.9fr 1.1fr;gap:var(--ab-s5);align-items:center}
.ab-plantband__img{margin:0;border-radius:var(--ab-r-lg);overflow:hidden;border:var(--ab-line);box-shadow:var(--ab-shadow)}
.ab-plantband__img img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}
.ab-plantband__t .ab-h2{margin-bottom:var(--ab-s2)}
.ab-plantband__t p{color:var(--ab-slate);margin:0 0 var(--ab-s3)}
.ab-figure{margin:0;border-radius:var(--ab-r-lg);overflow:hidden;border:var(--ab-line);box-shadow:var(--ab-shadow)}
.ab-figure img{width:100%;display:block;object-fit:cover}
.ab-media{display:grid;grid-template-columns:1fr 1fr;gap:var(--ab-s5);align-items:center}
.ab-media--rev .ab-figure{order:2}
@media(max-width:820px){.ab-plantband,.ab-media{grid-template-columns:1fr;gap:var(--ab-s3)}.ab-media--rev .ab-figure{order:0}}

/* ---------- دانش/بلاگ ---------- */
.ab-blog{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--ab-s4)}
.ab-acard{display:flex;flex-direction:column;background:var(--ab-white);border:var(--ab-line);border-radius:var(--ab-r);overflow:hidden;transition:border-color .25s,box-shadow .25s,transform .25s var(--ab-ease)}
.ab-acard:hover{border-color:var(--ab-navy-line);box-shadow:var(--ab-shadow-lift);transform:translateY(-5px)}
.ab-acard__img{margin:0;aspect-ratio:3/2;overflow:hidden;border-bottom:var(--ab-line)}
.ab-acard__img img{width:100%;height:100%;object-fit:cover;transition:transform .35s var(--ab-ease)}
.ab-acard:hover .ab-acard__img img{transform:scale(1.04)}
.ab-acard__b{padding:var(--ab-s3);display:flex;flex-direction:column;gap:8px;flex:1}
.ab-acard__cat{align-self:flex-start;font-size:12px;font-weight:500;color:var(--ab-navy);background:var(--ab-cloud);border:var(--ab-line);border-radius:20px;padding:3px 12px}
.ab-acard__t{font-size:17px;font-weight:700;line-height:1.5;color:var(--ab-navy);margin:0}
.ab-acard__b p{font-size:14px;font-weight:300;color:var(--ab-slate);line-height:1.8;margin:0;flex:1}
.ab-acard__meta{display:flex;gap:14px;font-size:12.5px;font-weight:300;color:var(--ab-slate);margin-top:4px;padding-top:12px;border-top:var(--ab-line)}
.ab-article{max-width:760px}
.ab-article__meta{display:flex;align-items:center;gap:14px;font-size:13px;font-weight:300;color:var(--ab-slate);margin-bottom:var(--ab-s3)}
.ab-article__hero{margin:0 0 var(--ab-s4);aspect-ratio:16/9}
.ab-article__hero img{width:100%;height:100%;object-fit:cover}
.ab-article__body p{font-size:17px;font-weight:400;line-height:1.95;color:var(--ab-ink);margin:0 0 var(--ab-s3)}
@media(max-width:820px){.ab-blog{grid-template-columns:1fr}.ab-article__body p{font-size:16px}}
@media(min-width:821px) and (max-width:1040px){.ab-blog{grid-template-columns:repeat(2,1fr)}}
.ab-note--ok{background:rgba(30,142,90,.08);border:1px solid rgba(30,142,90,.32);color:var(--ab-ink)}
.ab-note--ok svg{color:var(--ab-ok)}

/* کاربرد و دوز بر اساسِ مشکلِ گله (دیتاشیتِ محصول) */
.ab-usage{border:var(--ab-line);border-radius:var(--ab-r);overflow:hidden;background:#fff;margin:0 0 var(--ab-s3)}
.ab-usage__row{display:grid;grid-template-columns:1fr 320px;gap:var(--ab-s2);align-items:baseline;padding:15px 20px}
.ab-usage__row+.ab-usage__row{border-top:var(--ab-line-soft)}
.ab-usage__p{display:flex;align-items:flex-start;gap:10px;font-size:15px;font-weight:500;color:var(--ab-navy);line-height:1.6}
.ab-usage__p svg{width:16px;height:16px;flex:0 0 auto;color:var(--ab-green);margin-top:3px}
.ab-usage__d{font-size:14px;font-weight:400;color:var(--ab-slate);line-height:1.7;text-align:start}
.ab-usage__note{margin-top:16px;align-items:flex-start;line-height:1.7}
.ab-usage__note svg{margin-top:3px}
.ab-usage__src{font-size:12px;font-weight:300;color:var(--ab-slate);margin:8px 0 0}
@media(max-width:640px){.ab-usage__row{grid-template-columns:1fr;gap:6px;padding:13px 16px}}

/* تصویرِ هیروِ سینماییِ محصول */
.ab-pb-0{padding-bottom:0}
.ab-prodhero{position:relative;margin:0;border-radius:var(--ab-r-lg);overflow:hidden;border:var(--ab-line);background:var(--ab-navy);box-shadow:0 22px 55px -22px rgba(20,26,38,.5)}
.ab-prodhero img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.ab-prodhero__cap{position:absolute;inset-inline-start:16px;inset-block-end:16px;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(20,26,38,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-size:13px;font-weight:500}
.ab-prodhero__cap svg{width:15px;height:15px;flex:0 0 auto;color:var(--ab-green-line)}

/* کلیدبصریِ صفحهٔ نخست (جایگزینِ تصویرِ تک‌محصولی) */
.ab-hero__v--key{padding:0;background:transparent;border:0;min-height:0}
.ab-hero__key{margin:0;width:100%;border-radius:var(--ab-r-lg);overflow:hidden;border:var(--ab-line);box-shadow:0 24px 60px -22px rgba(20,26,38,.55)}
.ab-hero__key img{display:block;width:100%;height:auto}

/* بطریِ واقعی روی سکو در ستونِ ویژوالِ محصول */
.ab-pd__v--podium{padding:0;background:transparent;border:0;min-height:0}
.ab-podium{margin:0;width:100%;border-radius:var(--ab-r-lg);overflow:hidden;border:var(--ab-line);box-shadow:0 22px 55px -24px rgba(20,26,38,.42)}
.ab-podium img{display:block;width:100%;height:auto}
.ab-podium--pack{background:radial-gradient(120% 95% at 50% 12%,#ffffff 0%,#eef0f4 100%)}
.ab-podium--pack img{aspect-ratio:4/5;object-fit:contain;padding:20px 20px 0}
@media(max-width:640px){.ab-prodhero__cap{font-size:12px;padding:6px 11px}}