:root{--bg:#0b0c0e;--panel:#121417;--text:#f5f5f4;--muted:#b5b5b5;--brand:#d4af37;--brand-dim:#9a802a;--border:#1c2127}
*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Manrope,system-ui,Arial,sans-serif;letter-spacing:.01em}
a{text-decoration:none;color:inherit}img{max-width:100%;display:block}
.container{width:min(1200px,92%);margin-inline:auto}
header{position:sticky;top:0;z-index:50;background:rgba(11,12,14,.7);backdrop-filter:saturate(160%) blur(8px);border-bottom:1px solid var(--border)}
.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.brand{display:flex;align-items:center;gap:12px;font-family:'Playfair Display SC',serif;letter-spacing:.04em;font-size:20px}
.logo-img{height:30px;width:auto;filter:invert(1) brightness(1.6);opacity:.98}
.nav-links{display:flex;gap:22px;align-items:center;font-weight:500}
.hero{padding:90px 0;border-bottom:1px solid var(--border)}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr}}
h1,h2,.title{font-family:'Playfair Display SC','Playfair Display',serif;text-transform:uppercase;font-weight:600;letter-spacing:.02em}
h1{font-size:clamp(34px,5.5vw,52px);margin:0 0 18px}
.kicker{color:var(--brand);letter-spacing:.25em;text-transform:uppercase;font-size:12px;font-weight:600}
.lead{color:var(--muted);font-size:18px;line-height:1.6;max-width:640px}
 .products-strip{padding:70px 0;border-bottom:1px solid var(--border);} 
.products-row{display:grid;grid-template-columns:repeat(5,minmax(180px,1fr));gap:26px;align-items:start}
@media(max-width:1100px){.products-row{grid-template-columns:repeat(3,minmax(180px,1fr))}}
@media(max-width:700px){.products-row{grid-template-columns:repeat(2,minmax(160px,1fr))}}
.product{display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer}
.product-img{width:100%;border-radius:12px;overflow:hidden;border:1px solid var(--border);background:transparent;box-shadow:none}
.product:hover .product-img{width:100%;border-radius:12px;overflow:hidden;border:1px solid var(--border);background:transparent;box-shadow:none}
.product-name{margin-top:14px;font-size:18px;letter-spacing:.03em}
.product-gram{margin-top:6px;color:var(--brand);font-weight:600;letter-spacing:.15em}
.section{padding:60px 0;border-bottom:1px solid var(--border)}
.badges{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px;justify-content:center}
.badge{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);padding:8px 12px;border-radius:999px;transition:all .3s}
.badge:hover{border-color:var(--brand);color:var(--brand)}
footer{padding:40px 0;color:#a1a1a1;border-top:1px solid var(--border);text-align:center;font-size:14px;letter-spacing:.03em}
/* Modal */
.modal{position:fixed;inset:0;display:none;place-items:center;background:rgba(0,0,0,.6);backdrop-filter:blur(6px)}
.modal.open{display:grid}
.modal-card{width:min(940px,92%);background:#0b0c0e;border:1px solid var(--border);border-radius:20px;overflow:hidden;position:relative}
.modal-media{aspect-ratio:16/9;background:#0f1215}
.modal-body{padding:16px}
.close{position:absolute;top:14px;right:14px;background:transparent;border:1px solid var(--border);border-radius:10px;padding:8px;color:inherit;cursor:pointer}
table{width:100%;border-collapse:collapse;margin:10px 0 0}
th,td{border:1px solid var(--border);padding:10px 12px;text-align:center}
th{color:var(--brand);font-weight:600}

.product-img img{width:100%;height:auto;display:block;object-fit:cover}


/* --- Minimal product gallery (inspired style) --- */
.products-row{gap:40px;align-items:flex-start}
.product{background:transparent;border:none;box-shadow:none;padding:0}
.product-img{width:min(280px, 92%);border-radius:999px;overflow:visible;border:none;background:transparent;box-shadow:none;margin-inline:auto}
.product-img img{width:100%;height:auto;display:block;object-fit:contain;border-radius:999px}
.product-name{margin-top:18px;font-family:'Playfair Display SC','Playfair Display',serif;text-transform:uppercase;font-size:24px;letter-spacing:.04em}
.product-gram{margin-top:10px;color:var(--brand);font-weight:700;letter-spacing:.32em;text-transform:uppercase;font-size:14px}
.product-hr{width:40px;height:2px;background:var(--border);margin:12px auto 0;border-radius:2px}
.product:hover .product-img{transform:none}
@media(max-width:900px){
  .product-name{font-size:20px}
  .product-gram{letter-spacing:.22em;font-size:12px}
}


/* --- Fully transparent product cards --- */
.products-strip{background: transparent !important;}
.product{background: transparent !important; border: none !important; box-shadow: none !important;}
.product-img{background: transparent !important; border: none !important; box-shadow: none !important; overflow: visible;}
.product-img::before,.product-img::after{display:none !important; content:none !important;}
.product-img img{background: transparent !important; box-shadow: none !important; border: none !important;}