/* Search landing pages use the same palette and wordmark as the storefront. */
.seo-page { min-height:100vh; }
.seo-page .header { position:relative; display:flex; flex-wrap:wrap; height:auto; min-height:88px; padding-block:16px; }
.seo-page .header nav a { display:inline-flex; }
.seo-page .header-right { display:flex; flex-wrap:wrap; gap:8px; }
.seo-page a { text-decoration:none; }
.seo-page a:hover { text-decoration:underline; text-underline-offset:4px; }
.seo-page .primary { text-decoration:none; display:inline-flex; align-items:center; justify-content:center; }
.seo-main { width:min(1240px,calc(100% - 64px)); margin:0 auto; padding-bottom:72px; }
.seo-breadcrumbs ol { display:flex; flex-wrap:wrap; gap:8px 18px; padding:22px 0; margin:0; list-style:none; color:var(--muted,#a4aec2); font-size:13px; }
.seo-breadcrumbs li+li::before { content:'/'; margin-right:18px; opacity:.45; }
.seo-breadcrumbs a { color:inherit; }
.seo-hero { position:relative; isolation:isolate; overflow:hidden; border-radius:24px; background:#121a2c; color:#f4eedf; min-height:340px; display:flex; align-items:center; }
.seo-hero-image { position:absolute; inset:0; z-index:-2; width:100%; height:100%; object-fit:cover; }
.seo-hero.has-art::after { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(8,8,19,.92),rgba(8,8,19,.62) 60%,rgba(8,8,19,.2)); }
.seo-hero-content { padding:44px; max-width:780px; }
.seo-eyebrow { font-size:13px; font-weight:700; color:#d4b574; }
.seo-page .seo-hero h1 { color:#f4eedf; font-size:clamp(32px,4vw,54px); line-height:1.06; letter-spacing:-.04em; margin:15px 0 18px; }
.seo-hero-content p { font-size:16px; color:#e0e5f0; margin-bottom:28px; line-height:1.65; }
.seo-buy { min-height:48px; padding:12px 24px; background:#a0bddb; color:#101523; border-radius:12px; font-weight:700; }
.seo-content-grid { display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:60px; margin:54px 0; align-items:start; }
.seo-page h2 { font-size:clamp(24px,2.3vw,32px); line-height:1.2; letter-spacing:-.025em; margin:0 0 24px; }
.seo-copy p { font-size:16px; line-height:1.85; color:var(--muted,#a4aec2); margin:0 0 20px; }
.seo-note { padding:24px; border:1px solid var(--line,#ffffff18); border-radius:18px; background:var(--surface,#141622); }
.seo-note h2 { font-size:19px; margin-bottom:14px; }
.seo-note p { color:var(--muted,#a4aec2); font-size:14px; line-height:1.75; }
.seo-note .secondary { display:block; text-align:center; margin:20px 0 16px; }
.seo-help { color:inherit; font-size:14px; display:block; text-align:center; }
.seo-section-title p { color:var(--muted,#a4aec2); margin-top:-12px; line-height:1.6; }
.seo-product-group { margin:30px 0; }
.seo-product-group h3 { font-size:19px; margin:0 0 12px; }
.seo-product-group ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); margin:0; padding:0; list-style:none; gap:8px; }
.seo-product-group li { min-width:0; border:1px solid var(--line,#ffffff18); border-radius:12px; }
.seo-product-group a { display:flex; gap:14px; align-items:center; justify-content:space-between; min-height:64px; padding:14px 18px; color:inherit; }
.seo-product-group a span { overflow-wrap:anywhere; line-height:1.5; }
.seo-live-price { color:var(--muted,#a4aec2); font-size:12px; text-align:right; flex:0 0 104px; }
.seo-faq { margin-top:56px; }
.seo-faq details { padding:20px 0; border-bottom:1px solid var(--line,#ffffff18); }
.seo-faq summary { cursor:pointer; font-weight:650; line-height:1.5; padding-right:24px; }
.seo-faq details p { color:var(--muted,#a4aec2); line-height:1.8; margin:14px 0 0; max-width:850px; }
.seo-related { margin-top:56px; }
.seo-related ul { display:flex; gap:10px; flex-wrap:wrap; padding:0; list-style:none; }
.seo-related a { display:block; padding:12px 16px; color:inherit; border:1px solid var(--line,#ffffff18); border-radius:10px; }
.seo-page .footer nav { display:flex; gap:24px; flex-wrap:wrap; }
.seo-page .footer nav a { color:inherit; }
.seo-game-fallback { min-height:220px; padding:28px; background:var(--surface,#141622); }
@media(max-width:760px){
 .seo-main { width:calc(100% - 32px); }
 .seo-content-grid { grid-template-columns:1fr; gap:24px; margin:32px 0; }
 .seo-hero-content { padding:28px 22px; }
 .seo-hero { min-height:300px; border-radius:18px; }
 .seo-copy p { font-size:15px; line-height:1.85; }
 .seo-product-group ul { grid-template-columns:1fr; }
 .seo-note { padding:20px; }
 .seo-page .header { gap:14px; }
 .seo-page .header-right { justify-content:flex-start; }
}
@media(prefers-reduced-motion:reduce){.seo-page *{scroll-behavior:auto!important;}}
/* The compact public header keeps all navigation visible on narrow screens. */
html[data-color-mode] .seo-page .header .header-right { display:flex; flex-wrap:nowrap; gap:8px; width:auto; }
html[data-color-mode] .seo-page .header .header-right > * { flex:0 0 auto; width:auto; grid-column:auto; }
html[data-color-mode] .seo-page .header .theme-toggle { min-width:64px; padding:10px 14px; }