:root {
  --bg: #0c0d10; --panel:#12141a; --ink:#e8e8ea; --muted:#a7aab3;
  --accent:#d4a24d; --accent-2:#5ee8a5; --link:#7bb6ff; --radius:18px;
}
*{box-sizing:border-box}
html,body{margin:0;background:radial-gradient(1200px 600px at 50% -10%,#192026 0%,#0c0d10 50%,#0b0c10 100%);color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
a{color:var(--link);text-decoration:none}
a:hover{opacity:.9}
img{max-width:100%;display:block}
.wrap{width:min(1200px,92vw);margin:0 auto}

/* Header */
header{position:sticky;top:0;z-index:50;backdrop-filter:blur(10px) saturate(120%);
  background: linear-gradient(180deg, rgba(16,17,22,.95), rgba(12,13,17,.88)),
              radial-gradient(1200px 400px at 50% -20%, rgba(94,232,165,.08), rgba(0,0,0,0) 60%);
  border-bottom:1px solid rgba(94,232,165,.18);
  box-shadow: 0 6px 24px rgba(0,0,0,.5), 0 0 40px rgba(94,232,165,.12) inset;
}
header::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.15;
  background: repeating-linear-gradient(135deg, rgba(255,255,255,.035) 0 2px, transparent 2px 8px);
}
.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0}
.brand{display:flex;align-items:center;gap:14px}
.brand img{height:56px;width:auto;filter:drop-shadow(0 10px 22px rgba(0,0,0,.55))}
.brand h1{margin:0;font-family:Anton,Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;letter-spacing:.5px;font-size:clamp(1.35rem,1.2rem + 1vw,2.1rem);line-height:1}
.brand h1 span{display:block;font-size:.64em;font-weight:400;color:var(--muted);letter-spacing:1.6px}
.menu{display:flex;gap:22px;align-items:center}
.menu a{font-weight:700;color:var(--ink);letter-spacing:.2px;padding:10px 12px;border-radius:10px;font-size:1.02rem}
.menu a.active,.menu a:hover{background:rgba(255,255,255,.06);box-shadow:0 0 0 1px rgba(94,232,165,.25) inset;text-shadow:0 0 8px rgba(94,232,165,.55)}
.cta{background:linear-gradient(180deg,#e7c889,#c99a3d);color:#121212;font-weight:800;padding:10px 14px;border-radius:12px;box-shadow:0 10px 24px rgba(212,162,77,.25)}
.burger{display:none;width:44px;height:44px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));align-items:center;justify-content:center}
.burger span{width:22px;height:2px;background:#fff;position:relative;display:block}
.burger span:before,.burger span:after{content:"";position:absolute;left:0;width:100%;height:2px;background:#fff}
.burger span:before{top:-6px}.burger span:after{top:6px}
@media(max-width:920px){.menu{display:none;position:fixed;right:16px;top:74px;background:#0d0f14;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:10px;flex-direction:column;width:min(86vw,360px);box-shadow:0 20px 40px rgba(0,0,0,.55)}.menu.open{display:flex}.burger{display:flex}}

/* Accents and NVG sweep on logo */
.logo-glow{position:relative;display:inline-block}
.logo-glow:after{content:"";position:absolute;inset:-18px -26px;background:radial-gradient(240px 120px at 40% 60%,rgba(94,232,165,.22),rgba(0,0,0,0) 60%),radial-gradient(200px 120px at 80% 0%,rgba(212,162,77,.28),rgba(0,0,0,0) 65%);filter:blur(10px);z-index:-1}
.logo-glow:before{content:"";position:absolute;inset:-6px;background:linear-gradient(120deg, rgba(94,232,165,0) 0%, rgba(94,232,165,.18) 45%, rgba(94,232,165,.45) 50%, rgba(94,232,165,.18) 55%, rgba(94,232,165,0) 100%);
  transform:translateX(-120%) rotate(8deg);mix-blend-mode:screen;filter:blur(1px);pointer-events:none;animation:nvgSweep 6s linear infinite}
@keyframes nvgSweep{0%{transform:translateX(-120%) rotate(8deg)}100%{transform:translateX(120%) rotate(8deg)}}

/* Facebook icon pulse */
.icon{display:inline-block;vertical-align:middle}
.icon-fb{width:18px;height:18px;fill:var(--accent-2);transition:transform .2s ease, filter .2s ease;animation:fbPulse 6s ease-in-out infinite}
@keyframes fbPulse{0%,100%{filter:drop-shadow(0 0 0 rgba(94,232,165,0))}50%{filter:drop-shadow(0 0 8px rgba(94,232,165,.35))}}
.menu a.fb,.social a.fb{gap:10px}
.menu a.fb:hover .icon-fb,.social a.fb:hover .icon-fb{transform:translateY(-1px) scale(1.05);filter:brightness(1.1)}

/* Common sections */
section{padding:56px 0}
.section-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.section-title h3{margin:0;font-size:clamp(1.2rem,1rem + .9vw,1.9rem)}
.sep{height:1px;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.12),rgba(255,255,255,0))}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));color:var(--ink);font-weight:700}
.btn-primary{background:linear-gradient(180deg,#e6bf6e,#b67e16);border-color:rgba(255,224,167,.3);color:#18130a}
footer{padding:40px 0;color:var(--muted);border-top:1px solid rgba(255,255,255,.08);margin-top:40px}
.social a{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02))}

