/* ════════════════════════════════════════════════════════════════════════
   SEE National Product Head-Term pages — Tier P5 (/{product}-india/)
   Tokens: red #CC1B1B · ink #1C1C1C · cream #FAFAF7 · paper #fff
   Scoped prefix: .seeht-*  (mirrors .seeloc-* / .seesh-* systems)
═══════════════════════════════════════════════════════════════════════ */

.seeht{
  font-family:'Inter','Helvetica Neue',Arial,sans-serif;
  background:#fff;color:#1C1C1C;
  width:100vw;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;
  position:relative;font-feature-settings:'cv11','ss01';
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
}
.seeht *{box-sizing:border-box}

/* Strip Kadence wrappers on the head-term slug pattern (*-india) */
body.page[class*="-india"] .entry-content,
.seeht ~ *{max-width:none !important}
body.page[class*="-india"] .entry-header,
body.page[class*="-india"] .kadence-title-area,
body.page[class*="-india"] .page-title{display:none !important}

/* Scroll-reveal */
.seeht-rv{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}
.seeht-rv.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){ .seeht-rv{opacity:1;transform:none;transition:none} }

/* ─── HERO ─────────────────────────────────────────────────────── */
.seeht-hero{
  background:radial-gradient(circle at 22% 30%,rgba(204,27,27,.22) 0%,transparent 55%),#080808;
  color:#fff;position:relative;overflow:hidden;
  padding:clamp(80px,10vw,140px) clamp(20px,4vw,48px) clamp(60px,7vw,90px);
}
.seeht-hero__inner{max-width:1180px;margin:0 auto;position:relative;z-index:2}
.seeht-hero__noise{
  position:absolute;inset:0;pointer-events:none;opacity:.04;z-index:1;
  background-image:
    repeating-linear-gradient(0deg,#fff 0,#fff 1px,transparent 1px,transparent 4px),
    repeating-linear-gradient(90deg,#fff 0,#fff 1px,transparent 1px,transparent 4px);
}
.seeht-hero__glow{
  position:absolute;right:-150px;top:-100px;width:600px;height:600px;
  background:radial-gradient(circle,rgba(204,27,27,.16) 0%,transparent 60%);pointer-events:none;z-index:1;
}
.seeht-hero__crumb{font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.55);margin-bottom:22px}
.seeht-hero__crumb a{color:inherit;text-decoration:none;transition:color .2s}
.seeht-hero__crumb a:hover{color:#fff}
.seeht-hero__crumb-sep{margin:0 8px;color:rgba(255,255,255,.3)}
.seeht-hero__tag{
  display:inline-block;padding:7px 14px;border:1px solid rgba(204,27,27,.45);border-radius:99px;
  background:rgba(204,27,27,.16);font-size:11.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#fff;margin-bottom:24px;
}
.seeht-hero__h{font-size:clamp(40px,5.6vw,72px);font-weight:700;letter-spacing:-.04em;line-height:1;margin:0 0 22px;color:#fff}
.seeht-hero__sub{font-size:clamp(15px,1.5vw,18.5px);line-height:1.55;color:rgba(255,255,255,.75);max-width:780px;margin:0 0 36px}
.seeht-hero__cta-row{display:inline-flex;flex-wrap:wrap;gap:12px}

/* Buttons */
.seeht-btn{
  display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;border-radius:10px;
  font-size:14px;font-weight:600;letter-spacing:.02em;text-decoration:none;border:1px solid transparent;
  transition:transform .2s,background .2s,border-color .2s;
}
.seeht-btn--red{background:#CC1B1B;color:#fff}
.seeht-btn--red:hover{background:#b51717;transform:translateY(-2px)}
.seeht-btn--wa{background:#25D366;color:#0a3a1a}
.seeht-btn--wa:hover{background:#20bb59;transform:translateY(-2px)}
.seeht-btn--ghost{background:transparent;color:rgba(255,255,255,.85);border-color:rgba(255,255,255,.2)}
.seeht-btn--ghost:hover{border-color:#fff;color:#fff;transform:translateY(-2px)}
.seeht-final .seeht-btn--ghost{color:#1C1C1C;border-color:#1C1C1C}
.seeht-final .seeht-btn--ghost:hover{background:#1C1C1C;color:#fff}

/* ─── INTRO ─────────────────────────────────────────────────────── */
.seeht-intro{background:#fff;padding:clamp(70px,9vw,120px) clamp(20px,4vw,48px) clamp(50px,7vw,70px)}
.seeht-intro__inner{max-width:920px;margin:0 auto}
.seeht-intro__ey{font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#CC1B1B;margin-bottom:16px}
.seeht-intro__body{font-size:clamp(16px,1.4vw,19px);line-height:1.7;color:#1C1C1C}
.seeht-intro__body p{margin:0 0 18px}
.seeht-intro__body p:last-child{margin-bottom:0}

/* ─── SECTION PRIMITIVES ─────────────────────────────────────────── */
.seeht-sec{padding:clamp(64px,8vw,110px) clamp(20px,4vw,48px)}
.seeht-sec--cream{background:#FAFAF7}
.seeht-sec--dark{background:#0a0a0a;color:#fff}
.seeht-sec__head{max-width:820px;margin:0 auto 46px;text-align:center}
.seeht-sec__ey{font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#CC1B1B;margin-bottom:14px}
.seeht-sec--dark .seeht-sec__ey{color:#ff6b6b}
.seeht-sec__h{font-size:clamp(26px,3.2vw,42px);font-weight:700;letter-spacing:-.03em;line-height:1.1;margin:0}
.seeht-sec__sub{font-size:clamp(14.5px,1.3vw,17px);line-height:1.6;color:#6a6a6a;margin:16px auto 0;max-width:680px}
.seeht-sec--dark .seeht-sec__sub{color:rgba(255,255,255,.7)}
.seeht-sec__sub a{color:#CC1B1B;text-decoration:none;font-weight:600}
.seeht-sec__sub a:hover{text-decoration:underline}

/* ─── PRODUCT RANGE ───────────────────────────────────────────────── */
.seeht-range{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.seeht-range__item{background:#fff;border:1px solid #ececea;border-radius:14px;padding:28px 24px 24px;border-top:3px solid #CC1B1B}
.seeht-range__num{font-size:13px;font-weight:700;letter-spacing:.1em;color:#CC1B1B;margin-bottom:12px}
.seeht-range__h{font-size:17px;font-weight:700;letter-spacing:-.01em;margin-bottom:8px;color:#1C1C1C}
.seeht-range__item p{font-size:14px;line-height:1.55;color:#6a6a6a;margin:0}

/* ─── STANDARDS STRIP ─────────────────────────────────────────────── */
.seeht-standards{background:#1C1C1C;color:#fff;padding:clamp(28px,4vw,40px) clamp(20px,4vw,48px)}
.seeht-standards__inner{max-width:1080px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:18px}
.seeht-standards__lbl{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#ff6b6b}
.seeht-standards__chips{display:flex;flex-wrap:wrap;gap:10px}
.seeht-standard{display:inline-block;padding:8px 14px;border-radius:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);font-size:13px;font-weight:600}

/* ─── APPLICATIONS ────────────────────────────────────────────────── */
.seeht-apps{max-width:980px;margin:0 auto;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.seeht-app{display:inline-block;padding:11px 18px;border-radius:99px;background:#fff;border:1px solid #e2e2df;font-size:14.5px;font-weight:600;color:#1C1C1C}

/* ─── WHY SEE ─────────────────────────────────────────────────────── */
.seeht-why{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.seeht-why__item{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:26px 22px}
.seeht-why__h{font-size:16.5px;font-weight:700;letter-spacing:-.01em;margin-bottom:10px;color:#fff}
.seeht-why__item p{font-size:14px;line-height:1.6;color:rgba(255,255,255,.72);margin:0}

/* ─── RELATED PRODUCTS ────────────────────────────────────────────── */
.seeht-prods{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.seeht-prod{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  background:#fff;border:1px solid #e2e2df;border-radius:12px;padding:18px 22px;
  font-size:15.5px;font-weight:600;color:#1C1C1C;text-decoration:none;
  transition:transform .2s,border-color .2s,box-shadow .2s;
}
.seeht-prod:hover{transform:translateY(-2px);border-color:#CC1B1B;box-shadow:0 10px 24px rgba(204,27,27,.1)}
.seeht-prod__arrow{color:#CC1B1B;font-size:16px}

/* ─── GEO HUBS ────────────────────────────────────────────────────── */
.seeht-geo{max-width:1080px;margin:0 auto;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.seeht-geo__link{
  display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:99px;
  border:1px solid #CC1B1B;background:#fff;color:#CC1B1B;font-size:14px;font-weight:600;text-decoration:none;
  transition:transform .2s,box-shadow .2s;
}
.seeht-geo__link:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(204,27,27,.12)}
.seeht-geo__arrow{font-size:14px}

/* ─── FAQs ────────────────────────────────────────────────────────── */
.seeht-faqs{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.seeht-faq{background:#fff;border:1px solid #ececea;border-radius:12px;padding:4px 22px;transition:border-color .2s}
.seeht-faq[open]{border-color:#CC1B1B}
.seeht-faq__q{cursor:pointer;list-style:none;padding:18px 0;font-size:16px;font-weight:600;color:#1C1C1C;display:flex;justify-content:space-between;align-items:center;gap:16px}
.seeht-faq__q::-webkit-details-marker{display:none}
.seeht-faq__q::after{content:'+';font-size:22px;color:#CC1B1B;font-weight:400;line-height:1}
.seeht-faq[open] .seeht-faq__q::after{content:'\2013'}
.seeht-faq__a{padding:0 0 20px;font-size:15px;line-height:1.65;color:#5c5c5c}

/* ─── FINAL CTA ───────────────────────────────────────────────────── */
.seeht-final{background:linear-gradient(135deg,#FAFAF7 0%,#fff 100%);padding:clamp(60px,8vw,100px) clamp(20px,4vw,48px)}
.seeht-final__inner{
  max-width:1100px;margin:0 auto;display:flex;flex-wrap:wrap;gap:36px;align-items:center;justify-content:space-between;
  background:#fff;border:1px solid #ececea;border-radius:20px;padding:clamp(32px,4vw,52px);border-left:5px solid #CC1B1B;
}
.seeht-final__copy{flex:1 1 420px}
.seeht-final__ey{font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#CC1B1B;margin-bottom:14px}
.seeht-final__h{font-size:clamp(24px,2.8vw,36px);font-weight:700;letter-spacing:-.03em;line-height:1.12;margin:0 0 14px}
.seeht-final__sub{font-size:15.5px;line-height:1.6;color:#6a6a6a;margin:0;max-width:560px}
.seeht-final__btns{display:flex;flex-direction:column;gap:12px;flex:0 0 auto}

/* ─── SEO TAIL ────────────────────────────────────────────────────── */
.seeht-seo{max-width:1080px;margin:0 auto;padding:clamp(40px,6vw,70px) clamp(20px,4vw,48px);font-size:13.5px;line-height:1.75;color:#9a9a9a;border-top:1px solid #ececea}

/* ─── RESPONSIVE ──────────────────────────────────────────────────── */
@media (max-width:768px){
  .seeht-final__inner{flex-direction:column;align-items:flex-start}
  .seeht-final__btns{flex-direction:row;flex-wrap:wrap;width:100%}
  .seeht-apps,.seeht-geo{justify-content:flex-start}
}
