/* ============================================================
   ZYNA GRILLS — MASTER STYLESHEET v2.0
   Premium Dark Luxury | Gold Accents | Cinematic
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;0,900;1,400&family=Rajdhani:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600&display=swap');

/* ── TOKENS ─────────────────────────────────────────────── */
:root {
  --gold:        #C9A84C;
  --gold-l:      #E8C96A;
  --gold-d:      #9A7A35;
  --fire:        #E05A1A;
  --fire-l:      #FF7A3A;
  --black:       #050505;
  --dark:        #0A0A0A;
  --dark-2:      #111111;
  --dark-3:      #181818;
  --dark-4:      #202020;
  --steel:       #8A9299;
  --steel-l:     #B8C4CC;
  --white:       #FFFFFF;
  --glass:       rgba(255,255,255,0.04);
  --glass-b:     rgba(201,168,76,0.18);
  --glow-gold:   0 0 30px rgba(201,168,76,0.28);
  --glow-fire:   0 0 40px rgba(224,90,26,0.35);
  --shadow:      0 24px 64px rgba(0,0,0,0.85);
  --font-dis:    'Playfair Display', serif;
  --font-hd:     'Rajdhani', sans-serif;
  --font-body:   'Inter', sans-serif;
  --ease:        cubic-bezier(0.25,0.46,0.45,0.94);
  --ease-spring: cubic-bezier(0.22,1,0.36,1);
}

/* ── RESET ───────────────────────────────────────────────── */
*,*::before,*::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; font-size:16px; -webkit-font-smoothing:antialiased; }
body { font-family:var(--font-body); background:var(--black); color:var(--steel-l); overflow-x:hidden; line-height:1.7; }
img  { max-width:100%; height:auto; display:block; }
a    { text-decoration:none; color:inherit; transition:color .3s; }
ul   { list-style:none; }
::selection { background:var(--gold); color:var(--black); }
::-webkit-scrollbar { width:3px; }
::-webkit-scrollbar-track { background:var(--dark); }
::-webkit-scrollbar-thumb { background:var(--gold-d); }

/* ── TYPOGRAPHY ──────────────────────────────────────────── */
.t-display { font-family:var(--font-dis); font-weight:900; line-height:1.05; color:var(--white); }
.t-heading  { font-family:var(--font-hd);  font-weight:700; letter-spacing:1px; }
.section-tag { font-family:var(--font-hd); font-size:.75rem; letter-spacing:5px; text-transform:uppercase; color:var(--gold); margin-bottom:.75rem; display:flex; align-items:center; gap:10px; }
.section-tag::before { content:''; display:block; width:24px; height:1px; background:var(--gold); }
.section-title { font-family:var(--font-dis); font-size:clamp(1.9rem,4.5vw,3.2rem); font-weight:700; color:var(--white); line-height:1.18; }
.section-title .ac { color:var(--gold); }
.section-title .fi { color:var(--fire); }
.section-desc { color:var(--steel); line-height:1.8; font-size:.975rem; }

/* ── LAYOUT ──────────────────────────────────────────────── */
.container { max-width:1340px; margin:0 auto; padding:0 clamp(1.25rem,4vw,3rem); }
.section    { padding:clamp(4rem,8vw,7rem) 0; }
.section-sm { padding:clamp(2rem,4vw,3.5rem) 0; }

/* ── DIVIDER ─────────────────────────────────────────────── */
.gold-line { width:52px; height:2px; background:linear-gradient(90deg,var(--gold),var(--fire)); margin:1.25rem 0; }
.gold-line.center { margin:1.25rem auto; }

/* ── BUTTONS ─────────────────────────────────────────────── */
.btn-primary {
  display:inline-flex; align-items:center; gap:.6rem;
  font-family:var(--font-hd); font-size:.8rem; font-weight:700;
  letter-spacing:2.5px; text-transform:uppercase;
  padding:.9rem 2.2rem;
  background:linear-gradient(135deg,var(--gold),var(--gold-d));
  color:var(--black); border:none; cursor:pointer;
  clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px));
  transition:filter .3s, transform .3s;
}
.btn-primary:hover { filter:brightness(1.15); transform:translateY(-2px); box-shadow:var(--glow-gold); }

