/* ═══════════════════════════════════════════════════
   NOVATEKS GAMES — style.css
   ═══════════════════════════════════════════════════ */

/* ── VARIÁVEIS ── */
:root {
  --bg-void:    #050508;
  --bg-deep:    #0a0a12;
  --bg-card:    #0e0e1a;
  --border-dim: rgba(255,255,255,0.06);
  --neon-green:  #00ffb4;
  --neon-blue:   #00c8ff;
  --neon-purple: #b400ff;
  --neon-red:    #ff3060;
  --neon-orange: #ff8c00;
  --text-bright: #f0f4ff;
  --text-mid:    #8892a4;
  --text-dim:    #4a5568;
  --font-head: 'Orbitron', monospace;
  --font-body: 'Rajdhani', sans-serif;
  --radius: 8px;
  --tr: all 0.25s cubic-bezier(0.4,0,0.2,1);
}

/* ── RESET ── */
*,*::before,*::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body {
  background:var(--bg-void);
  color:var(--text-bright);
  font-family:var(--font-body);
  overflow-x:hidden;
  min-height:100vh;
}

/* ── STARFIELD ── */
#starfield { position:fixed; inset:0; z-index:0; pointer-events:none; }

/* ── NOISE OVERLAY ── */
body::before {
  content:'';
  position:fixed; inset:0;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");
  pointer-events:none; z-index:1; opacity:0.35;
}

nav,header,.stats-bar,.search-section,main,.why-section,footer,.wa-float,.top-btn {
  position:relative; z-index:2;
}

/* ── SCROLLBAR ── */
::-webkit-scrollbar       { width:5px; }
::-webkit-scrollbar-track { background:var(--bg-void); }
::-webkit-scrollbar-thumb { background:var(--neon-green); border-radius:3px; }


/* ════════════════════════════════
   NAVBAR
   ════════════════════════════════ */
.navbar {
  position:fixed; top:0; left:0; width:100%;
  background:rgba(5,5,8,0.95); backdrop-filter:blur(20px);
  border-bottom:1px solid var(--border-dim);
  padding:0 5%; height:70px;
  display:flex; align-items:center; justify-content:space-between;
  z-index:1000;
}
.navbar::after {
  content:''; position:absolute; bottom:0; left:0; right:0; height:1px;
  background:linear-gradient(90deg,transparent,var(--neon-green),transparent); opacity:0.35;
}

.nav-logo { display:flex; align-items:center; gap:13px; text-decoration:none; }
.nav-logo img {
  height:50px; width:50px; border-radius:10px; object-fit:cover;
  border:1.5px solid rgba(0,255,180,0.3); box-shadow:0 0 14px rgba(0,255,180,0.18);
}
.nav-logo span { font-family:var(--font-head); font-size:1.05rem; font-weight:700; color:var(--text-bright); letter-spacing:2px; }
.nav-logo span em { color:var(--neon-green); font-style:normal; }

.nav-links { display:flex; list-style:none; align-items:center; gap:24px; }
.nav-links a {
  color:var(--text-mid); text-decoration:none; font-size:0.88rem;
  font-weight:500; letter-spacing:1px; text-transform:uppercase; transition:var(--tr);
}
.nav-links a:hover, .nav-links a.active { color:var(--neon-green); }

/* ── Botão Login na navbar ── */
.nav-btn-login {
  display:inline-flex; align-items:center; gap:7px;
  font-family:var(--font-head); font-size:0.65rem; font-weight:700;
  letter-spacing:1.5px; text-transform:uppercase;
  color:var(--bg-void) !important;
  background:var(--neon-green);
  padding:8px 16px; border-radius:4px;
  transition:var(--tr); white-space:nowrap;
  box-shadow:0 0 16px rgba(0,255,180,0.2);
}
.nav-btn-login:hover { box-shadow:0 0 28px rgba(0,255,180,0.45); transform:translateY(-1px); }