/* Home */ 
.hero{padding:40px 0 30px;display:grid;grid-template-columns:0.6fr 1.0fr;gap:50px;align-items:center}
.hero h2{font-size:clamp(2rem,1.6rem + 2.3vw,3.6rem);line-height:1.05;margin:.2rem 0 .8rem;font-weight:800}
.hero p{color:var(--muted);font-size:clamp(1rem,.98rem + .35vw,1.15rem)}
.badge{display:inline-flex;gap:8px;align-items:center;padding:6px 10px;border:1px solid rgba(240, 234, 234, 0.12);border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02))}
.badge b{color:var(--accent-2)}
.hero-card{background:radial-gradient(400px 180px at 70% -10%,rgba(94,232,165,.12),rgba(0,0,0,0) 65%),var(--panel);border:1px solid rgba(255,255,255,.06);border-radius:18px;padding:22px;box-shadow:0 20px 40px rgba(0,0,0,.55)}
.hero-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.hero-grid img{aspect-ratio:4/3;object-fit:cover;border-radius:14px;border:1px solid rgba(255,255,255,.07)}
@media(max-width:920px){.hero{grid-template-columns:1fr}}

/* Products */ 
.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}
.card{grid-column:span 4;background:var(--panel);border:1px solid rgba(255,255,255,.06);border-radius:18px;overflow:hidden;box-shadow:0 20px 40px rgba(72, 216, 137, 0.55);display:flex;flex-direction:column}
.card img{aspect-ratio:12/10;object-fit:center}
.card .body{padding:16px;display:flex;gap:12px;flex-direction:column}
.price{font-weight:800;color:var(--accent);letter-spacing:.3px}
@media(max-width:900px){.card{grid-column:span 12}}

/* Gallery */ 
.gallery{columns:300px;column-gap:14px}
.gallery a{break-inside:avoid;display:block;margin-bottom:14px;position:relative}
.gallery img{width:100%;border-radius:14px;border:1px solid rgba(255,255,255,.07)}
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.85);display:none;align-items:center;justify-content:center;padding:20px}
.lightbox.open{display:flex}
.lightbox img{max-width:min(96vw,1200px);max-height:86vh;border-radius:16px}

/* Contact */ 
form{display:grid;grid-template-columns:1fr 1fr;gap:14px}
form .full{grid-column:1 / -1}
input,textarea{width:100%;background:#0e1117;color:var(--ink);border:5px solid rgba(93, 218, 128, 0.12);border-radius:12px;padding:12px 14px;font:inherit}
textarea{min-height:140px;resize:vertical}