.btn-outline {
  display:inline-flex; align-items:center; gap:.6rem;
  font-family:var(--font-hd); font-size:.8rem; font-weight:600;
  letter-spacing:2.5px; text-transform:uppercase;
  padding:.9rem 2.2rem;
  background:transparent; color:var(--white);
  border:1px solid rgba(255,255,255,.25); cursor:pointer;
  transition:all .35s;
}
.btn-outline:hover { border-color:var(--gold); color:var(--gold); background:rgba(201,168,76,.06); }

/* ── NAVBAR ──────────────────────────────────────────────── */
.navbar {
  position:fixed; top:0; left:0; right:0; z-index:1000;
  padding:1.1rem 0;
  transition:all .4s var(--ease);
}
.navbar.scrolled {
  background:rgba(5,5,5,.96);
  backdrop-filter:blur(20px);
  border-bottom:1px solid var(--glass-b);
  padding:.7rem 0;
}
.navbar .container { display:flex; align-items:center; justify-content:space-between; }

.nav-logo { display:flex; align-items:center; gap:.75rem; }
.nav-logo img { height:48px; width:auto; filter:drop-shadow(0 0 12px rgba(255,100,20,.5)); }
.nav-logo-text { font-family:var(--font-dis); font-size:1.5rem; font-weight:900; color:var(--white); }
.nav-logo-text span { color:var(--gold); }

.nav-links { display:flex; align-items:center; gap:2.2rem; }
.nav-link {
  font-family:var(--font-hd); font-size:.875rem; font-weight:600;
  letter-spacing:1.5px; text-transform:uppercase; color:var(--steel-l);
  position:relative; padding:.2rem 0;
}
.nav-link::after { content:''; position:absolute; bottom:0; left:0; width:0; height:1px; background:var(--gold); transition:width .3s; }
.nav-link:hover::after, .nav-link.active::after { width:100%; }
.nav-link:hover, .nav-link.active { color:var(--gold); }

.nav-dropdown { position:relative; }
.nav-dropdown-menu {
  position:absolute; top:calc(100% + 1rem); left:50%;
  transform:translateX(-50%) translateY(8px);
  background:rgba(10,10,10,.98); backdrop-filter:blur(20px);
  border:1px solid var(--glass-b); min-width:210px;
  padding:.6rem 0; opacity:0; visibility:hidden;
  transition:all .35s var(--ease); z-index:100;
}
.nav-dropdown:hover .nav-dropdown-menu { opacity:1; visibility:visible; transform:translateX(-50%) translateY(0); }
.nav-dropdown-menu a { display:block; padding:.65rem 1.4rem; font-family:var(--font-hd); font-size:.875rem; letter-spacing:1px; color:var(--steel); transition:all .25s; }
.nav-dropdown-menu a:hover { color:var(--gold); background:var(--glass); padding-left:1.8rem; }

.nav-cta {
  font-family:var(--font-hd); font-size:.78rem; font-weight:700;
  letter-spacing:2px; text-transform:uppercase;
  padding:.65rem 1.6rem;
  background:linear-gradient(135deg,var(--gold),var(--gold-d));
  color:var(--black); border:none; cursor:pointer;
  clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));
  transition:filter .3s;
}
.nav-cta:hover { filter:brightness(1.15); }

.hamburger { display:none; flex-direction:column; gap:5px; cursor:pointer; background:none; border:none; padding:.4rem; }
.hamburger span { display:block; width:26px; height:2px; background:var(--white); transition:all .35s; }
.hamburger.active span:nth-child(1) { transform:rotate(45deg) translate(5px,5px); }
.hamburger.active span:nth-child(2) { opacity:0; }
.hamburger.active span:nth-child(3) { transform:rotate(-45deg) translate(5px,-5px); }