/* ── Menu do usuário (dropdown) ── */
.nav-user {
  position:relative; display:flex; align-items:center;
}
.nav-user-btn {
  display:flex; align-items:center; gap:9px;
  background:rgba(0,255,180,0.06); border:1px solid rgba(0,255,180,0.18);
  border-radius:6px; padding:7px 13px; cursor:pointer;
  transition:var(--tr); color:var(--text-bright);
  font-family:var(--font-body); font-size:0.9rem; font-weight:600;
}
.nav-user-btn:hover { background:rgba(0,255,180,0.1); border-color:rgba(0,255,180,0.3); }
.nav-user-avatar {
  width:30px; height:30px; border-radius:50%;
  background:linear-gradient(135deg,var(--neon-green),var(--neon-blue));
  display:flex; align-items:center; justify-content:center;
  font-size:0.75rem; font-weight:700; color:var(--bg-void); flex-shrink:0;
}
.nav-user-name { max-width:120px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.nav-user-arrow { font-size:0.7rem; color:var(--text-dim); transition:var(--tr); }
.nav-user-btn:hover .nav-user-arrow { color:var(--neon-green); }

/* Dropdown do menu de usuário */
.nav-user-dropdown {
  position:absolute; top:calc(100% + 10px); right:0;
  background:var(--bg-card); border:1px solid var(--border-dim);
  border-radius:var(--radius); min-width:220px;
  box-shadow:0 20px 50px rgba(0,0,0,0.5); overflow:hidden;
  opacity:0; visibility:hidden; transform:translateY(-6px);
  transition:var(--tr); z-index:2000;
}
.nav-user-dropdown.open { opacity:1; visibility:visible; transform:translateY(0); }

/* linha do topo colorida */
.nav-user-dropdown::before {
  content:''; display:block; height:2px;
  background:linear-gradient(90deg,var(--neon-green),var(--neon-blue));
}

.dropdown-header {
  padding:14px 16px 12px;
  border-bottom:1px solid var(--border-dim);
}
.dropdown-email {
  font-size:0.78rem; color:var(--text-dim);
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.dropdown-uid {
  font-size:0.65rem; color:var(--text-dim); margin-top:3px;
  font-family:var(--font-head); letter-spacing:1px;
}

.dropdown-menu { padding:6px 0; }
.dropdown-item {
  display:flex; align-items:center; gap:10px;
  padding:10px 16px; color:var(--text-mid);
  text-decoration:none; font-size:0.88rem; font-weight:500;
  transition:var(--tr); cursor:pointer; border:none; background:none;
  width:100%; text-align:left;
}
.dropdown-item i { width:16px; font-size:0.85rem; color:var(--text-dim); transition:var(--tr); }
.dropdown-item:hover { background:rgba(0,255,180,0.05); color:var(--neon-green); }
.dropdown-item:hover i { color:var(--neon-green); }
.dropdown-item.danger { color:var(--text-dim); }
.dropdown-item.danger:hover { background:rgba(255,48,96,0.06); color:var(--neon-red); }
.dropdown-item.danger:hover i { color:var(--neon-red); }
.dropdown-item.soon { opacity:0.45; cursor:default; pointer-events:none; }
.dropdown-item .badge-soon {
  margin-left:auto; font-size:0.55rem; font-family:var(--font-head);
  letter-spacing:1px; color:var(--neon-orange);
  background:rgba(255,140,0,0.1); border:1px solid rgba(255,140,0,0.2);
  padding:2px 6px; border-radius:3px;
}

.dropdown-divider { height:1px; background:var(--border-dim); margin:4px 0; }

.mobile-menu-btn { display:none; background:none; border:none; color:var(--text-bright); font-size:1.4rem; cursor:pointer; }


/* ════════════════════════════════
   HERO
   ════════════════════════════════ */
.hero {
  position:relative; min-height:100vh;
  display:flex; align-items:center; justify-content:center;
  text-align:center; overflow:hidden; padding:110px 20px 70px;
}
.hero-grid-bg {
  position:absolute; inset:0;
  background-image:
    linear-gradient(rgba(0,255,180,0.033) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,255,180,0.033) 1px,transparent 1px);
  background-size:60px 60px;
  mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,black,transparent);
}
.hero-glow {
  position:absolute; width:700px; height:700px; border-radius:50%;
  background:radial-gradient(circle,rgba(0,255,180,0.07) 0%,transparent 65%);
  top:50%; left:50%; transform:translate(-50%,-50%); pointer-events:none;
}
.hero-content { position:relative; z-index:2; max-width:860px; }

