/* ============================================================
   Trans-Digi Global — Himel Distributor (brand authority page)
   Page-specific styles. Loaded AFTER style.css so it wins the
   cascade. Reuses the homepage/About design system + tokens.
   ============================================================ */

/* ---------- page-hero: brand lock-up + trust chips ---------- */
.himel-hero .page-hero__inner{max-width:var(--maxw);margin:0 auto}
.himel-badge{display:inline-flex;align-items:center;gap:9px;background:rgba(107,192,84,.12);
  border:1px solid rgba(107,192,84,.35);border-radius:999px;padding:7px 15px;margin-bottom:14px}
.himel-badge svg{width:16px;height:16px;stroke:var(--lime);stroke-width:2;fill:none}
.himel-badge span{font-family:var(--font-head);font-weight:600;color:var(--lime);
  font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}
.himel-hero__chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 12px;margin-top:22px}
.himel-hero__chips li{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:9px 14px;
  color:#dbe6df;font-size:.82rem;font-family:var(--font-head);font-weight:500}
.himel-hero__chips svg{width:16px;height:16px;stroke:var(--lime);stroke-width:1.8;fill:none;flex:none}
.himel-hero__cta{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:26px}

/* ---------- authorised-partner intro band ---------- */
.himel-intro{padding:56px 0;background:var(--bg)}
.himel-intro__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;align-items:center}
.himel-intro__brand{background:
  radial-gradient(90% 130% at 80% 12%,#0e4a2d 0%,#083020 55%,#052015 100%);
  border-radius:18px;padding:38px 34px;position:relative;overflow:hidden;text-align:center}
.himel-intro__brand::before{content:"";position:absolute;inset:0;
  background:repeating-linear-gradient(115deg,rgba(255,255,255,.02) 0 2px,transparent 2px 26px);opacity:.5}
.himel-intro__logo{position:relative;background:#fff;border-radius:12px;padding:26px 30px;
  display:grid;place-items:center;margin-bottom:22px}
.himel-intro__logo img{max-height:56px;width:auto}
.himel-intro__brand p{position:relative;color:#cbd7d0;font-size:.9rem;line-height:1.7}
.himel-intro__brand strong{color:#fff;font-weight:600}
.himel-intro__body .kicker{justify-content:flex-start}
.himel-intro__body .section-title{text-align:left}
.himel-intro__body .divider{margin-left:0}
.himel-intro__lead{margin-top:16px;font-size:1.02rem;color:#495751;line-height:1.75}
.himel-intro__lead strong{color:var(--ink);font-weight:600}
.himel-intro__points{margin-top:22px;display:grid;gap:14px}
.himel-intro__points li{display:flex;gap:12px;align-items:flex-start}
.himel-intro__points svg{width:22px;height:22px;stroke:var(--accent);stroke-width:1.7;fill:none;
  flex:none;margin-top:2px}
.himel-intro__points strong{display:block;font-family:var(--font-head);color:var(--ink);
  font-weight:600;font-size:.94rem;margin-bottom:2px}
.himel-intro__points span{font-size:.86rem;color:var(--body)}

/* ---------- product families grid ---------- */
.himel-fam{padding:60px 0;background:var(--bg-soft)}
.himel-fam__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:38px}
.fam-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  padding:26px 24px 22px;box-shadow:var(--shadow);display:flex;flex-direction:column;transition:.25s}
.fam-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(4,24,14,.1);border-color:#cfe0d4}
.fam-card--hl{border-color:rgba(63,155,69,.4);box-shadow:0 14px 34px rgba(40,162,68,.12)}
.fam-card__head{display:flex;align-items:center;gap:13px;margin-bottom:14px}
.fam-card__icon{width:48px;height:48px;border-radius:12px;background:var(--green-850);
  display:grid;place-items:center;flex:none}
.fam-card__icon svg{width:24px;height:24px;stroke:#fff;stroke-width:1.6;fill:none}
.fam-card__head h3{font-family:var(--font-head);font-weight:700;color:var(--ink);
  font-size:1.06rem;line-height:1.2}
.fam-card__tag{display:inline-block;background:#e4f3e6;color:var(--accent);font-family:var(--font-head);
  font-weight:700;font-size:.62rem;letter-spacing:.06em;padding:4px 9px;border-radius:5px;margin-top:4px}
.fam-card>p{font-size:.86rem;line-height:1.6;margin-bottom:15px}
.fam-card__series{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:16px}
.fam-card__series span{font-family:var(--font-head);font-weight:600;font-size:.72rem;
  color:var(--ink);background:var(--bg-soft);border:1px solid var(--line);
  border-radius:6px;padding:5px 10px;font-variant-numeric:tabular-nums;letter-spacing:.01em}
.fam-card__specs{list-style:none;margin:0 0 18px;padding-top:14px;border-top:1px solid var(--line)}
.fam-card__specs li{display:flex;align-items:flex-start;gap:9px;font-size:.83rem;
  color:var(--ink);margin-bottom:8px}
.fam-card__specs svg{width:15px;height:15px;stroke:var(--accent);stroke-width:2.4;fill:none;
  flex:none;margin-top:3px}
.fam-card__foot{margin-top:auto}
.fam-card .arrow-link{font-size:.84rem}

/* ---------- why authorised / assurance strip ---------- */
.himel-why{padding:60px 0;background:var(--green-950);position:relative;overflow:hidden}
.himel-why::before{content:"";position:absolute;inset:0;
  background:repeating-linear-gradient(115deg,rgba(255,255,255,.02) 0 2px,transparent 2px 26px);opacity:.5}
.himel-why .container{position:relative}
.himel-why__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:36px}
.assure-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);
  border-radius:14px;padding:26px 22px;text-align:left}