.mobile-menu {
  position:fixed; inset:0; background:rgba(5,5,5,.98); backdrop-filter:blur(20px);
  z-index:999; display:flex; flex-direction:column; align-items:center;
  justify-content:center; gap:1.75rem;
  transform:translateX(100%); transition:transform .5s cubic-bezier(.77,0,.175,1);
}
.mobile-menu.open { transform:translateX(0); }
.mobile-menu .nav-link { font-size:1.8rem; font-weight:700; letter-spacing:3px; }

/* ── HERO BANNER (iframe wrapper) ────────────────────────── */
.hero-banner-wrap {
  width:100%; background:#000; overflow:hidden;
  position:relative; line-height:0;
}
.hero-banner-wrap iframe {
  width:100%; height:600px; border:none; display:block;
}
@media(max-width:1200px) { .hero-banner-wrap iframe { height:520px; } }
@media(max-width:900px)  { .hero-banner-wrap iframe { height:420px; } }
@media(max-width:640px)  { .hero-banner-wrap iframe { height:320px; } }
@media(max-width:400px)  { .hero-banner-wrap iframe { height:260px; } }

/* ── MARQUEE ─────────────────────────────────────────────── */
.marquee-band {
  overflow:hidden; border-top:1px solid var(--glass-b);
  border-bottom:1px solid var(--glass-b); background:var(--dark-2);
  padding:1.1rem 0;
}
.marquee-track { display:flex; gap:3.5rem; animation:marqueeScroll 22s linear infinite; white-space:nowrap; }
.marquee-track:hover { animation-play-state:paused; }
.marquee-item { font-family:var(--font-hd); font-size:.75rem; letter-spacing:4px; text-transform:uppercase; color:var(--steel); display:flex; align-items:center; gap:.9rem; flex-shrink:0; }
.marquee-dot { width:4px; height:4px; border-radius:50%; background:var(--gold); }
@keyframes marqueeScroll { to { transform:translateX(-50%); } }

/* ── PRODUCT CARD (new premium style) ───────────────────── */
.product-card {
  background:var(--dark-2); border:1px solid var(--glass-b);
  overflow:hidden; transition:all .45s var(--ease);
  position:relative; display:flex; flex-direction:column;
}
.product-card::before {
  content:''; position:absolute; bottom:0; left:0; right:0; height:3px;
  background:linear-gradient(90deg,var(--gold),var(--fire));
  transform:scaleX(0); transition:transform .4s var(--ease); transform-origin:left;
}
.product-card:hover::before { transform:scaleX(1); }
.product-card:hover { border-color:rgba(201,168,76,.4); transform:translateY(-6px); box-shadow:var(--shadow); }

.product-card-img {
  position:relative; background:var(--dark-3); padding:2.5rem;
  display:flex; align-items:center; justify-content:center;
  overflow:hidden; aspect-ratio:4/3;
}
.product-card-img::before {
  content:''; position:absolute; inset:0;
  background:radial-gradient(ellipse 70% 70% at 50% 90%,rgba(201,168,76,.07) 0%,transparent 70%);
}
.product-card-img img {
  max-width:92%; max-height:240px; object-fit:contain;
  position:relative; z-index:1;
  transition:transform .55s var(--ease), filter .55s;
  filter:drop-shadow(0 12px 32px rgba(0,0,0,.6));
}
.product-card:hover .product-card-img img {
  transform:scale(1.07) translateY(-4px);
  filter:drop-shadow(0 20px 48px rgba(0,0,0,.7)) drop-shadow(0 0 30px rgba(201,168,76,.12));
}
.product-card-badge {
  position:absolute; top:1rem; left:1rem; z-index:2;
  background:var(--gold); color:var(--black);
  font-family:var(--font-hd); font-size:.65rem; font-weight:800;
  letter-spacing:2px; text-transform:uppercase; padding:.3rem .8rem;
}
.product-card-body { padding:1.75rem 2rem; flex:1; display:flex; flex-direction:column; }
.product-card-cat { font-family:var(--font-hd); font-size:.7rem; letter-spacing:3px; text-transform:uppercase; color:var(--gold); margin-bottom:.5rem; }
.product-card-name { font-family:var(--font-dis); font-size:1.25rem; font-weight:700; color:var(--white); margin-bottom:.75rem; }
.product-card-desc { color:var(--steel); font-size:.875rem; line-height:1.7; margin-bottom:1.5rem; flex:1; }
.product-card-footer { display:flex; gap:1rem; align-items:center; margin-top:auto; }
.product-card-link { font-family:var(--font-hd); font-size:.75rem; letter-spacing:2px; text-transform:uppercase; color:var(--steel); transition:color .3s; }
.product-card-link:hover { color:var(--gold); }

