/* =========================================================
   SafeBus — cross-page design overlays
   data-design="signature"  → native look (no overrides)
   data-design="modern"     → cutting-edge: huge type, brutalist,
                              high contrast, zero radius, hard offsets
   data-design="welcoming"  → warm, airy, soft radii, friendly
   Applies over: index.html (finder), home.html, product.html
   ========================================================= */

/* ============================================================
   MODERN — brutalist high-contrast
   ============================================================ */
html[data-design="modern"] {
  --dz-black: #0A0A0A;
  --dz-yellow: #FFC72C;
}

/* ---- finder (index.html) — rides on data-theme="modern", sharpened ---- */
html[data-design="modern"] .hero__title {
  font-weight: 900;
  text-transform: uppercase;
  font-size: clamp(44px, 9.5vw, 108px);
  letter-spacing: -0.035em;
  line-height: 0.92;
}
html[data-design="modern"] .selector-card,
html[data-design="modern"] .chat__bubble,
html[data-design="modern"] .cmd__bar {
  border: 3px solid var(--dz-black);
  border-radius: 0;
  box-shadow: 8px 8px 0 var(--dz-black);
}
html[data-design="modern"] .selector-prompt .blank,
html[data-design="modern"] .cmd__token {
  border-radius: 0;
  border: 2px solid var(--dz-black);
  background: var(--dz-yellow);
  color: var(--dz-black);
  box-shadow: none;
}
html[data-design="modern"] .selector-prompt .blank.is-empty {
  background: transparent;
  border-style: dashed;
}
html[data-design="modern"] .product[data-style="showcase"],
html[data-design="modern"] .product[data-style="studio"],
html[data-design="modern"] .product__media {
  border-radius: 0;
}
html[data-design="modern"] .product[data-style="showcase"],
html[data-design="modern"] .product[data-style="studio"] {
  border: 2px solid var(--dz-black);
  box-shadow: none;
  transition: box-shadow .12s, transform .12s;
}
html[data-design="modern"] .product[data-style="showcase"]:hover,
html[data-design="modern"] .product[data-style="studio"]:hover {
  box-shadow: 8px 8px 0 var(--dz-black);
  transform: translate(-2px, -2px);
}
html[data-design="modern"] .btn-cart,
html[data-design="modern"] .cart-pill,
html[data-design="modern"] .badge,
html[data-design="modern"] .tag,
html[data-design="modern"] .pill,
html[data-design="modern"] .chip {
  border-radius: 0 !important;
}
html[data-design="modern"] .btn-cart {
  background: var(--dz-yellow);
  color: var(--dz-black);
  border: 2px solid var(--dz-black);
  text-transform: uppercase;
  letter-spacing: .06em;
  font-weight: 800;
}
html[data-design="modern"] .btn-cart:hover { box-shadow: 4px 4px 0 var(--dz-black); }
html[data-design="modern"] .t-eyebrow {
  color: var(--dz-black);
  border-bottom: 2px solid var(--dz-yellow);
  padding-bottom: 2px;
}
html[data-design="modern"] .results__title { text-transform: uppercase; letter-spacing: -0.02em; }
html[data-design="modern"] .site-header { border-bottom: 3px solid var(--dz-black); }

/* ---- home.html — rides on data-dir="beacon" (dark), brutalized ---- */
html[data-design="modern"] .hero h1 {
  text-transform: uppercase;
  font-size: clamp(44px, 7vw, 96px);
  letter-spacing: -0.03em;
  line-height: 0.9;
}
html[data-design="modern"] .finder,
html[data-design="modern"] .cat,
html[data-design="modern"] .stats,
html[data-design="modern"] .state-pill,
html[data-design="modern"] .cta,
html[data-design="modern"] .show__big,
html[data-design="modern"] .show__cell,
html[data-design="modern"] .cta__btn,
html[data-design="modern"] .finder__go,
html[data-design="modern"] .hero__chip,
html[data-design="modern"] .pop,
html[data-design="modern"] .blank {
  border-radius: 0 !important;
}
html[data-design="modern"] .finder {
  border: 2px solid var(--dz-yellow);
  box-shadow: 10px 10px 0 rgba(255, 199, 44, .25);
}
html[data-design="modern"] .cat { border-width: 2px; }
html[data-design="modern"] .cat:hover { box-shadow: 8px 8px 0 var(--dz-yellow); transform: translate(-2px,-2px); border-color: var(--dz-yellow); }
html[data-design="modern"] .hdr__cart { border-radius: 0; text-transform: uppercase; }
html[data-design="modern"] .eyebrow { letter-spacing: .26em; }