.hero-eyebrow {
  display:inline-flex; align-items:center; gap:8px;
  font-family:var(--font-head); font-size:0.6rem; letter-spacing:4px;
  color:var(--neon-green); text-transform:uppercase;
  margin-bottom:24px; padding:6px 14px;
  border:1px solid rgba(0,255,180,0.3); border-radius:2px;
}
.hero-eyebrow::before, .hero-eyebrow::after { content:'//'; color:rgba(0,255,180,0.4); }

.hero h1 {
  font-family:var(--font-head); font-size:clamp(2rem,5.5vw,4.2rem);
  font-weight:900; line-height:1.1; color:var(--text-bright); margin-bottom:24px;
}
.hero h1 .outline   { color:transparent; -webkit-text-stroke:1.5px var(--neon-green); }
.hero h1 .glow-text { color:var(--neon-green); text-shadow:0 0 30px rgba(0,255,180,0.4),0 0 60px rgba(0,255,180,0.2); }
.hero p { font-size:1.1rem; color:var(--text-mid); max-width:580px; margin:0 auto 40px; line-height:1.7; }

.hero-btns { display:flex; justify-content:center; gap:14px; flex-wrap:wrap; }

.btn-hero-primary {
  display:inline-flex; align-items:center; gap:10px;
  background:var(--neon-green); color:var(--bg-void);
  padding:14px 28px; border-radius:4px; text-decoration:none;
  font-family:var(--font-head); font-size:0.72rem; font-weight:700;
  letter-spacing:2px; text-transform:uppercase; transition:var(--tr);
  box-shadow:0 0 20px rgba(0,255,180,0.25);
}
.btn-hero-primary:hover { box-shadow:0 0 40px rgba(0,255,180,0.5); transform:translateY(-2px); }

.btn-hero-ghost {
  display:inline-flex; align-items:center; gap:10px;
  background:transparent; color:var(--text-bright);
  padding:13px 28px; border-radius:4px; text-decoration:none;
  font-family:var(--font-head); font-size:0.72rem; font-weight:600;
  letter-spacing:2px; text-transform:uppercase;
  border:1px solid rgba(255,255,255,0.15); transition:var(--tr);
}
.btn-hero-ghost:hover { border-color:rgba(255,255,255,0.35); background:rgba(255,255,255,0.05); }


/* ════════════════════════════════
   STATS BAR
   ════════════════════════════════ */
.stats-bar   { background:var(--bg-card); border-top:1px solid var(--border-dim); border-bottom:1px solid var(--border-dim); padding:22px 5%; }
.stats-inner { max-width:1200px; margin:0 auto; display:flex; justify-content:center; gap:60px; flex-wrap:wrap; }
.stat-item   { display:flex; flex-direction:column; align-items:center; gap:4px; }
.stat-number { font-family:var(--font-head); font-size:1.5rem; font-weight:700; color:var(--neon-green); }
.stat-label  { font-size:0.78rem; color:var(--text-dim); letter-spacing:1px; text-transform:uppercase; }


/* ════════════════════════════════
   SEARCH & FILTERS
   ════════════════════════════════ */
.search-section {
  background:rgba(10,10,18,0.97); backdrop-filter:blur(12px);
  border-bottom:1px solid var(--border-dim); padding:20px 5%;
  position:sticky; top:70px; z-index:100;
}
.search-inner { max-width:1200px; margin:0 auto; display:flex; gap:10px; flex-wrap:wrap; }

.search-wrap { flex:1; min-width:260px; position:relative; }
.search-wrap input {
  width:100%; padding:11px 42px 11px 15px;
  background:rgba(255,255,255,0.04); border:1px solid var(--border-dim);
  border-radius:4px; color:var(--text-bright);
  font-family:var(--font-body); font-size:0.93rem; transition:var(--tr);
}
.search-wrap input::placeholder { color:var(--text-dim); }
.search-wrap input:focus { outline:none; border-color:var(--neon-green); background:rgba(0,255,180,0.03); }
.search-wrap i { position:absolute; right:13px; top:50%; transform:translateY(-50%); color:var(--text-dim); font-size:0.83rem; }