.assure-card__icon{width:50px;height:50px;border-radius:12px;background:rgba(107,192,84,.12);
  display:grid;place-items:center;margin-bottom:16px}
.assure-card__icon svg{width:26px;height:26px;stroke:var(--lime);stroke-width:1.6;fill:none}
.assure-card h3{font-family:var(--font-head);font-weight:700;color:#fff;font-size:1rem;
  margin-bottom:8px;line-height:1.25}
.assure-card p{color:#b7c6bd;font-size:.85rem;line-height:1.6}

/* ---------- applications the range covers ---------- */
.himel-apps{padding:60px 0;background:var(--bg)}
.himel-apps__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:36px}
.app-chip{display:flex;flex-direction:column;gap:10px;background:var(--bg);border:1px solid var(--line);
  border-radius:12px;padding:22px 20px;box-shadow:var(--shadow);transition:.2s}
.app-chip:hover{border-color:var(--accent);transform:translateY(-3px)}
.app-chip__icon{width:44px;height:44px;border-radius:11px;background:var(--bg-soft);
  display:grid;place-items:center}
.app-chip__icon svg{width:23px;height:23px;stroke:var(--accent);stroke-width:1.6;fill:none}
.app-chip strong{font-family:var(--font-head);font-weight:700;color:var(--ink);font-size:.94rem}
.app-chip span{font-size:.82rem;line-height:1.5}

/* ---------- sibling brand cross-links ---------- */
.himel-siblings{padding:56px 0;background:var(--bg-soft)}
.himel-siblings__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}
.sib-card{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--line);
  border-radius:12px;padding:20px 22px;box-shadow:var(--shadow);transition:.2s}
.sib-card:hover{border-color:var(--accent);transform:translateY(-3px)}
.sib-card__logo{width:96px;height:52px;background:var(--bg-soft);border-radius:8px;
  display:grid;place-items:center;flex:none;padding:8px}
.sib-card__logo img{max-height:34px;max-width:100%;width:auto;object-fit:contain}
.sib-card__mark{width:52px;height:52px;border-radius:12px;background:var(--green-850);
  display:grid;place-items:center;flex:none}
.sib-card__mark svg{width:26px;height:26px;stroke:#fff;stroke-width:1.6;fill:none}
.sib-card h3{font-family:var(--font-head);font-weight:700;color:var(--ink);font-size:.98rem;margin-bottom:3px}
.sib-card p{font-size:.82rem;line-height:1.45;margin-bottom:6px}
.sib-card .arrow-link{font-size:.8rem}
.sib-card__body{min-width:0}

/* ---------- closing cta wrapper ---------- */
.himel-faq{padding:60px 0;background:var(--bg-soft,#f4f6f5)}
.himel-cta{padding:60px 0;background:var(--bg)}
.himel-cta .cta-band{margin-top:0}

/* ============================================================
   COMPACT DESKTOP SCALE (match About / homepage @992px)
   ============================================================ */
@media(min-width:992px){
  .himel-intro{padding:44px 0}
  .himel-intro__grid{gap:36px}
  .himel-intro__brand{padding:30px 28px}
  .himel-fam{padding:46px 0}
  .himel-fam__grid{gap:16px;margin-top:30px}
  .fam-card{padding:22px 20px 18px}
  .himel-why{padding:46px 0}
  .himel-why__grid{gap:15px;margin-top:28px}
  .assure-card{padding:22px 18px}
  .himel-apps{padding:46px 0}
  .himel-apps__grid{gap:14px;margin-top:28px}
  .himel-siblings{padding:44px 0}
  .himel-cta{padding:46px 0}
}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media(max-width:980px){
  .himel-intro__grid{grid-template-columns:1fr;gap:30px}
  .himel-fam__grid{grid-template-columns:1fr 1fr}
  .himel-why__grid{grid-template-columns:1fr 1fr}
  .himel-apps__grid{grid-template-columns:1fr 1fr}
  .himel-siblings__grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  .himel-fam__grid{grid-template-columns:1fr}
  .himel-why__grid{grid-template-columns:1fr}
  .himel-apps__grid{grid-template-columns:1fr 1fr}
  .himel-hero__cta{flex-direction:column}
  .himel-hero__cta .btn{width:100%}
  .himel-intro__body .kicker{justify-content:center}
  .himel-intro__body .section-title{text-align:center}
  .himel-intro__body .divider{margin-left:auto;margin-right:auto}
  /* iOS zoom guard — any inputs rendered on this page */
  input,select,textarea{font-size:16px}
}


/* ============================================================
   FAQ — always-visible (AEO: never <details>; visible to AI crawlers)
   ============================================================ */
.faq-list{max-width:820px;margin:36px auto 0;display:flex;flex-direction:column;gap:12px}
.faq-item{border:1px solid var(--line);border-radius:12px;background:var(--bg);box-shadow:var(--shadow);overflow:hidden}
.faq-item .faq-q{margin:0;padding:18px 22px 6px;font-family:var(--font-head);font-weight:600;color:var(--ink);font-size:.98rem;line-height:1.4;display:flex;align-items:flex-start;gap:12px}
.faq-item .faq-q::before{content:"";width:9px;height:9px;flex:none;margin-top:6px;border-right:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(45deg)}
.faq-item .faq-a{padding:0 22px 20px 43px}
.faq-item .faq-a p{margin:0;font-size:.9rem;line-height:1.65;color:#5a6660}
.faq-item .faq-a a{color:var(--accent)}
@media(max-width:640px){.faq-list{margin-top:28px}}