/* ── FEATURE CARDS ────────────────────────────────────────── */
.feature-card {
  background:var(--glass); border:1px solid var(--glass-b);
  padding:2rem 1.75rem; transition:all .4s var(--ease);
}
.feature-card:hover { border-color:rgba(201,168,76,.4); background:rgba(255,255,255,.05); transform:translateY(-4px); }
.feature-icon-wrap {
  width:56px; height:56px; background:var(--dark-3); border:1px solid var(--glass-b);
  display:flex; align-items:center; justify-content:center;
  font-size:1.4rem; margin-bottom:1.25rem;
}
.feature-title { font-family:var(--font-hd); font-size:1rem; font-weight:700; letter-spacing:.5px; color:var(--white); margin-bottom:.6rem; }
.feature-desc  { color:var(--steel); font-size:.875rem; line-height:1.7; }

/* ── SPEC TABLE ───────────────────────────────────────────── */
.spec-table { width:100%; border-collapse:collapse; }
.spec-table tr { border-bottom:1px solid var(--glass-b); }
.spec-table tr:hover td { background:rgba(201,168,76,.03); }
.spec-table td { padding:.9rem 1.1rem; font-size:.9rem; }
.spec-table td:first-child { font-family:var(--font-hd); text-transform:uppercase; letter-spacing:1px; font-size:.75rem; color:var(--gold); width:42%; }
.spec-table td:last-child { color:var(--steel-l); }

/* ── TESTIMONIALS ─────────────────────────────────────────── */
.testimonial-card {
  background:var(--dark-2); border:1px solid var(--glass-b);
  padding:2.25rem; position:relative; transition:border-color .4s;
}
.testimonial-card::before { content:'"'; position:absolute; top:1rem; right:1.5rem; font-family:var(--font-dis); font-size:5rem; color:var(--gold-d); opacity:.25; line-height:1; }
.testimonial-card:hover { border-color:rgba(201,168,76,.35); }
.t-stars { color:var(--gold); letter-spacing:3px; margin-bottom:.9rem; font-size:.95rem; }
.t-text  { font-size:.9rem; color:var(--steel-l); line-height:1.8; margin-bottom:1.4rem; font-style:italic; }
.t-author { display:flex; align-items:center; gap:1rem; }
.t-avatar { width:46px; height:46px; background:var(--dark-3); border:2px solid var(--gold-d); display:flex; align-items:center; justify-content:center; font-family:var(--font-dis); font-size:1.1rem; font-weight:700; color:var(--gold); border-radius:0; }
.t-name    { font-family:var(--font-hd); font-weight:700; color:var(--white); font-size:.9rem; letter-spacing:.5px; }
.t-loc     { font-size:.78rem; color:var(--steel); }

/* ── STATS BAND ───────────────────────────────────────────── */
.stats-band { background:linear-gradient(135deg,var(--dark-3),var(--dark-2)); border-top:1px solid var(--glass-b); border-bottom:1px solid var(--glass-b); }
.stats-grid { display:grid; grid-template-columns:repeat(4,1fr); }
.stat-item { padding:2.75rem 2rem; text-align:center; border-right:1px solid var(--glass-b); position:relative; overflow:hidden; }
.stat-item::after { content:''; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:36px; height:2px; background:linear-gradient(90deg,var(--gold),var(--fire)); }
.stat-item:last-child { border-right:none; }
.stat-num { font-family:var(--font-dis); font-size:clamp(2.2rem,4vw,3.5rem); font-weight:900; color:var(--gold); display:block; line-height:1; }
.stat-lbl { font-family:var(--font-hd); font-size:.75rem; letter-spacing:3px; text-transform:uppercase; color:var(--steel); margin-top:.5rem; display:block; }