.filter-select {
  padding:11px 30px 11px 14px;
  background:rgba(255,255,255,0.04) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%238892a4' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14L2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E") no-repeat right 10px center;
  border:1px solid var(--border-dim); border-radius:4px;
  color:var(--text-mid); font-family:var(--font-body); font-size:0.87rem;
  cursor:pointer; transition:var(--tr); appearance:none;
}
.filter-select:focus  { outline:none; border-color:var(--neon-green); }
.filter-select option { background:var(--bg-card); color:var(--text-bright); }


/* ════════════════════════════════
   SECTIONS
   ════════════════════════════════ */
.section        { max-width:1200px; margin:0 auto; padding:65px 5%; }
.section-header { display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:34px; flex-wrap:wrap; gap:14px; }
.section-title  {
  font-family:var(--font-head); font-size:1.2rem; font-weight:700;
  color:var(--text-bright); letter-spacing:2px; display:flex; align-items:center; gap:12px;
}
.section-title::before {
  content:''; display:block; width:4px; height:20px;
  background:var(--neon-green); border-radius:2px; box-shadow:0 0 10px var(--neon-green);
}


/* ════════════════════════════════
   CATEGORY CHIPS
   ════════════════════════════════ */
.category-chips { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:34px; }
.chip {
  padding:7px 16px; border-radius:3px; border:1px solid var(--border-dim);
  background:transparent; color:var(--text-mid);
  font-family:var(--font-body); font-size:0.82rem; font-weight:600;
  cursor:pointer; transition:var(--tr); display:flex; align-items:center; gap:7px;
}
.chip:hover  { border-color:rgba(0,255,180,0.4); color:var(--neon-green); }
.chip.active { border-color:var(--neon-green); color:var(--neon-green); background:rgba(0,255,180,0.06); }


/* ════════════════════════════════
   PRODUCT GRID & CARDS
   ════════════════════════════════ */
.products-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(265px,1fr)); gap:18px; }

.product-card {
  background:var(--bg-card); border:1px solid var(--border-dim);
  border-radius:var(--radius); overflow:hidden; transition:var(--tr); position:relative;
}
.product-card:hover {
  border-color:rgba(0,255,180,0.22); transform:translateY(-4px);
  box-shadow:0 20px 40px rgba(0,0,0,0.4),0 0 0 1px rgba(0,255,180,0.07);
}
.product-card::after {
  content:''; position:absolute; inset:0; border-radius:var(--radius);
  background:linear-gradient(135deg,rgba(0,255,180,0.03) 0%,transparent 60%);
  opacity:0; transition:var(--tr); pointer-events:none;
}
.product-card:hover::after { opacity:1; }

.product-img-wrap { position:relative; height:175px; overflow:hidden; background:var(--bg-deep); }
.product-img-wrap img { width:100%; height:100%; object-fit:cover; transition:transform 0.4s ease; display:block; }
.product-card:hover .product-img-wrap img { transform:scale(1.05); }
.product-img-overlay { position:absolute; inset:0; background:linear-gradient(to top,rgba(14,14,26,0.85) 0%,transparent 55%); }

.product-game-tag {
  position:absolute; top:10px; left:10px;
  background:rgba(0,0,0,0.75); backdrop-filter:blur(6px);
  color:var(--text-bright); font-size:0.67rem; font-weight:600;
  letter-spacing:1px; padding:3px 9px; border-radius:3px;
  border:1px solid rgba(255,255,255,0.1); text-transform:uppercase;
}
.product-type-badge {
  position:absolute; top:10px; right:10px;
  font-size:0.62rem; font-weight:700; letter-spacing:1px;
  padding:3px 9px; border-radius:3px; text-transform:uppercase;
}
.badge-conta { background:rgba(0,200,255,0.18);  color:var(--neon-blue);   border:1px solid rgba(0,200,255,0.28); }
.badge-moeda { background:rgba(255,140,0,0.18);  color:var(--neon-orange); border:1px solid rgba(255,140,0,0.28); }
.badge-skin  { background:rgba(180,0,255,0.18);  color:var(--neon-purple); border:1px solid rgba(180,0,255,0.28); }
.badge-item  { background:rgba(255,48,96,0.18);  color:var(--neon-red);    border:1px solid rgba(255,48,96,0.28); }

