/* Theme 4 — Modern: Inter, generous spacing, glass sticky header, rounded cards, soft shadows,
   single indigo accent, automatic dark mode, strong focus states, reduced-motion aware (base). */
html[data-theme="4"] {
  --container: 1240px;
  --bg: #fafafa; --surface: #fff; --surface-2: #f1f2f6; --text: #1e2230; --muted: #626879; --heading: #0b0d14; --border: #e6e7ee;
  --accent: #4f46e5; --accent-hover: #4338ca; --accent-contrast: #fff; --link: #4338ca;
  --warn-bg: #0b0d14; --warn-text: #e8e9f0; --warn-border: #0b0d14;
  --promo-bg: linear-gradient(90deg, #4f46e5, #7c3aed); --promo-text: #fff; --info-bg: #fafafa; --info-text: #626879; --info-link: #1e2230;
  --header-bg: rgba(255,255,255,.72); --header-text: #0b0d14; --nav-bg: transparent; --nav-text: #1e2230; --nav-hover: #4f46e5; --nav-border: rgba(15,17,30,.07);
  --mega-bg: #fff; --search-bg: #f1f2f6;
  --footer-bg: #0b0d14; --footer-text: #f4f5fa; --footer-muted: #9aa0b4; --footer-news-bg: #13162a;
  --ph: #eceef4; --ph-stripe: #e5e7ef; --ph-text: #9aa0b4; --sk: #e6e8ef;
  --font-body: "Inter", system-ui, sans-serif; --font-head: "Inter", system-ui, sans-serif;
  --fs-body: 16px; --head-weight: 700; --head-transform: none; --head-spacing: -0.02em; --nav-transform: none; --nav-weight: 500; --nav-size: 14px;
  --radius: 10px; --radius-lg: 16px; --btn-radius: 10px;
  --shadow: 0 1px 2px rgba(16,24,40,.04), 0 4px 16px rgba(16,24,40,.06); --shadow-lg: 0 24px 60px rgba(16,24,40,.18);
  --hero-1: radial-gradient(1200px 500px at 80% 20%, #7c3aed55, transparent), linear-gradient(135deg, #0b0d14, #1d1f3a);
  --hero-2: radial-gradient(1000px 500px at 20% 80%, #06b6d455, transparent), linear-gradient(135deg, #0b0d14, #0f2a3a);
  --hero-3: radial-gradient(1000px 500px at 70% 70%, #f43f5e55, transparent), linear-gradient(135deg, #0b0d14, #2a1330);
}
@media (prefers-color-scheme: dark) {
  html[data-theme="4"] {
    --bg: #0b0d14; --surface: #12151f; --surface-2: #181c28; --text: #d9dce6; --muted: #9aa0b4; --heading: #f4f5fa; --border: #242938;
    --accent: #818cf8; --accent-hover: #a5b4fc; --accent-contrast: #0b0d14; --link: #a5b4fc;
    --warn-bg: #000; --info-bg: #0b0d14; --info-text: #9aa0b4; --info-link: #d9dce6;
    --header-bg: rgba(11,13,20,.7); --header-text: #f4f5fa; --nav-text: #d9dce6; --nav-hover: #a5b4fc; --nav-border: rgba(255,255,255,.07);
    --mega-bg: #12151f; --search-bg: #181c28; --footer-bg: #07080d; --footer-news-bg: #10121c;
    --ph: #181c28; --ph-stripe: #1d2230; --ph-text: #5f6579; --sk: #232838;
    color-scheme: dark;
  }
}
html[data-theme="4"] .bar-warning { font-size: 12px; font-weight: 600; letter-spacing: .02em; padding: 6px 16px; }
html[data-theme="4"] .bar-promo { background: var(--promo-bg); font-weight: 500; }
html[data-theme="4"] .bar-info { font-weight: 500; letter-spacing: 0; }
html[data-theme="4"] .site-header { position: sticky; top: 0; backdrop-filter: saturate(180%) blur(16px); -webkit-backdrop-filter: saturate(180%) blur(16px); }
html[data-theme="4"] .logo-mark { border-radius: 10px; background: linear-gradient(135deg, #4f46e5, #7c3aed 60%, #06b6d4); box-shadow: none; }
html[data-theme="4"] .logo-text { font-weight: 700; letter-spacing: -.02em; }
@media (min-width: 1024px) {
  html[data-theme="4"] .hdr { grid-template-columns: auto 1fr auto; grid-template-areas: "logo nav icons"; padding-top: 0; padding-bottom: 0; min-height: 68px; }
  html[data-theme="4"] .hdr-search { display: none; }
  html[data-theme="4"] .js-open-search { display: inline-grid; }
  html[data-theme="4"] .hdr-nav { margin: 0; padding: 0; border: 0; background: none; }
  html[data-theme="4"] .nav-list { justify-content: center; gap: 2px; }
  html[data-theme="4"] .nav-link { padding: 8px 12px; margin: 14px 0; border: 0; border-radius: 999px; }
  html[data-theme="4"] .nav-item.open > .nav-link, html[data-theme="4"] .nav-link:hover { background: var(--surface-2); color: var(--heading); }
}
html[data-theme="4"] .mega { border-top: 1px solid var(--border); }
html[data-theme="4"] .icon-btn { border-radius: 999px; }
html[data-theme="4"] .btn { font-weight: 600; letter-spacing: 0; }
html[data-theme="4"] .btn-primary { box-shadow: 0 1px 2px rgba(0,0,0,.1), inset 0 1px 0 rgba(255,255,255,.15); }
html[data-theme="4"] .hero { margin: 16px auto 0; max-width: calc(var(--container) - 32px); border-radius: 24px; }
@media (max-width: 767px) { html[data-theme="4"] .hero { margin: 12px 16px 0; } }
html[data-theme="4"] .hero-h { letter-spacing: -.035em; font-weight: 800; }
html[data-theme="4"] .hero-slide .btn-primary { background: #fff; color: #0b0d14; }
html[data-theme="4"] .hero-btn { background: rgba(255,255,255,.12); color: #fff; backdrop-filter: blur(8px); }
html[data-theme="4"] .home-h1 { font-weight: 600; letter-spacing: -.02em; color: var(--muted); font-size: 18px; }
html[data-theme="4"] .section { padding: 56px 0; }
html[data-theme="4"] .sec-head { border-bottom: 0; padding-bottom: 0; }
html[data-theme="4"] .sec-title { font-size: clamp(24px, 3vw, 32px); }
html[data-theme="4"] .p-card { border: 1px solid var(--border); padding: 10px; transition: transform .2s, box-shadow .2s; }
html[data-theme="4"] .p-card:hover { transform: translateY(-3px); box-shadow: var(--shadow-lg); }
html[data-theme="4"] .p-card .ph-img { border-radius: 12px; }
html[data-theme="4"] .p-cta { border-radius: 999px; }
html[data-theme="4"] .cat-tile .ph-img { border-radius: 20px; }
html[data-theme="4"] .seo-sec { background: transparent; }
html[data-theme="4"] .seo-inner { background: var(--surface); border: 1px solid var(--border); border-radius: 24px; padding: 40px 24px; box-shadow: var(--shadow); }
html[data-theme="4"] .faq { border: 0; display: grid; gap: 10px; }
html[data-theme="4"] .faq-item { border: 1px solid var(--border); border-radius: 14px; background: var(--surface); padding: 0 16px; }
html[data-theme="4"] .reviews-strip { background: transparent; border: 0; }
html[data-theme="4"] .chip { background: var(--surface-2); border-color: transparent; }
html[data-theme="4"] .subcats .chip { background: var(--surface); border-color: var(--border); }
html[data-theme="4"] .site-footer { margin-top: 40px; }
html[data-theme="4"] .f-newsletter { background: transparent; }
html[data-theme="4"] .f-news-inner { background: var(--footer-news-bg); border-radius: 20px; margin-top: 32px; padding: 28px; }
html[data-theme="4"] .f-news-form input { border-radius: 10px; }
html[data-theme="4"] .f-h { text-transform: none; letter-spacing: 0; font-size: 15px; }
html[data-theme="4"] .chat-btn { background: var(--accent); }
html[data-theme="4"] .age-panel { border-top: 0; border-radius: 24px; }
html[data-theme="4"] .age-icon { background: linear-gradient(135deg, #4f46e5, #7c3aed); color: #fff; }

/* Dark mode: the wordmark is charcoal + teal, so give it a light chip to stay readable */
@media (prefers-color-scheme: dark) {
  html[data-theme="4"] .logo-img { background: #fff; border-radius: 10px; padding: 6px 10px; box-sizing: content-box; }
}