/*
Theme Name: Luxa Bio Child
Template: storefront
Version: 1.0
Text Domain: luxa-bio-child
*/

:root{
  --bg:#070707;
  --gold:#d8b15a;
  --gold2:#f3d98b;
  --text:#f5f1e8;
  --muted:#b9b4a8;
  --line:rgba(216,177,90,.22);
  --card:#111111;
}

body{
  background:var(--bg);
  color:var(--text);
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

a{ color:var(--gold2); text-decoration:none; }
a:hover{ color:#fff; }

.luxa-wrap{ max-width:1200px; margin:0 auto; padding:0 20px; }
.luxa-hero{
  min-height:82vh;
  display:flex;
  align-items:center;
  background:
    linear-gradient(rgba(0,0,0,.35), rgba(0,0,0,.75)),
    url('assets/luxa-banner.jpg') center/cover no-repeat;
}
.luxa-hero h1{ font-size:clamp(2.2rem,5vw,4.8rem); margin:0 0 14px; letter-spacing:.02em; }
.luxa-hero p{ color:var(--muted); font-size:1.08rem; max-width:720px; line-height:1.7; }
.luxa-btn{
  display:inline-block; padding:14px 22px; border:1px solid var(--gold);
  margin-right:12px; margin-top:16px; color:#fff; border-radius:6px;
}
.luxa-btn.primary{ background:linear-gradient(180deg,var(--gold2),var(--gold)); color:#111; }
.luxa-section{ padding:72px 0; }
.luxa-grid{ display:grid; grid-template-columns:repeat(12,1fr); gap:20px; }
.luxa-card{
  background:var(--card); border:1px solid var(--line); border-radius:14px; padding:24px;
}
.luxa-kicker{ text-transform:uppercase; letter-spacing:.18em; font-size:.78rem; color:var(--gold2); }
.luxa-note{ border:1px solid var(--line); background:rgba(216,177,90,.06); padding:16px 18px; border-radius:12px; }
.luxa-footer{ border-top:1px solid var(--line); padding:34px 0; color:var(--muted); font-size:.95rem; }