/* ── FAQ ──────────────────────────────────────────────────── */
.faq-item { border-bottom:1px solid var(--glass-b); }
.faq-q {
  display:flex; justify-content:space-between; align-items:center;
  padding:1.4rem 0; cursor:pointer; font-family:var(--font-hd);
  font-size:1rem; font-weight:600; color:var(--white); letter-spacing:.5px;
  transition:color .3s;
}
.faq-q:hover { color:var(--gold); }
.faq-icon { width:24px; height:24px; background:var(--dark-3); border:1px solid var(--glass-b); display:flex; align-items:center; justify-content:center; flex-shrink:0; font-size:.95rem; color:var(--gold); transition:transform .35s; }
.faq-item.open .faq-icon { transform:rotate(45deg); }
.faq-a { max-height:0; overflow:hidden; transition:max-height .4s var(--ease); }
.faq-item.open .faq-a { max-height:400px; }
.faq-a-inner { padding-bottom:1.4rem; color:var(--steel); font-size:.9rem; line-height:1.8; }

/* ── CATEGORIES GRID ─────────────────────────────────────── */
.categories-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; }
.category-card {
  background:var(--dark-2); border:1px solid var(--glass-b);
  padding:2.5rem 2rem; text-align:center; transition:all .4s var(--ease);
  position:relative; overflow:hidden; display:block;
}
.category-card::after { content:''; position:absolute; bottom:0; left:0; right:0; height:3px; background:linear-gradient(90deg,var(--gold),var(--fire)); transform:scaleX(0); transition:transform .4s; transform-origin:left; }
.category-card:hover::after { transform:scaleX(1); }
.category-card:hover { border-color:rgba(201,168,76,.35); transform:translateY(-5px); box-shadow:var(--shadow); }
.cat-icon { width:72px; height:72px; margin:0 auto 1.4rem; background:var(--dark-3); border:1px solid var(--glass-b); display:flex; align-items:center; justify-content:center; font-size:2.2rem; }
.cat-name  { font-family:var(--font-dis); font-size:1.2rem; font-weight:700; color:var(--white); margin-bottom:.6rem; }
.cat-count { font-family:var(--font-hd); font-size:.72rem; letter-spacing:2px; color:var(--gold); text-transform:uppercase; }

/* ── PAGE HERO (inner pages) ─────────────────────────────── */
.page-hero {
  padding:9rem 0 5.5rem; position:relative; overflow:hidden;
  background:var(--dark);
}
.page-hero::before {
  content:''; position:absolute; inset:0;
  background:radial-gradient(ellipse 70% 80% at 75% 50%,rgba(201,168,76,.07) 0%,transparent 60%),
             radial-gradient(ellipse 50% 60% at 20% 50%,rgba(224,90,26,.05) 0%,transparent 50%);
}
.breadcrumb { display:flex; align-items:center; gap:.5rem; font-family:var(--font-hd); font-size:.78rem; letter-spacing:1.5px; text-transform:uppercase; color:var(--steel); margin-bottom:1.5rem; }
.breadcrumb a { color:var(--gold); }
.page-hero-title { font-family:var(--font-dis); font-size:clamp(2.2rem,6vw,4rem); font-weight:900; color:var(--white); line-height:1.1; margin-bottom:1.2rem; }
.page-hero-title .ac { color:var(--gold); }
.page-hero-desc  { color:var(--steel); max-width:580px; line-height:1.8; font-size:1rem; }

