:root{
  --bg:#ffffff;
  --text:#eae6e1; /* off-white text on dark bg */
  --muted:#cfc6bd;
  --accent:#d4af37; /* gold */
  --accent-2:#111; /* near black */
  --max-width:1200px;
  --radius:8px;
  --transition:250ms cubic-bezier(.2,.9,.2,1);
  --shadow: 0 10px 30px rgba(11,11,11,0.35);
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial;
  color:var(--text);
  background:linear-gradient(180deg,#0b0b0b 0%, #0b0b0b 100%);
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

/* Container */
.container{max-width:var(--max-width);margin:0 auto;padding:2rem}

/* Header injected by JS */
.site-header{background:rgba(0,0,0,0.35);backdrop-filter:blur(6px);padding:1rem 0;position:sticky;top:0;z-index:40}
.header-inner{display:flex;align-items:center;justify-content:space-between;max-width:var(--max-width);margin:0 auto;padding:0 1rem}
.brand{font-family:'Playfair Display',serif;font-weight:700;letter-spacing:1px;font-size:1.2rem;color:var(--text)}
.brand img{height:40px}
.nav{display:flex;gap:1rem;align-items:center}
.nav a{color:var(--text);text-decoration:none;font-weight:500;padding:.4rem .6rem;border-radius:6px;transition:all var(--transition)}
.nav a:hover{background:rgba(212,175,55,0.08);color:var(--accent)}
.header-actions{display:flex;gap:.5rem;align-items:center}
.header-actions a{color:var(--text);border:1px solid rgba(255,255,255,0.06);padding:.4rem .6rem;border-radius:6px}

/* Hero */
.hero{position:relative;overflow:hidden;height:70vh;min-height:480px;display:flex}
.hero-slide{flex:1;background-size:cover;background-position:center;display:flex;align-items:center;transition:opacity 900ms cubic-bezier(.2,.9,.2,1)}
.hero-slide .hero-content{background:linear-gradient(180deg,rgba(0,0,0,0.2),rgba(0,0,0,0.6));color:var(--text);padding:3rem;border-radius:12px;margin-left:6rem;max-width:540px}
.hero-content h1{font-family:'Playfair Display',serif;font-size:3rem;margin:.2rem 0;color:var(--text)}
.hero-content p{opacity:.95;margin:.6rem 0 1.2rem;color:var(--muted)}
.btn{background:var(--accent);color:#0b0b0b;padding:.8rem 1.2rem;border-radius:6px;text-decoration:none;display:inline-block;font-weight:600}
.btn-ghost{background:transparent;border:1px solid rgba(255,255,255,0.08);color:var(--text)}

/* Sections */
.section{padding:3rem 0}
.section-header h2{font-family:'Playfair Display',serif;margin:0;font-size:1.6rem;color:var(--text)}
.section-header p{color:var(--muted);margin-top:.4rem}

/* Grid utilities */
.grid{display:grid;gap:1.2rem}
.collections{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.card{position:relative;height:260px;background-size:cover;background-position:center;border-radius:12px;overflow:hidden;display:flex;align-items:flex-end;box-shadow:var(--shadow)}
.card-overlay{background:linear-gradient(180deg,transparent,rgba(0,0,0,0.6));color:var(--text);padding:1rem;width:100%}
.card-overlay h3{margin:0}
.highlight{background:linear-gradient(180deg,#0b0b0b, #0f0f0f)}
.highlight-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}
.highlight-media{height:420px;background-size:cover;background-position:center;border-radius:12px;box-shadow:var(--shadow)}
.highlight-content .price{font-size:1.6rem;font-weight:700;margin:.6rem 0;color:var(--accent)}

/* Product grids */
.product-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:start}
.product-card{background:linear-gradient(180deg,#0c0c0c,#0b0b0b);border-radius:10px;overflow:hidden;box-shadow:var(--shadow);transition:transform var(--transition)}
.product-card img{width:100%;display:block}
.product-card:hover{transform:translateY(-8px)}
.product-details{padding:1rem;color:var(--muted)}
.masonry{column-count:3;column-gap:1rem}
.masonry img{width:100%;display:block;margin-bottom:1rem;border-radius:8px}

/* Blog */
.blog-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.post-card img{width:100%;height:180px;object-fit:cover}
.post-meta{padding:1rem}

/* Product detail */
.product-grid{display:grid;grid-template-columns:1fr 420px;gap:2rem}
.product-gallery img{width:100%;border-radius:10px;box-shadow:var(--shadow)}
.thumbs{display:flex;gap:.5rem;margin-top:.6rem}
.thumbs img{width:72px;height:72px;object-fit:cover;border-radius:8px;cursor:pointer;opacity:.95}
.product-info .price{font-size:1.8rem;font-weight:700;margin:.6rem 0;color:var(--accent)}
.actions{display:flex;gap:.6rem;align-items:center;margin-top:1rem}

/* Forms */
input,textarea,select{width:100%;padding:.7rem;border:1px solid #222;border-radius:8px;background:#0d0d0d;color:var(--text);font-size:1rem}
label{display:block;margin-bottom:.8rem}
.contact-grid{display:grid;grid-template-columns:1fr 320px;gap:2rem}
.contact-form{background:linear-gradient(180deg,#0c0c0c,#0b0b0b);padding:1.2rem;border-radius:10px;box-shadow:var(--shadow)}

/* Footer injected by JS */
.site-footer{background:#060606;color:var(--text);padding:2rem 0;margin-top:3rem}
.site-footer .footer-inner{max-width:var(--max-width);margin:0 auto;padding:0 1rem;display:flex;justify-content:space-between;gap:2rem;flex-wrap:wrap}
.site-footer a{color:var(--muted);text-decoration:none}

/* Responsive */
@media (max-width:900px){
  .hero{height:56vh}
  .hero-content{margin:0 1.2rem;padding:2rem}
  .highlight-grid{grid-template-columns:1fr}
  .product-grid{grid-template-columns:1fr}
  .masonry{column-count:2}
  .container{padding:1rem}
  .site-header{position:relative}
}

@media (max-width:600px){
  .masonry{column-count:1}
  .nav{display:none}
  .header-actions .menu-toggle{display:inline-block}
  .brand-media{height:240px}
  .grid{gap:.8rem}
}