/* Blend & Bundles — Luxury Black/Gold Theme */
:root{
  --bg:#0b0b0b;
  --panel:#111111;
  --text:#f4f4f4;
  --muted:#c4c4c4;
  --gold:#D4AF37;
  --gold2:#947027;
  --white:#ffffff;
  --shadow:0 10px 30px rgba(0,0,0,.35);
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Montserrat, Arial, sans-serif;line-height:1.6}
a{color:var(--gold);text-decoration:none}
a:hover{opacity:.9}
.container{max-width:1200px;margin:0 auto;padding:24px}
nav{
  position:sticky; top:0; z-index:40;
  background:#0a0a0aCC; backdrop-filter: blur(6px);
  border-bottom:1px solid #1b1b1b;
}
.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:12px 24px}
.logo{display:flex;align-items:center;gap:12px}
.logo img{height:36px}
.logo span{font-family:Didot, 'Times New Roman', serif;font-size:20px;letter-spacing:1px;color:var(--gold)}

.nav-links a{margin:0 12px;font-weight:600;color:#f5f5f5}
.btn{
  display:inline-block;padding:12px 18px;border-radius:8px;
  background:linear-gradient(135deg,var(--gold),var(--gold2));
  color:#111;font-weight:800;box-shadow:var(--shadow);
}
.btn.outline{background:transparent;border:1px solid var(--gold);color:var(--text)}

.hero{
  background:url('assets/img/hero.svg') center/cover no-repeat; min-height:80vh; display:flex; align-items:center; justify-content:center; text-align:center; position:relative;
}
.hero::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.9))}
.hero .hero-content{position:relative;z-index:2;padding:24px}
.hero h1{font-family:Didot,'Times New Roman',serif;font-size:54px;margin:0 0 8px;letter-spacing:2px;color:var(--gold)}
.hero p{color:#eaeaea;max-width:780px;margin:0 auto 20px}
.hero .cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

.grid{display:grid;gap:20px}
.grid.cols-3{grid-template-columns:repeat(auto-fit, minmax(240px, 1fr))}
.card{background:var(--panel);border:1px solid #1a1a1a;border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}
.card img{width:100%;display:block}
.card .p{padding:16px}
.price{color:var(--gold);font-weight:800;font-size:20px}
.badge{display:inline-block;padding:4px 10px;border:1px solid var(--gold);border-radius:999px;color:var(--gold);font-size:12px;margin-bottom:8px}

.section{padding:56px 24px}
.section h2{font-family:Didot,'Times New Roman',serif;color:var(--gold);font-size:36px;margin:0 0 16px}
.kv{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center}
.kv p{color:#ddd}
footer{border-top:1px solid #1b1b1b;background:#0a0a0a;padding:24px;text-align:center;color:#aaa}

.form{display:grid;gap:14px}
.input, .select, textarea{width:100%;padding:12px 14px;border-radius:10px;border:1px solid #2a2a2a;background:#0f0f0f;color:#eee}
textarea{min-height:120px}
label{font-weight:600;color:#e9e9e9}
.form .row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.note{color:#bdbdbd;font-size:14px}

.table{width:100%;border-collapse:collapse;border:1px solid #1b1b1b}
.table th,.table td{padding:12px;border-bottom:1px solid #1b1b1b}
.table th{color:#cfcfcf;text-align:left}

@media (max-width:900px){
  .kv{grid-template-columns:1fr}
  .hero h1{font-size:40px}
}