.product-body  { padding:16px; }
.product-title { font-family:var(--font-head); font-size:0.82rem; font-weight:600; color:var(--text-bright); letter-spacing:0.5px; margin-bottom:7px; line-height:1.4; }
.product-desc  { font-size:0.83rem; color:var(--text-dim); margin-bottom:12px; line-height:1.5; }

.product-rating { display:flex; align-items:center; gap:7px; margin-bottom:6px; }
.stars          { display:flex; gap:2px; }
.stars i        { font-size:0.72rem; color:var(--neon-orange); }
.stars i.empty  { color:rgba(255,255,255,0.1); }
.rating-val     { font-size:0.78rem; color:var(--text-dim); }

.product-sales   { display:flex; align-items:center; gap:5px; font-size:0.78rem; color:var(--text-dim); margin-bottom:12px; }
.product-sales i { color:var(--neon-green); font-size:0.72rem; }

.product-price-row { display:flex; align-items:center; gap:9px; margin-bottom:14px; }
.price-current  { font-family:var(--font-head); font-size:1.25rem; font-weight:700; color:var(--neon-green); text-shadow:0 0 14px rgba(0,255,180,0.28); }
.price-original { font-size:0.82rem; color:var(--text-dim); text-decoration:line-through; }
.price-discount { font-size:0.68rem; font-weight:700; color:var(--neon-red); background:rgba(255,48,96,0.1); border:1px solid rgba(255,48,96,0.2); padding:2px 7px; border-radius:3px; }

.product-actions { display:flex; gap:9px; align-items:center; }
.btn-buy {
  flex:1; display:inline-flex; align-items:center; justify-content:center; gap:7px;
  background:var(--neon-green); color:var(--bg-void);
  padding:10px 14px; border-radius:4px; text-decoration:none;
  font-family:var(--font-head); font-size:0.67rem; font-weight:700;
  letter-spacing:1.5px; text-transform:uppercase; border:none; cursor:pointer; transition:var(--tr);
}
.btn-buy:hover { box-shadow:0 0 20px rgba(0,255,180,0.4); transform:translateY(-1px); }

.btn-fav {
  width:37px; height:37px; border-radius:4px;
  display:flex; align-items:center; justify-content:center;
  background:rgba(255,255,255,0.04); border:1px solid var(--border-dim);
  color:var(--text-dim); cursor:pointer; transition:var(--tr); flex-shrink:0;
}
.btn-fav:hover, .btn-fav.active {
  color:var(--neon-red); border-color:rgba(255,48,96,0.3); background:rgba(255,48,96,0.07);
}


/* ════════════════════════════════
   FEATURED BANNER
   ════════════════════════════════ */
.featured-banner {
  background:var(--bg-card); border:1px solid var(--border-dim);
  border-radius:var(--radius); padding:36px; margin-bottom:28px;
  position:relative; overflow:hidden;
  display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap;
}
.featured-banner::before {
  content:''; position:absolute; left:0; top:0; bottom:0; width:4px;
  background:linear-gradient(to bottom,var(--neon-green),var(--neon-blue));
}
.featured-banner-bg {
  position:absolute; inset:0;
  background:radial-gradient(ellipse at 80% 50%,rgba(0,255,180,0.04) 0%,transparent 60%);
  pointer-events:none;
}
.featured-text     { position:relative; z-index:1; }
.featured-text h3  { font-family:var(--font-head); font-size:1.2rem; color:var(--text-bright); margin-bottom:10px; }
.featured-text p   { color:var(--text-mid); max-width:480px; line-height:1.6; font-size:0.93rem; }
.featured-btn {
  display:inline-flex; align-items:center; gap:9px;
  background:transparent; color:var(--neon-green);
  padding:11px 22px; border-radius:4px; text-decoration:none;
  font-family:var(--font-head); font-size:0.67rem; font-weight:700;
  letter-spacing:2px; border:1px solid var(--neon-green); transition:var(--tr);
  position:relative; z-index:1; white-space:nowrap;
}
.featured-btn:hover { background:rgba(0,255,180,0.1); box-shadow:0 0 18px rgba(0,255,180,0.2); }


/* ════════════════════════════════
   WHY US
   ════════════════════════════════ */
