/* ========= CircuitX Single Trainer – Dark Premium (Updated) ========= */

/* Load Gibson Bold for the main heading */
@font-face{
  font-family:"GibsonBold";
  src:url("https://circuitx.yourdigishell.in/wp-content/uploads/2025/09/gibson-bold.ttf") format("truetype");
  font-weight:700; font-style:normal; font-display:swap;
}

:root{
  --cx-red:#BB2323;
  --ink:#050505;
  --ink-2:#0B0B0B;
  --muted:#9CA3AF;
  --bg:#0A0A0A;
  --card:#0F0F0F;
  --ring:#1E1E1E;
  --pill:#151515;
  --white:#FFFFFF;
  --radius:18px;
  --shadow:0 6px 24px rgba(0,0,0,.22);
}

* { box-sizing: border-box; }
body.single { background:#000; }

.cxtr-wrap{
  max-width:1200px;
  margin:28px auto;
  padding:0 16px;
  font-family:Poppins,system-ui,sans-serif;
  color:#E9E9E9;
}

/* HERO */
.cxtr-hero{
  display:grid;
  grid-template-columns: 420px 1fr;
  gap:22px;
  align-items:stretch;
}
@media (max-width: 1024px){
  .cxtr-hero{ grid-template-columns: 1fr; }
}

.cxtr-hero-photo{
  position:relative;
  background:var(--card);
  border:1px solid var(--ring);
  border-radius:calc(var(--radius) + 6px);
  padding:14px;
  box-shadow:var(--shadow);
}
.cxtr-hero-img{
  width:100%; aspect-ratio:4/5; object-fit:cover;
  border-radius:16px; background:#111;
}

.cxtr-chip{
  position:absolute; left:18px;
  padding:7px 10px; border-radius:999px; font-size:12px; font-weight:700;
  letter-spacing:.02em; text-transform:uppercase; border:1px solid #262626;
  background:#121212; color:#D6D6D6;
}
.cxtr-chip-accent{ top:18px; }
.cxtr-chip-featured{
  bottom:18px; background:linear-gradient(180deg,#2a2a2a 0%, #181818 100%);
  color:#FFD56A; border-color:#3a3a3a;
}

/* Right Head */
.cxtr-hero-head{
  background:linear-gradient(180deg,#0E0E0E 0%, #0B0B0B 100%);
  border:1px solid var(--ring);
  border-radius:calc(var(--radius) + 6px);
  padding:18px 18px 16px;
  box-shadow:var(--shadow);
}

.cxtr-title{ margin:0 0 10px 0; }
.cxtr-title-top{
  display:inline-block;
  font-family:"GibsonBold","Poppins",system-ui,sans-serif;
  font-size:clamp(28px,4.8vw,56px);
  line-height:.98; letter-spacing:.2px; color:#fff;
}

/* Pills (kept simple per request) */
.cxtr-pills{
  display:flex; gap:10px; flex-wrap:wrap; margin:14px 0 12px;
}
.cxtr-pill{
  display:inline-flex; gap:8px; align-items:center;
  background:var(--pill); color:#F2F2F2;
  border:1px solid #222; border-radius:999px;
  padding:7px 12px; font-size:12px; font-weight:600;
}
.cxtr-pill i{ font-size:12px; }

/* Quick meta row under name (Certs + Gym) */
.cxtr-quick{
  list-style:none; margin:0 0 14px; padding:0;
  display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:10px 14px;
}
.cxtr-quick li{
  background:#0D0D0D; border:1px solid #232323; border-radius:12px; padding:12px;
  display:flex; flex-direction:column; gap:6px;
}
.cxtr-quick li span{ color:#9BA0A6; font-size:12px; }
.cxtr-quick li strong{ color:#F2F2F2; font-size:14px; }
@media (max-width:720px){
  .cxtr-quick{ grid-template-columns:1fr; }
}

/* CTA Row */
.cxtr-cta-row{
  display:flex; flex-wrap:wrap; gap:10px 12px; align-items:center;
}
.cxtr-btn{
  display:inline-flex; align-items:center; gap:10px;
  padding:10px 14px; border-radius:999px; font-weight:700; font-size:14px;
  text-decoration:none; border:1px solid #222;
}
.cxtr-btn-primary{
  background:var(--cx-red); color:#fff; border-color:#a61616;
  box-shadow:0 6px 20px rgba(187,35,35,.35);
}
.cxtr-btn-primary:hover{ transform:translateY(-1px); }
.cxtr-btn-ghost{ background:#121212; color:#EDEDED; }

.cxtr-socials{ display:inline-flex; gap:10px; margin-left:6px; }
.cxtr-social{
  display:inline-flex; width:36px; height:36px; align-items:center; justify-content:center;
  background:#121212; border:1px solid #222; border-radius:50%;
  color:#DADADA; text-decoration:none;
}
.cxtr-social:hover{ transform:translateY(-1px); }

/* Grid: now single column (sidebar removed) */
.cxtr-grid{ margin-top:18px; }
.cxtr-grid-single{ display:block; }
.cxtr-main{ display:flex; flex-direction:column; gap:16px; }

/* Cards */
.cxtr-card{
  background:var(--card);
  border:1px solid var(--ring);
  border-radius:var(--radius);
  padding:18px;
  box-shadow:var(--shadow);
}
.cxtr-card-muted{
  background:#0E0E0E; color:#CFCFCF;
}

/* Headings */
.cxtr-h3{
  margin:0 0 10px; font:700 18px/1.25 Poppins,system-ui,sans-serif; color:#fff;
  letter-spacing:.2px;
}

/* Rich text */
.cxtr-rich p{ margin:0 0 10px; color:#E5E5E5; }
.cxtr-rich ul{ margin:0 0 10px 20px; }

/* General anchors */
a{ color:#EDEDED; }