/* ---- product.html — stark light brutalist ---- */
html[data-design="modern"] body { background: #FFFFFF; }
html[data-design="modern"] .gallery__main,
html[data-design="modern"] .gallery__thumb,
html[data-design="modern"] .variant,
html[data-design="modern"] .buy,
html[data-design="modern"] .vstate,
html[data-design="modern"] .btn-primary,
html[data-design="modern"] .btn-secondary,
html[data-design="modern"] .buy__qty,
html[data-design="modern"] .datasheet,
html[data-design="modern"] .install-cell,
html[data-design="modern"] .rel,
html[data-design="modern"] .rel__img,
html[data-design="modern"] .badge {
  border-radius: 0 !important;
}
html[data-design="modern"] .gallery__main,
html[data-design="modern"] .variant,
html[data-design="modern"] .buy {
  border: 2px solid var(--dz-black);
}
html[data-design="modern"] .buy { box-shadow: 8px 8px 0 var(--dz-black); }
html[data-design="modern"] .pinfo h1 {
  text-transform: uppercase;
  letter-spacing: -0.025em;
  font-size: clamp(28px, 3.6vw, 44px);
}
html[data-design="modern"] .rel { border: 2px solid var(--dz-black); }
html[data-design="modern"] .rel:hover { box-shadow: 6px 6px 0 var(--dz-black); transform: translate(-2px,-2px); border-color: var(--dz-black); }
html[data-design="modern"] .vstate.is-active { background: var(--dz-black); }
html[data-design="modern"] .btn-primary:hover { box-shadow: 4px 4px 0 var(--dz-black); transform: none; }
html[data-design="modern"] .hdr { border-bottom-width: 3px; border-bottom-color: var(--dz-black); }

/* ============================================================
   WELCOMING — warm, airy, soft, human
   ============================================================ */
html[data-design="welcoming"] {
  --dz-cream: #FBF7EE;
  --dz-card: #FFFFFF;
  --dz-warmline: #E9DFC9;
  --dz-warmshadow: 0 22px 55px -28px rgba(122, 92, 24, .28);
  --dz-green: #2E7D5B;
}

/* ---- finder (index.html) — rides on data-theme="editorial", softened ---- */
html[data-design="welcoming"] .selector-card {
  border-radius: 22px;
  border: 1px solid var(--dz-warmline);
  box-shadow: var(--dz-warmshadow);
}
html[data-design="welcoming"] .selector-card::before { display: none; }
html[data-design="welcoming"] .selector-prompt .blank { border-radius: 999px; padding: 2px 14px 4px; }
html[data-design="welcoming"] .chat__bubble,
html[data-design="welcoming"] .cmd__bar { border-radius: 18px; border-color: var(--dz-warmline); }
html[data-design="welcoming"] .product[data-style="showcase"],
html[data-design="welcoming"] .product[data-style="studio"] {
  border-radius: 20px;
  border-color: var(--dz-warmline);
  box-shadow: var(--dz-warmshadow);
}
html[data-design="welcoming"] .product__media { border-radius: 16px; }
html[data-design="welcoming"] .btn-cart { border-radius: 999px; }
html[data-design="welcoming"] .cart-pill { border-radius: 999px; }
html[data-design="welcoming"] .badge, html[data-design="welcoming"] .tag { border-radius: 999px; }
html[data-design="welcoming"] .site-header { background: rgba(251, 247, 238, .88); }

/* ---- home.html — rides on data-dir="editorial", warmed ---- */
html[data-design="welcoming"] body[data-page="home"],
html[data-design="welcoming"] .hero { }
html[data-design="welcoming"] .finder {
  border-radius: 24px;
  border: 1px solid var(--dz-warmline);
  box-shadow: var(--dz-warmshadow);
}
html[data-design="welcoming"] .hero h1 {
  font-size: clamp(36px, 5.2vw, 68px);
  line-height: 1.02;
  text-transform: none;
}
html[data-design="welcoming"] .cat,
html[data-design="welcoming"] .stats,
html[data-design="welcoming"] .state-pill,
html[data-design="welcoming"] .show__big,
html[data-design="welcoming"] .show__cell {
  border-radius: 20px;
  border-color: var(--dz-warmline);
}
html[data-design="welcoming"] .cat { background: var(--dz-card); }
html[data-design="welcoming"] .cat:hover { box-shadow: var(--dz-warmshadow); border-color: var(--dz-warmline); transform: translateY(-3px); }
html[data-design="welcoming"] .cta { border-radius: 28px; }
html[data-design="welcoming"] .cta__btn, html[data-design="welcoming"] .finder__go,
html[data-design="welcoming"] .hdr__cart, html[data-design="welcoming"] .blank { border-radius: 999px !important; }
html[data-design="welcoming"] .eyebrow { color: var(--dz-green); }
html[data-design="welcoming"] .eyebrow::before { background: var(--dz-green); }

/* ---- product.html — warm & rounded ---- */
html[data-design="welcoming"] body { background: var(--dz-cream); }
html[data-design="welcoming"] .hdr { background: rgba(251, 247, 238, .88); }
html[data-design="welcoming"] .gallery__main,
html[data-design="welcoming"] .variant,
html[data-design="welcoming"] .buy,
html[data-design="welcoming"] .datasheet,
html[data-design="welcoming"] .install-cell,
html[data-design="welcoming"] .rel,
html[data-design="welcoming"] .rel__img {
  border-radius: 22px;
  border-color: var(--dz-warmline);
}
html[data-design="welcoming"] .buy { box-shadow: var(--dz-warmshadow); }
html[data-design="welcoming"] .gallery__thumb { border-radius: 14px; }
html[data-design="welcoming"] .vstate { border-radius: 14px; }
html[data-design="welcoming"] .btn-primary,
html[data-design="welcoming"] .btn-secondary,
html[data-design="welcoming"] .buy__qty { border-radius: 999px !important; }
html[data-design="welcoming"] .btn-primary { border-width: 0; box-shadow: 0 10px 26px -10px rgba(200, 150, 20, .55); }
html[data-design="welcoming"] .pinfo h1 { letter-spacing: 0; line-height: 1.12; }
html[data-design="welcoming"] .pinfo__cat { color: var(--dz-green); }
html[data-design="welcoming"] .buy__stock { color: var(--dz-green); }
html[data-design="welcoming"] .buy__stock .dot { background: var(--dz-green); }