/* ── PRODUCT DETAIL ──────────────────────────────────────── */
.product-detail-grid { display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:start; }
.product-img-main {
  width:100%; background:var(--dark-3); border:1px solid var(--glass-b);
  display:flex; align-items:center; justify-content:center;
  padding:3rem; aspect-ratio:1; overflow:hidden;
}
.product-img-main img { max-width:100%; max-height:380px; object-fit:contain; transition:transform .5s var(--ease); filter:drop-shadow(0 16px 48px rgba(0,0,0,.7)); }
.product-img-main:hover img { transform:scale(1.06); }
.product-thumbs { display:grid; grid-template-columns:repeat(4,1fr); gap:.6rem; margin-top:.6rem; }
.product-thumb { aspect-ratio:1; background:var(--dark-3); border:1px solid var(--glass-b); display:flex; align-items:center; justify-content:center; padding:.5rem; cursor:pointer; transition:border-color .3s; overflow:hidden; }
.product-thumb:hover, .product-thumb.active { border-color:var(--gold); }
.product-thumb img { max-width:100%; max-height:60px; object-fit:contain; }

/* ── GALLERY ──────────────────────────────────────────────── */
.gallery-masonry { columns:3; gap:2px; }
.gallery-item { position:relative; overflow:hidden; cursor:pointer; break-inside:avoid; margin-bottom:2px; }
.gallery-item img { width:100%; display:block; transition:transform .55s var(--ease); }
.gallery-item:hover img { transform:scale(1.06); }
.gallery-overlay { position:absolute; inset:0; background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.8) 100%); opacity:0; transition:opacity .4s; display:flex; align-items:flex-end; padding:1.5rem; }
.gallery-item:hover .gallery-overlay { opacity:1; }
.gallery-label { font-family:var(--font-hd); font-size:.78rem; letter-spacing:2px; text-transform:uppercase; color:var(--gold); }

/* ── CONTACT FORM ─────────────────────────────────────────── */
.form-group { margin-bottom:1.4rem; }
.form-label { display:block; font-family:var(--font-hd); font-size:.72rem; letter-spacing:2px; text-transform:uppercase; color:var(--steel); margin-bottom:.55rem; }
.form-input, .form-textarea, .form-select {
  width:100%; background:var(--dark-3); border:1px solid var(--glass-b);
  color:var(--white); padding:.9rem 1.1rem; font-family:var(--font-body);
  font-size:.9rem; outline:none; appearance:none; transition:border-color .3s;
}
.form-input:focus, .form-textarea:focus, .form-select:focus { border-color:var(--gold); box-shadow:0 0 0 2px rgba(201,168,76,.1); }
.form-textarea { min-height:130px; resize:vertical; }
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:1.4rem; }

/* ── FOOTER ──────────────────────────────────────────────── */
.footer { background:var(--dark); border-top:1px solid var(--glass-b); }
.footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1.4fr; gap:3.5rem; padding:4.5rem 0 3.5rem; }
.footer-tagline { font-size:.875rem; color:var(--steel); line-height:1.8; margin:1.25rem 0 1.75rem; max-width:280px; }
.footer-contact-info { display:flex; flex-direction:column; gap:.6rem; }
.footer-contact-info div { font-size:.875rem; color:var(--steel); display:flex; align-items:center; gap:.6rem; }
.footer-heading { font-family:var(--font-hd); font-size:.75rem; letter-spacing:3px; text-transform:uppercase; color:var(--gold); margin-bottom:1.2rem; }
.footer-link { display:block; font-size:.875rem; color:var(--steel); margin-bottom:.65rem; transition:all .3s; }
.footer-link:hover { color:var(--gold); padding-left:5px; }
.footer-bottom { border-top:1px solid var(--glass-b); padding:1.4rem 0; display:flex; justify-content:space-between; align-items:center; }
.footer-bottom p { font-size:.8rem; color:var(--steel); }
.footer-bottom-links { display:flex; gap:1.75rem; }
.footer-bottom-links a { font-size:.8rem; color:var(--steel); }
.footer-bottom-links a:hover { color:var(--gold); }