.why-section { background:var(--bg-card); border-top:1px solid var(--border-dim); border-bottom:1px solid var(--border-dim); padding:70px 5%; }
.why-inner   { max-width:1200px; margin:0 auto; }
.why-grid    { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:18px; margin-top:34px; }
.why-card    { background:var(--bg-deep); border:1px solid var(--border-dim); border-radius:var(--radius); padding:26px 22px; transition:var(--tr); }
.why-card:hover { border-color:rgba(0,255,180,0.18); transform:translateY(-3px); }
.why-icon        { width:44px; height:44px; border-radius:8px; display:flex; align-items:center; justify-content:center; font-size:1.15rem; margin-bottom:16px; }
.why-icon.green  { background:rgba(0,255,180,0.1);  color:var(--neon-green); }
.why-icon.blue   { background:rgba(0,200,255,0.1);  color:var(--neon-blue); }
.why-icon.purple { background:rgba(180,0,255,0.1);  color:var(--neon-purple); }
.why-icon.orange { background:rgba(255,140,0,0.1);  color:var(--neon-orange); }
.why-card h4 { font-family:var(--font-head); font-size:0.77rem; color:var(--text-bright); letter-spacing:1px; margin-bottom:9px; }
.why-card p  { font-size:0.86rem; color:var(--text-dim); line-height:1.6; }


/* ════════════════════════════════
   FAVORITES
   ════════════════════════════════ */
.favorites-section { background:rgba(255,255,255,0.018); border:1px solid var(--border-dim); border-radius:var(--radius); padding:30px; }
.fav-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:26px; flex-wrap:wrap; gap:12px; }
.btn-clear  {
  background:transparent; color:var(--neon-red); border:1px solid rgba(255,48,96,0.3);
  padding:8px 16px; border-radius:4px; font-family:var(--font-body); font-size:0.85rem;
  font-weight:600; cursor:pointer; transition:var(--tr); display:flex; align-items:center; gap:7px;
}
.btn-clear:hover { background:rgba(255,48,96,0.1); }
.empty-state    { text-align:center; padding:50px 20px; color:var(--text-dim); }
.empty-state i  { font-size:2.4rem; margin-bottom:14px; display:block; }
.empty-state h3 { font-family:var(--font-head); font-size:0.87rem; color:var(--text-mid); margin-bottom:8px; letter-spacing:1px; }
.empty-state p  { font-size:0.84rem; }


/* ════════════════════════════════
   FOOTER
   ════════════════════════════════ */
footer { background:var(--bg-card); border-top:1px solid var(--border-dim); padding:60px 5% 0; }
.footer-inner {
  max-width:1200px; margin:0 auto;
  display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:36px; margin-bottom:36px;
}
.footer-brand img { height:48px; border-radius:9px; margin-bottom:14px; display:block; border:1.5px solid rgba(0,255,180,0.22); }
.footer-brand p   { font-size:0.85rem; color:var(--text-dim); line-height:1.6; margin-bottom:18px; }
.social-row { display:flex; gap:10px; }
.social-a {
  width:36px; height:36px; border-radius:4px; border:1px solid var(--border-dim);
  display:flex; align-items:center; justify-content:center;
  color:var(--text-dim); text-decoration:none; transition:var(--tr); font-size:0.88rem;
}
.social-a:hover { color:var(--neon-green); border-color:rgba(0,255,180,0.3); }
.footer-col h4  { font-family:var(--font-head); font-size:0.67rem; letter-spacing:2px; color:var(--neon-green); margin-bottom:18px; text-transform:uppercase; }
.footer-col ul  { list-style:none; }
.footer-col li  { margin-bottom:10px; }
.footer-col a   { color:var(--text-dim); text-decoration:none; font-size:0.87rem; transition:var(--tr); display:flex; align-items:center; gap:7px; }
.footer-col a:hover { color:var(--neon-green); transform:translateX(4px); }
.footer-col a i { width:12px; font-size:0.72rem; }
.footer-contact p { color:var(--text-dim); font-size:0.87rem; margin-bottom:10px; display:flex; gap:10px; align-items:flex-start; }
.footer-contact i { color:var(--neon-green); margin-top:2px; font-size:0.78rem; }

