/* crowngradingpro.com content pages: base for the WP-era bodies (each carries its own scoped CSS).
   The header/footer are in chrome.css. */
:root {
  --gold: #d4af37; --gold-bright: #f5c842; --gold-deep: #b8860b;
  --purple: #4e0e99; --purple-lt: #721ccb; --ink: #06000f;
  --shine: linear-gradient(180deg, #9a6e00 0%, #d4af37 18%, #ffe88a 38%, #fffbe0 50%, #ffe88a 62%, #d4af37 82%, #9a6e00 100%);
}
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: #fff; color: #1b1030; font-family: 'Rajdhani', system-ui, sans-serif; font-size: 17px; line-height: 1.6; overflow-x: hidden; }
img { max-width: 100%; height: auto; }
.cgp-trap { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; opacity: 0; }

/* WP-era full-bleed hack (100vw + translateX) escaped Astra's boxed column; pages are
   already full width here, and 100vw overshoots on phones. */
.cg-main .cgp-hp-hero, .cg-main .cgp-hp-show-bg, .cg-main .cgp-price-bg, .cg-main .cgp-hp-final,
.cg-main .cgp-hp-film-bg, .cg-main .cgp-ps-wrap { width: auto; left: auto; transform: none; }
#crown-about a.btn { max-width: 100%; white-space: normal; text-align: center; box-sizing: border-box; }
/* 404 */
.cgp-404 { min-height: 56vh; display: grid; place-content: center; text-align: center; gap: 14px; padding: 72px 16px;
  background: linear-gradient(155deg, #020010 0%, #0c0225 40%, #18043c 70%, #05001a 100%); color: #e8dffa; }
.cgp-404-eyebrow { font-family: 'Orbitron', sans-serif; font-size: .7rem; letter-spacing: .28em; text-transform: uppercase; color: var(--gold); }
.cgp-404 h1 { margin: 0; font-family: 'Orbitron', sans-serif; font-weight: 900; font-size: clamp(1.8rem, 5vw, 3rem); line-height: 1.15;
  background: var(--shine); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.cgp-404 p { margin: 0 auto; max-width: 46ch; font-size: 1.1rem; text-shadow: 0 1px 3px rgba(0,0,0,.85); }
.cgp-404-ctas { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 10px; }
.cgp-404-btn { display: inline-flex; align-items: center; min-height: 46px; padding: 0 22px; border-radius: 6px; text-decoration: none;
  font-family: 'Orbitron', sans-serif; font-weight: 700; font-size: .72rem; letter-spacing: .14em; text-transform: uppercase; color: #07000f;
  background: linear-gradient(180deg, #ffe88a 0%, #d4af37 55%, #b8860b 100%); box-shadow: inset 0 1px 0 rgba(255,255,255,.6), 0 3px 14px rgba(0,0,0,.45); }
.cgp-404-btn.ghost { color: var(--gold); background: transparent; border: 1px solid rgba(212,175,55,.55); box-shadow: inset 0 1px 0 rgba(255,255,255,.08); }
.cgp-404-btn:hover { filter: brightness(1.08); }