
:root{
  --bg:#050505; --panel:#0c0c0c; --panel2:#121212; --gold:#d7a93b; --gold2:#f1d58b;
  --text:#f7f2e8; --muted:#aaa49a; --line:#2a2418;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Montserrat,Arial,sans-serif;line-height:1.6}
img{display:block;max-width:100%}
a{text-decoration:none;color:inherit}
.nav{position:sticky;top:0;z-index:50;height:84px;display:flex;align-items:center;gap:28px;padding:10px 5vw;background:rgba(5,5,5,.9);backdrop-filter:blur(14px);border-bottom:1px solid #171717}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:.82rem;letter-spacing:.08em;margin-right:auto}
.brand img{width:58px;height:58px;object-fit:cover;border-radius:50%}
nav{display:flex;gap:28px}
nav a{color:#d8d3ca;font-size:.9rem}
nav a:hover{color:var(--gold2)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border:1px solid var(--gold);background:linear-gradient(135deg,#a97815,#e3bd5a);color:#070707;font-weight:700;border-radius:999px;transition:.2s}
.btn:hover{transform:translateY(-1px);filter:brightness(1.08)}
.btn-ghost{background:transparent;color:var(--gold2)}
.btn-nav{min-height:42px;padding:0 18px}
.hero{min-height:calc(100vh - 84px);display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:4vw;padding:70px 7vw;background:radial-gradient(circle at 80% 30%,#201806 0,transparent 35%),linear-gradient(180deg,#050505,#080706)}
.hero h1,.section-head h2,.showcase h2,.coming h2,.contact h2{font-family:"Cormorant Garamond",serif;line-height:.98;margin:.2em 0}
.hero h1{font-size:clamp(3.5rem,7vw,7rem);font-weight:600}
.hero h1 span{color:var(--gold2)}
.hero-copy>p{max-width:720px;color:#c7c0b5;font-size:1.05rem}
.kicker,.eyebrow{font-size:.72rem;letter-spacing:.2em;color:var(--gold2);font-weight:700}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.trust-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:32px}
.trust-row span{border:1px solid #30291b;border-radius:999px;padding:7px 11px;color:#bdb7ad;font-size:.74rem}
.hero-logo img{width:min(580px,100%);margin:auto;filter:drop-shadow(0 18px 45px rgba(214,169,59,.12))}
.showcase{display:grid;grid-template-columns:1.25fr .75fr;background:#0a0a0a}
.showcase-image{min-height:620px}
.showcase-image img{width:100%;height:100%;object-fit:cover}
.showcase-copy{padding:7vw;display:flex;flex-direction:column;justify-content:center}
.showcase-copy h2{font-size:clamp(3rem,5vw,5.4rem)}
.showcase-price{font-family:"Cormorant Garamond",serif;font-size:3.1rem;color:var(--gold2);margin:.2em 0}
.catalog,.payments{padding:100px 6vw}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:32px}
.section-head h2{font-size:clamp(3rem,5vw,5rem)}
.section-head>p{max-width:520px;color:var(--muted)}
.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}
.filter{border:1px solid #34302b;background:#0c0c0c;color:#d6d0c7;border-radius:999px;padding:10px 16px;cursor:pointer}
.filter.active,.filter:hover{border-color:var(--gold);color:var(--gold2)}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.product-card{background:var(--panel);border:1px solid #181818;border-radius:18px;overflow:hidden;transition:.2s}
.product-card:hover{transform:translateY(-4px);border-color:#3a301c}
.product-image-wrap{position:relative;aspect-ratio:4/5;background:#111;overflow:hidden}
.product-image-wrap img{width:100%;height:100%;object-fit:cover}
.status{position:absolute;top:14px;left:14px;background:#070707dd;border:1px solid #6b5626;color:#e5c768;border-radius:999px;padding:7px 10px;font-size:.7rem}
.product-info{padding:18px}
.product-info h3{font-family:"Cormorant Garamond",serif;font-size:2rem;margin:.1em 0 .4em}
.meta{display:flex;justify-content:space-between;gap:12px;color:#aaa;font-size:.78rem;border-top:1px solid #1c1c1c;padding-top:12px}
.price-row{display:flex;justify-content:space-between;align-items:center;margin-top:16px}
.price-row strong{font-size:1.35rem;color:var(--gold2)}
.btn-small{min-height:38px;padding:0 15px;font-size:.78rem}
.coming{margin:20px 6vw 100px;display:grid;grid-template-columns:.8fr 1.2fr;background:#0d0d0d;border:1px solid #1d1a13;border-radius:22px;overflow:hidden}
.coming-copy{padding:6vw;display:flex;flex-direction:column;justify-content:center}
.coming-copy h2{font-size:clamp(2.7rem,4.4vw,4.8rem)}
.coming img{width:100%;height:100%;min-height:500px;object-fit:cover}
.payment-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.payment{min-height:150px;border:1px solid #242018;background:#0b0b0b;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}
.payment span{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--gold);color:var(--gold2);font-family:"Cormorant Garamond",serif;font-size:1.7rem}
.contact{margin:30px 6vw 100px;padding:6vw;border-radius:24px;background:linear-gradient(135deg,#130f05,#080808);border:1px solid #332814;display:flex;align-items:center;justify-content:space-between;gap:30px}
.contact h2{font-size:clamp(3rem,5vw,5rem)}
.contact p{color:#bfb7ac;max-width:650px}
.btn-large{min-height:58px;padding:0 28px}
footer{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:28px 6vw;border-top:1px solid #171717;color:#a9a39a;font-size:.8rem}
footer img{width:72px;height:72px;border-radius:50%;object-fit:cover}
footer strong{color:#eee}
footer p{margin:2px 0}
.floating-wa{position:fixed;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#d6aa3a;color:#090909;font-weight:800;box-shadow:0 10px 30px #0008;border:2px solid #f1d58b;z-index:60}
@media(max-width:1000px){
  .hero{grid-template-columns:1fr;text-align:center}
  .hero-copy>p{margin-inline:auto}.hero-actions,.trust-row{justify-content:center}
  .hero-logo{order:-1}.hero-logo img{max-width:360px}
  .showcase{grid-template-columns:1fr}.showcase-image{min-height:480px}
  .product-grid{grid-template-columns:repeat(2,1fr)}
  .payment-grid{grid-template-columns:repeat(3,1fr)}
  .coming{grid-template-columns:1fr}
  .contact{flex-direction:column;align-items:flex-start}
}
@media(max-width:720px){
  .nav{height:70px;padding:8px 4vw}.brand span,nav{display:none}.brand img{width:50px;height:50px}
  .hero{padding:45px 5vw}.hero h1{font-size:3.5rem}
  .catalog,.payments{padding:75px 4vw}
  .section-head{display:block}.section-head>p{margin-top:12px}
  .product-grid{grid-template-columns:1fr}
  .coming{margin:15px 4vw 75px}.coming-copy{padding:10vw 7vw}.coming img{min-height:360px}
  .payment-grid{grid-template-columns:repeat(2,1fr)}
  .contact{margin:20px 4vw 75px;padding:10vw 7vw}
  footer{grid-template-columns:auto 1fr}footer>p:last-child{grid-column:1/-1}
}
