:root{
  --gold: #c9a227;
  --gold-light: #e9cf6b;
  --gold-dark: #8a6a14;
  --maroon: #500e16;
  --maroon-dark: #350a0f;
  --cream: #fdf8ee;
  --ink: #241a10;
}

body{
  font-family: 'Poppins', sans-serif;
  color: var(--ink);
  background: var(--cream);
}
h1, h2, h3, h4, .brand-font{
  font-family: 'Cormorant Garamond', serif;
  font-weight: 700;
}

/* Header */
.site-header{ background: var(--maroon); }
.navbar .nav-link{ color: #f2e6c9; font-weight: 500; letter-spacing:.02em; }
.navbar .nav-link.active, .navbar .nav-link:hover{ color: var(--gold-light); }
.btn-gold{
  background: linear-gradient(135deg, var(--gold-light), var(--gold-dark));
  color: var(--maroon-dark);
  border: none;
  font-weight: 600;
}
.btn-gold:hover{ color: var(--maroon-dark); filter: brightness(1.08); }
.btn-outline-gold{
  border: 1px solid var(--gold);
  color: var(--gold-dark);
  font-weight: 600;
}
.btn-outline-gold:hover{ background: var(--gold); color: #fff; }

/* Hero */
.hero{
  background-image: linear-gradient(rgba(53,10,15,.72), rgba(53,10,15,.55)), var(--hero-image);
  background-position: center;
  background-size: cover;
  color: #fff;
  padding: 7rem 0 6rem;
}
.hero h1{ font-size: clamp(2.2rem, 4vw, 3.4rem); }
.hero .lead{ color: #f3e6c9; }

/* Section titles */
.section-eyebrow{
  color: var(--gold-dark);
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: .8rem;
  font-weight: 600;
}
.section-title{ font-size: clamp(1.8rem, 3vw, 2.6rem); }

/* Cards */
.collection-card, .product-card, .service-card{
  border: none;
  border-radius: .5rem;
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(80,14,22,.08);
  transition: transform .25s ease, box-shadow .25s ease;
  background: #fff;
}
.collection-card:hover, .product-card:hover, .service-card:hover{
  transform: translateY(-4px);
  box-shadow: 0 14px 30px rgba(80,14,22,.15);
}
.card-img-wrap{
  aspect-ratio: 4/3;
  background: linear-gradient(135deg, #f1e2b8, #d9c68e);
  display:flex; align-items:center; justify-content:center;
  overflow:hidden;
}
.card-img-wrap img{ width:100%; height:100%; object-fit:cover; }
.badge-metal{
  font-size: .7rem;
  letter-spacing:.04em;
  text-transform: uppercase;
}

/* CTA band */
.cta-band{
  background: linear-gradient(135deg, var(--maroon), var(--maroon-dark));
  color: #fff;
}

/* Footer */
.site-footer{ background: var(--maroon-dark); color: #e9dcc0; }
.footer-heading{ color: var(--gold-light); font-weight:600; }
.footer-links a{ color:#e9dcc0; text-decoration:none; }
.footer-links a:hover{ color: var(--gold-light); }
.footer-links li{ margin-bottom:.4rem; }
.footer-text{ color:#cdbf9c; font-size:.92rem; }
.footer-divider{ border-color: rgba(255,255,255,.15); }

/* WhatsApp float */
.whatsapp-float{
  position: fixed;
  bottom: 22px; right: 22px;
  width: 54px; height:54px;
  background:#25D366;
  border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  color:#fff;
  box-shadow: 0 6px 18px rgba(0,0,0,.25);
  z-index: 1050;
}
.whatsapp-float:hover{ filter: brightness(1.08); color:#fff; }

/* About */
.about-portrait{ border-radius:.5rem; box-shadow: 0 14px 30px rgba(80,14,22,.18); }