.footer-bottom { max-width:1200px; margin:0 auto; padding:22px 0 28px; border-top:1px solid var(--border-dim); display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:14px; }
.footer-bottom p { font-size:0.8rem; color:var(--text-dim); }
.footer-bottom-links { display:flex; align-items:center; gap:20px; flex-wrap:wrap; }
.footer-bottom-links a { font-size:0.78rem; color:var(--text-dim); text-decoration:none; transition:var(--tr); }
.footer-bottom-links a:hover { color:var(--neon-green); }
.secure-badge { display:flex; align-items:center; gap:7px; font-size:0.74rem; color:var(--neon-green); background:rgba(0,255,180,0.06); border:1px solid rgba(0,255,180,0.15); padding:5px 12px; border-radius:3px; }


/* ════════════════════════════════
   FLOATING BUTTONS
   ════════════════════════════════ */
.wa-float {
  position:fixed; bottom:24px; right:24px; width:54px; height:54px;
  background:#25D366; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-size:1.55rem; color:white; text-decoration:none;
  box-shadow:0 4px 20px rgba(37,211,102,0.4);
  z-index:500; transition:var(--tr); animation:waPulse 2s infinite;
}
.wa-float:hover { transform:scale(1.1); }

@keyframes waPulse {
  0%   { box-shadow:0 0 0 0    rgba(37,211,102,0.5); }
  70%  { box-shadow:0 0 0 12px rgba(37,211,102,0);   }
  100% { box-shadow:0 0 0 0    rgba(37,211,102,0);   }
}

.top-btn {
  position:fixed; bottom:90px; right:24px; width:44px; height:44px;
  background:var(--bg-card); border:1px solid var(--border-dim); border-radius:4px;
  display:flex; align-items:center; justify-content:center;
  color:var(--text-mid); text-decoration:none;
  z-index:500; transition:var(--tr); opacity:0; visibility:hidden;
}
.top-btn.show  { opacity:1; visibility:visible; }
.top-btn:hover { color:var(--neon-green); border-color:rgba(0,255,180,0.3); }


/* ════════════════════════════════
   NOTIFICAÇÃO TOAST
   ════════════════════════════════ */
.notif {
  position:fixed; top:84px; right:20px; padding:12px 18px; border-radius:5px;
  font-family:var(--font-body); font-size:0.88rem; font-weight:600;
  z-index:9998; box-shadow:0 10px 30px rgba(0,0,0,0.3);
  transition:all 0.3s; max-width:290px; border-left:3px solid;
}
.notif.success { background:rgba(0,255,180,0.1); color:var(--neon-green); border-color:var(--neon-green); }
.notif.error   { background:rgba(255,48,96,0.1);  color:var(--neon-red);   border-color:var(--neon-red); }
.notif.info    { background:rgba(0,200,255,0.1);  color:var(--neon-blue);  border-color:var(--neon-blue); }

/* ── SPINNER inline ── */
.spinner-inline {
  display:inline-block; width:13px; height:13px;
  border:2px solid rgba(255,255,255,0.2); border-top-color:var(--neon-green);
  border-radius:50%; animation:spinI 0.7s linear infinite; vertical-align:middle;
}
@keyframes spinI { to { transform:rotate(360deg); } }


/* ════════════════════════════════
   RESPONSIVO
   ════════════════════════════════ */
@media(max-width:900px){
  .nav-links {
    display:none; position:absolute; top:70px; left:0; right:0;
    background:rgba(5,5,8,0.98); flex-direction:column;
    padding:20px 5%; border-bottom:1px solid var(--border-dim); z-index:999;
  }
  .nav-links.active { display:flex; }
  .mobile-menu-btn  { display:block; }
  .nav-user-name    { display:none; }
}
@media(max-width:600px){
  .hero h1            { font-size:1.7rem; }
  .hero-btns          { flex-direction:column; align-items:center; }
  .btn-hero-primary,
  .btn-hero-ghost     { width:100%; max-width:280px; justify-content:center; }
  .products-grid      { grid-template-columns:1fr; }
  .search-wrap        { min-width:100%; }
  .filter-select      { width:100%; }
  .stats-inner        { gap:28px; }
  .footer-bottom      { flex-direction:column; align-items:flex-start; gap:16px; }
}