/* ── SOCIAL BUTTONS ──────────────────────────────────────── */
.social-row { display:flex; gap:.8rem; margin-top:1rem; }
.social-btn { width:38px; height:38px; background:var(--dark-3); border:1px solid var(--glass-b); display:flex; align-items:center; justify-content:center; color:var(--steel); font-size:.85rem; transition:all .3s; }
.social-btn:hover { background:var(--gold); color:var(--black); border-color:var(--gold); }

/* ── WHATSAPP FLOAT ──────────────────────────────────────── */
.wa-float { position:fixed; bottom:2rem; right:2rem; z-index:999; }
.wa-btn { width:54px; height:54px; background:#25D366; border-radius:50%; display:flex; align-items:center; justify-content:center; box-shadow:0 4px 20px rgba(37,211,102,.4); transition:all .35s; animation:waPulse 2.5s infinite; }
.wa-btn:hover { transform:scale(1.1); box-shadow:0 8px 32px rgba(37,211,102,.6); }
.wa-btn svg { width:26px; height:26px; color:#fff; }
@keyframes waPulse { 0%,100%{box-shadow:0 4px 20px rgba(37,211,102,.4)} 50%{box-shadow:0 4px 32px rgba(37,211,102,.7)} }

/* ── CHATBOT ──────────────────────────────────────────────── */
.chat-toggle-wrap { position:fixed; bottom:6.5rem; right:2rem; z-index:998; }
.chat-toggle { width:48px; height:48px; border-radius:50%; background:linear-gradient(135deg,var(--gold),var(--gold-d)); border:none; cursor:pointer; display:flex; align-items:center; justify-content:center; box-shadow:var(--glow-gold); font-size:1.2rem; transition:transform .3s; }
.chat-toggle:hover { transform:scale(1.1); }
.chat-window { display:none; flex-direction:column; position:fixed; bottom:11rem; right:2rem; z-index:997; width:330px; height:420px; background:var(--dark-2); border:1px solid var(--glass-b); box-shadow:var(--shadow); }
.chat-header { padding:1.1rem 1.4rem; background:linear-gradient(135deg,var(--dark-3),var(--dark-4)); border-bottom:1px solid var(--glass-b); display:flex; justify-content:space-between; align-items:center; }
.chat-header-title { font-family:var(--font-hd); font-weight:700; color:var(--white); letter-spacing:1px; font-size:.9rem; }
.chat-online { font-size:.72rem; color:var(--gold); margin-top:2px; }
.chat-close { background:none; border:none; color:var(--steel); cursor:pointer; font-size:1.1rem; }
.chat-messages { flex:1; overflow-y:auto; padding:1.1rem; display:flex; flex-direction:column; gap:.5rem; }
.chat-form { padding:.9rem; border-top:1px solid var(--glass-b); display:flex; gap:.5rem; }
.chat-input { flex:1; background:var(--dark-3); border:1px solid var(--glass-b); color:var(--white); padding:.65rem .9rem; font-size:.82rem; outline:none; font-family:var(--font-body); }
.chat-send { background:linear-gradient(135deg,var(--gold),var(--gold-d)); border:none; color:var(--black); cursor:pointer; padding:.65rem .9rem; font-family:var(--font-hd); font-weight:700; font-size:.75rem; letter-spacing:1px; }

/* ── LOADER ──────────────────────────────────────────────── */
.loader { position:fixed; inset:0; z-index:9999; background:var(--black); display:flex; align-items:center; justify-content:center; flex-direction:column; gap:1.75rem; transition:opacity .6s,visibility .6s; }
.loader.hidden { opacity:0; visibility:hidden; }
.loader-logo { font-family:var(--font-dis); font-size:2.8rem; font-weight:900; color:var(--white); }
.loader-logo span { color:var(--gold); }
.loader-bar { width:180px; height:2px; background:var(--dark-3); position:relative; overflow:hidden; }
.loader-bar::after { content:''; position:absolute; top:0; left:-100%; width:100%; height:100%; background:linear-gradient(90deg,var(--gold),var(--fire)); animation:loaderFill 1.5s ease forwards; }
@keyframes loaderFill { to { left:0; } }

/* ── SCROLL REVEAL ───────────────────────────────────────── */
.reveal        { opacity:0; transform:translateY(36px); transition:opacity .8s var(--ease),transform .8s var(--ease); }
.reveal-left   { opacity:0; transform:translateX(-36px); transition:opacity .8s var(--ease),transform .8s var(--ease); }
.reveal-right  { opacity:0; transform:translateX(36px); transition:opacity .8s var(--ease),transform .8s var(--ease); }
.reveal.in, .reveal-left.in, .reveal-right.in { opacity:1; transform:none; }
.d1 { transition-delay:.1s; } .d2 { transition-delay:.2s; }
.d3 { transition-delay:.3s; } .d4 { transition-delay:.4s; }
.d5 { transition-delay:.5s; }

/* ── GRID HELPERS ────────────────────────────────────────── */
.grid-2  { display:grid; grid-template-columns:1fr 1fr; gap:2.5rem; }
.grid-3  { display:grid; grid-template-columns:repeat(3,1fr); gap:2rem; }
.grid-4  { display:grid; grid-template-columns:repeat(4,1fr); gap:1.5rem; }

/* ── CTA SECTION ─────────────────────────────────────────── */
.cta-section {
  position:relative; overflow:hidden;
  padding:clamp(5rem,10vw,8rem) 0;
  background:var(--dark-3);
  text-align:center;
}
.cta-section::before {
  content:''; position:absolute; inset:0;
  background:radial-gradient(ellipse 70% 100% at 50% 100%,rgba(224,90,26,.18) 0%,transparent 60%),
             radial-gradient(ellipse 60% 80% at 50% 50%,rgba(201,168,76,.08) 0%,transparent 50%);
}
.cta-section .container { position:relative; z-index:1; }

/* ── AREAS CHIPS ─────────────────────────────────────────── */
.areas-grid { display:flex; flex-wrap:wrap; gap:.75rem; }
.area-chip { background:var(--dark-2); border:1px solid var(--glass-b); padding:.7rem 1.4rem; font-family:var(--font-hd); font-size:.8rem; font-weight:600; color:var(--steel-l); letter-spacing:1px; text-transform:uppercase; transition:all .3s; cursor:pointer; }
.area-chip:hover { border-color:var(--gold); color:var(--gold); background:rgba(201,168,76,.06); }

/* ── SECTION ALTERNATING BG ──────────────────────────────── */
.bg-dark  { background:var(--dark); }
.bg-black { background:var(--black); }
.bg-d2    { background:var(--dark-2); }
.bg-d3    { background:var(--dark-3); }

/* ── RESPONSIVE ──────────────────────────────────────────── */
@media(max-width:1200px){
  .footer-grid { grid-template-columns:1fr 1fr; gap:2.5rem; }
  .categories-grid { grid-template-columns:repeat(2,1fr); }
  .product-detail-grid { gap:3rem; }
}
@media(max-width:1024px){
  .grid-4 { grid-template-columns:repeat(2,1fr); }
  .stats-grid { grid-template-columns:repeat(2,1fr); }
}
@media(max-width:992px){
  .nav-links,.nav-cta { display:none; }
  .hamburger { display:flex; }
  .grid-2 { grid-template-columns:1fr; }
  .product-detail-grid { grid-template-columns:1fr; }
  .categories-grid { grid-template-columns:repeat(2,1fr); }
  .form-row { grid-template-columns:1fr; gap:0; }
}
@media(max-width:768px){
  .categories-grid { grid-template-columns:1fr; }
  .grid-3 { grid-template-columns:1fr; }
  .gallery-masonry { columns:2; }
  .footer-grid { grid-template-columns:1fr; gap:2rem; }
  .footer-bottom { flex-direction:column; gap:1rem; text-align:center; }
  .stats-grid { grid-template-columns:repeat(2,1fr); }
}
@media(max-width:480px){
  .stats-grid { grid-template-columns:1fr 1fr; }
  .gallery-masonry { columns:1; }
  .btn-primary,.btn-outline { width:100%; justify-content:center; }
}