
:root{
  --sola-black:#0B0B0B;--sola-rich-black:#111113;--sola-gold:#D4AF37;--sola-soft-gold:#E6C767;--sola-paper:#F7F6F3;
  --radius-xl:1.25rem;--radius-lg:.875rem;--radius-md:.5rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--max-w:1280px
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--sola-black);color:#EDEDED;font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;font-size:16px;line-height:1.6}
img{max-width:100%;display:block;height:auto}
a{color:inherit}
.container{max-width:var(--max-w);margin-inline:auto;padding-inline:var(--space-4)}
.h1,.h2,.h3,.display{font-family:"Cormorant Garamond",Georgia,serif;color:#F5F3EA}
.display{font-weight:700;font-size:clamp(2.75rem,6vw,4.5rem);letter-spacing:.01em}
.h1{font-weight:700;font-size:clamp(2rem,4vw,3rem)}
.h2{font-weight:600;font-size:clamp(1.5rem,3vw,2rem)}
.h3{font-weight:600;font-size:1.25rem}
.lead{font-size:1.125rem;opacity:.9}
.btn{appearance:none;border:1px solid var(--sola-gold);background:var(--sola-gold);color:var(--sola-black);padding:.9rem 1.25rem;border-radius:999px;font-weight:600;text-decoration:none;display:inline-flex;gap:.5rem;align-items:center;transition:.25s ease}
.btn:hover{background:var(--sola-soft-gold);border-color:var(--sola-soft-gold);transform:translateY(-1px)}
.btn.outline{background:transparent;color:var(--sola-gold)}
.btn.outline:hover{color:var(--sola-black);background:var(--sola-gold)}
.card{background:var(--sola-rich-black);border-radius:var(--radius-xl);padding:var(--space-6);border:1px solid rgba(212,175,55,.25);box-shadow:0 8px 24px rgba(0,0,0,.35)}
.header{border-bottom:1px solid rgba(212,175,55,.2);position:sticky;top:0;background:rgba(11,11,11,.8);backdrop-filter:blur(8px);z-index:50}
.header .inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:var(--space-4) var(--space-4)}
.nav a{color:#F0F0F0;text-decoration:none;padding:.5rem .75rem;border-radius:.5rem}
.nav a:hover{background:rgba(255,255,255,.06)}
.site-footer{border-top:1px solid rgba(212,175,55,.2);padding:var(--space-12) 0;color:#CFCFCF}
.grid{display:grid;gap:var(--space-6)}
.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){.grid.cols-3{grid-template-columns:1fr}}
.product-card{display:flex;flex-direction:column;gap:.75rem}
.product-card .media{border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:4/5;background:#1a1a1a}
.price{font-weight:600;color:#F6F1D1}
.badge{border:1px solid var(--sola-gold);color:var(--sola-gold);padding:.25rem .5rem;border-radius:999px;font-size:.75rem}
.hero{position:relative;isolation:isolate;padding:clamp(5rem,10vw,8rem) 0}
.hero .bg{position:absolute;inset:0;background:radial-gradient(80% 60% at 50% 0%,rgba(212,175,55,.12),transparent 60%),linear-gradient(180deg,rgba(212,175,55,.06),transparent 30%);z-index:-1}
.hero .cta{margin-top:var(--space-6)}
input,select,textarea{background:#151515;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);padding:.75rem 1rem}
input:focus,select:focus,textarea:focus,button:focus{outline:2px solid var(--sola-gold);outline-offset:2px}
