/* ═══════════════════════════════════════════════════════
   TURBO ZONE V8 — Global Automotive Authority
   Full Stylesheet · Dark/Light Theme · Responsive
═══════════════════════════════════════════════════════ */

/* ── 1. CSS Variables — Dark Theme (default) ── */
:root,
[data-theme="dark"] {
  --bg:          #080810;
  --bg2:         #0f0f1a;
  --bg3:         #161625;
  --bg4:         #1e1e30;
  --bg5:         #252538;
  --surface:     #1a1a2e;
  --border:      rgba(255,255,255,0.07);
  --border2:     rgba(255,255,255,0.12);

  --text:        #f0f0f8;
  --text2:       #a8a8c0;
  --text3:       #686890;

  --accent:      #e63946;
  --accent2:     #ff6b6b;
  --accent-glow: rgba(230,57,70,0.3);

  --gold:        #f4a261;
  --gold2:       #e76f51;

  --v8-red:      #e63946;
  --v8-orange:   #f4a261;
  --v8-blue:     #4cc9f0;
  --v8-green:    #4ade80;
  --v8-purple:   #a78bfa;

  --overlay:     rgba(8,8,16,0.92);
  --modal-bg:    #12122040;

  --shadow:      0 8px 40px rgba(0,0,0,0.7);
  --shadow-lg:   0 20px 80px rgba(0,0,0,0.85);
  --glow-red:    0 0 40px rgba(230,57,70,0.25);

  /* OS Shell vars */
  --glass-bg:    rgba(8,8,14,0.94);
  --sidebar-bg:  rgba(6,6,12,0.98);
  --card-bg:     rgba(15,15,26,0.8);
  --surface-2:   rgba(255,255,255,0.03);
  --text-muted:  #686890;

  --radius-sm:   6px;
  --radius-md:   12px;
  --radius-lg:   20px;
  --radius-xl:   28px;

  --trans:       0.3s cubic-bezier(0.4,0,0.2,1);
  --trans-slow:  0.6s cubic-bezier(0.4,0,0.2,1);

  --font-display: 'Orbitron', monospace;
  --font-heading: 'Rajdhani', sans-serif;
  --font-body:    'Inter', sans-serif;
}

/* ── 1b. Light Theme ── */
[data-theme="light"] {
  --bg:          #f8f9fe;
  --bg2:         #f0f1fa;
  --bg3:         #e8eaf6;
  --bg4:         #dde0f0;
  --bg5:         #d0d4e8;
  --surface:     #ffffff;
  --border:      rgba(0,0,0,0.08);
  --border2:     rgba(0,0,0,0.15);

  --text:        #12121e;
  --text2:       #444460;
  --text3:       #8888aa;

  --overlay:     rgba(248,249,254,0.95);
  --modal-bg:    rgba(255,255,255,0.98);

  --shadow:      0 8px 40px rgba(0,0,0,0.12);
  --shadow-lg:   0 20px 80px rgba(0,0,0,0.18);
  --glow-red:    0 0 40px rgba(230,57,70,0.15);

  /* OS Shell vars light */
  --glass-bg:    rgba(248,249,254,0.94);
  --sidebar-bg:  rgba(240,241,250,0.99);
  --card-bg:     #ffffff;
  --surface-2:   rgba(0,0,0,0.02);
  --text-muted:  #8888aa;
}

/* ── 2. Reset & Base ── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:var(--font-body);background:var(--bg);color:var(--text);overflow-x:hidden;transition:background var(--trans-slow),color var(--trans-slow)}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
ul{list-style:none}
button{cursor:pointer;border:none;background:none;font-family:var(--font-body)}
input,select,textarea{font-family:var(--font-body)}
.section{padding:90px 0}
.accent{color:var(--accent)}
.hidden{display:none!important}

/* ── 3. Custom Cursor ── */
.cursor-dot,.cursor-ring{position:fixed;top:0;left:0;pointer-events:none;z-index:9999;border-radius:50%;transform:translate(-50%,-50%)}
.cursor-dot{width:7px;height:7px;background:var(--accent);transition:transform 0.08s}
.cursor-ring{width:34px;height:34px;border:1.5px solid var(--accent);opacity:0.5;transition:width 0.25s,height 0.25s,opacity 0.25s}
.cursor-ring.grow{width:52px;height:52px;opacity:0.9;border-color:var(--accent2)}

/* ── 4. Preloader ── */
#preloader{position:fixed;inset:0;background:var(--bg);z-index:99999;display:flex;align-items:center;justify-content:center;transition:opacity 0.7s,visibility 0.7s}
#preloader.out{opacity:0;visibility:hidden}
.preloader-inner{text-align:center}
.preloader-logo{display:flex;align-items:baseline;gap:4px;justify-content:center;margin-bottom:10px}
.pre-turbo{font-family:var(--font-display);font-size:2.8rem;letter-spacing:6px;color:var(--text);animation:preFlash 1.5s infinite alternate}
.pre-zone{font-family:var(--font-display);font-size:2.8rem;letter-spacing:6px;color:var(--accent);animation:preFlash 1.5s 0.3s infinite alternate}
.pre-v8{font-family:var(--font-display);font-size:1.8rem;letter-spacing:4px;color:var(--gold);animation:preFlash 1.5s 0.6s infinite alternate}
@keyframes preFlash{from{opacity:0.4}to{opacity:1}}
.preloader-tagline{font-size:0.6rem;letter-spacing:6px;text-transform:uppercase;color:var(--text3);margin-bottom:28px}
.preloader-bar{width:220px;height:2px;background:var(--bg3);border-radius:99px;overflow:hidden;margin:0 auto 12px}
.preloader-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--accent),var(--gold));border-radius:99px;animation:loadBar 1.8s ease forwards}
@keyframes loadBar{to{width:100%}}
.preloader-pct{font-size:0.7rem;letter-spacing:3px;color:var(--text3)}

/* ── 5. Navbar ── */
#navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:18px 0;transition:background var(--trans),padding var(--trans),box-shadow var(--trans)}
#navbar.scrolled{background:var(--overlay);backdrop-filter:blur(20px);padding:12px 0;box-shadow:0 2px 30px rgba(0,0,0,0.3)}
.nav-container{max-width:1300px;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:32px}
.nav-logo{display:flex;align-items:baseline;gap:3px;flex-shrink:0}
.logo-turbo{font-family:var(--font-display);font-size:1.3rem;letter-spacing:3px;color:var(--text);transition:color var(--trans)}
.logo-zone{font-family:var(--font-display);font-size:1.3rem;letter-spacing:3px;color:var(--accent);transition:color var(--trans)}
.logo-v8{font-family:var(--font-display);font-size:0.9rem;letter-spacing:2px;color:var(--gold);transition:color var(--trans)}
.nav-logo:hover .logo-turbo{color:var(--accent)}
.nav-links{display:flex;gap:24px;flex:1;justify-content:center}
.nav-link{font-size:0.7rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--text2);position:relative;transition:color var(--trans);padding:4px 0}
.nav-link::after{content:'';position:absolute;bottom:-2px;left:0;width:0%;height:1.5px;background:var(--accent);transition:width var(--trans)}
.nav-link:hover,.nav-link.active{color:var(--text)}
.nav-link:hover::after,.nav-link.active::after{width:100%}
.nav-actions{display:flex;align-items:center;gap:10px;margin-left:auto}
.nav-icon-btn{width:36px;height:36px;border:1px solid var(--border2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text2);font-size:0.8rem;transition:all var(--trans)}
.nav-icon-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-glow)}
.btn-nav{padding:8px 20px;background:var(--accent);color:#fff;font-size:0.68rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;border-radius:var(--radius-sm);transition:all var(--trans);white-space:nowrap}
.btn-nav:hover{background:var(--accent2);box-shadow:var(--glow-red);transform:translateY(-1px)}
.nav-user{display:flex;align-items:center}
.nav-avatar-btn{display:flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid var(--border2);border-radius:99px;transition:all var(--trans)}
.nav-avatar-btn:hover{border-color:var(--accent);background:var(--bg3)}
.nav-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--gold));display:flex;align-items:center;justify-content:center;font-size:0.6rem;font-weight:700;color:#fff}
.nav-username{font-size:0.75rem;font-weight:600;color:var(--text)}
.nav-chevron{font-size:0.55rem;color:var(--text3)}
.hamburger{display:none;flex-direction:column;gap:5px;padding:4px}
.hamburger span{display:block;width:22px;height:1.5px;background:var(--text);transition:var(--trans)}
.hamburger.active span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.hamburger.active span:nth-child(2){opacity:0}
.hamburger.active span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}

/* Search Bar */
.nav-search-bar{position:absolute;top:100%;left:0;right:0;background:var(--overlay);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);padding:12px 0;transform:translateY(-100%);opacity:0;pointer-events:none;transition:all var(--trans);z-index:999}
.nav-search-bar.open{transform:translateY(0);opacity:1;pointer-events:all}
.search-bar-inner{max-width:700px;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:12px;border:1px solid var(--border2);border-radius:99px;padding:10px 20px;background:var(--bg3)}
.search-bar-inner i{color:var(--text3)}
.search-bar-inner input{flex:1;background:none;border:none;outline:none;font-size:0.95rem;color:var(--text)}
.search-bar-inner input::placeholder{color:var(--text3)}
.search-close{color:var(--text3);transition:color var(--trans)}
.search-close:hover{color:var(--accent)}
.search-results{max-width:700px;margin:12px auto 0;padding:0 24px}
.search-result-item{display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:var(--radius-md);cursor:pointer;transition:background var(--trans)}
.search-result-item:hover{background:var(--bg3)}
.search-result-item i{color:var(--accent);width:20px}
.search-result-item span{font-size:0.88rem;color:var(--text)}
.search-result-item small{color:var(--text3);font-size:0.72rem;margin-left:auto}

/* ── 6. Buttons ── */
.btn-primary{display:inline-flex;align-items:center;gap:10px;padding:13px 32px;background:var(--accent);color:#fff;font-size:0.73rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;border-radius:var(--radius-sm);transition:all var(--trans);position:relative;overflow:hidden;border:none}
.btn-primary::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,0.1),transparent);opacity:0;transition:opacity var(--trans)}
.btn-primary:hover{background:var(--accent2);transform:translateY(-2px);box-shadow:0 10px 30px var(--accent-glow)}
.btn-primary:hover::after{opacity:1}
.btn-ghost{display:inline-flex;align-items:center;gap:10px;padding:13px 32px;background:transparent;border:1px solid var(--border2);color:var(--text);font-size:0.73rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;border-radius:var(--radius-sm);transition:all var(--trans)}
.btn-ghost:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-glow)}
.btn-outline{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:transparent;border:1px solid var(--accent);color:var(--accent);font-size:0.72rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;border-radius:var(--radius-sm);transition:all var(--trans)}
.btn-outline:hover{background:var(--accent);color:#fff}
.btn-full{width:100%;justify-content:center}

/* ── 7. Section Headers ── */
.section-tag{display:inline-block;font-size:0.65rem;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--accent);border:1px solid rgba(230,57,70,0.3);border-radius:99px;padding:5px 14px;margin-bottom:14px}
.section-header{text-align:center;margin-bottom:56px}
.section-title{font-family:var(--font-heading);font-size:clamp(2.2rem,5vw,3.8rem);font-weight:700;line-height:1.1;color:var(--text);margin-bottom:16px;letter-spacing:1px}
.section-desc{max-width:580px;margin:0 auto;font-size:0.95rem;color:var(--text2);line-height:1.7}
.section-cta{text-align:center;margin-top:48px}

/* ── 8. Hero ── */
.hero{position:relative;height:100vh;min-height:680px;display:flex;align-items:center;overflow:hidden}
.hero-bg-slider{position:absolute;inset:0}
.hero-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transform:scale(1.06);transition:opacity 1.2s ease,transform 6s ease}
.hero-slide.active{opacity:1;transform:scale(1)}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(8,8,16,0.9) 0%,rgba(8,8,16,0.55) 60%,rgba(8,8,16,0.3) 100%)}
.hero-content{position:relative;z-index:2;max-width:1300px;margin:0 auto;padding:0 24px;padding-top:90px}
.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;background:rgba(230,57,70,0.12);border:1px solid rgba(230,57,70,0.35);border-radius:99px;font-size:0.68rem;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--accent);margin-bottom:24px;animation:fadeUp 0.8s 0.2s both}
.hero-title{font-family:var(--font-display);font-size:clamp(3rem,9vw,7.5rem);line-height:0.92;letter-spacing:3px;margin-bottom:24px}
.ht-line{display:block;animation:fadeUp 0.8s both}
.ht-line:nth-child(1){animation-delay:0.3s;color:var(--text)}
.ht-line:nth-child(2){animation-delay:0.45s;color:var(--accent);-webkit-text-stroke:0}
.ht-line:nth-child(3){animation-delay:0.6s;color:var(--text)}
.hero-subtitle{max-width:520px;font-size:0.95rem;color:rgba(240,240,248,0.72);line-height:1.75;margin-bottom:36px;animation:fadeUp 0.8s 0.75s both}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:56px;animation:fadeUp 0.8s 0.9s both}
.hero-stats{display:flex;align-items:center;flex-wrap:wrap;animation:fadeUp 0.8s 1.05s both}
.hero-stat{padding:0 28px;text-align:center}
.hero-stat:first-child{padding-left:0}
.hero-stat-div{width:1px;height:36px;background:var(--border2)}
.stat-value{font-family:var(--font-display);font-size:2rem;color:var(--accent);letter-spacing:2px}
.stat-sfx{font-family:var(--font-display);font-size:1.2rem;color:var(--accent)}
.stat-label{display:block;font-size:0.6rem;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:var(--text3);margin-top:3px}
.hero-scroll-hint{position:absolute;bottom:36px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;animation:fadeIn 1s 1.5s both}
.scroll-line{width:1px;height:44px;background:linear-gradient(to bottom,transparent,var(--accent))}
.hero-scroll-hint span{font-size:0.55rem;letter-spacing:4px;text-transform:uppercase;color:var(--text3)}
.hero-dots{position:absolute;bottom:36px;right:40px;display:flex;gap:8px;z-index:2}
.hero-dot-btn{width:26px;height:3px;background:var(--border2);border-radius:99px;transition:all var(--trans);padding:0}
.hero-dot-btn.active{background:var(--accent);width:44px}

/* ── 9. Ticker ── */
.ticker-wrap{background:linear-gradient(90deg,var(--accent),var(--gold),var(--accent));padding:11px 0;overflow:hidden}
.ticker-track{display:flex;white-space:nowrap;animation:ticker 35s linear infinite;width:max-content}
.ticker-track span{font-family:var(--font-display);font-size:0.68rem;letter-spacing:3px;color:#fff;padding:0 18px;opacity:0.9}
.ticker-track .sep{padding:0 6px;opacity:0.5}
@keyframes ticker{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* ── 10. Filter Bar ── */
.filter-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:44px;flex-wrap:wrap}
.filter-tabs{display:flex;gap:8px;flex-wrap:wrap}
.filter-btn{display:flex;align-items:center;gap:7px;padding:9px 20px;border:1px solid var(--border2);border-radius:99px;font-size:0.68rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--text2);transition:all var(--trans);background:transparent}
.filter-btn i{font-size:0.72rem}
.filter-btn:hover{border-color:var(--accent);color:var(--accent)}
.filter-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}
.sort-select-wrap select{padding:9px 16px;background:var(--bg3);border:1px solid var(--border2);border-radius:var(--radius-sm);color:var(--text);font-size:0.78rem;outline:none;transition:border var(--trans);appearance:none;padding-right:32px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23888'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}
.sort-select-wrap select:focus{border-color:var(--accent)}

/* ── 11. Car Cards ── */
.cars-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px}
.car-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:transform var(--trans),box-shadow var(--trans),border-color var(--trans);position:relative}
.car-card:hover{transform:translateY(-7px);box-shadow:var(--shadow);border-color:var(--border2)}
.car-card.featured-card{border-color:rgba(230,57,70,0.3)}
[data-aos]{opacity:0;transform:translateY(28px);transition:opacity 0.5s,transform 0.5s}
[data-aos].visible{opacity:1;transform:translateY(0)}
.car-card-img{position:relative;height:220px;overflow:hidden}
.car-card-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s ease}
.car-card:hover .car-card-img img{transform:scale(1.08)}
.car-img-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,0.7) 0%,transparent 60%);display:flex;align-items:flex-end;justify-content:center;padding-bottom:14px;opacity:0;transition:opacity var(--trans)}
.car-card:hover .car-img-overlay{opacity:1}
.car-overlay-actions{display:flex;gap:8px}
.car-action-btn{padding:8px 18px;border-radius:var(--radius-sm);font-size:0.65rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;transition:all var(--trans);display:flex;align-items:center;gap:6px}
.car-action-btn.view{background:var(--accent);color:#fff}
.car-action-btn.wish{background:rgba(255,255,255,0.15);color:#fff;backdrop-filter:blur(10px)}
.car-action-btn:hover{transform:scale(1.05)}
.car-cat-badge{position:absolute;top:14px;left:14px;padding:4px 12px;border-radius:99px;font-size:0.6rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;backdrop-filter:blur(10px)}
.badge-supercar{background:rgba(230,57,70,0.85);color:#fff}
.badge-hypercar{background:rgba(244,162,97,0.9);color:#1a0a00}
.badge-luxury{background:rgba(167,139,250,0.85);color:#fff}
.badge-ev{background:rgba(76,201,240,0.9);color:#000a14}
.badge-sport{background:rgba(74,222,128,0.85);color:#001a08}
.badge-future{background:rgba(230,57,70,0.7);color:#fff;border:1px solid rgba(230,57,70,0.5)}
.ev-indicator{position:absolute;top:14px;right:14px;width:28px;height:28px;background:rgba(76,201,240,0.2);border:1px solid rgba(76,201,240,0.5);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.65rem;color:var(--v8-blue)}
.car-card-body{padding:20px}
.car-brand-label{font-size:0.6rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--accent);margin-bottom:5px}
.car-name{font-family:var(--font-heading);font-size:1.45rem;font-weight:700;color:var(--text);margin-bottom:14px;letter-spacing:0.5px}
.car-specs-row{display:flex;gap:16px;margin-bottom:16px;flex-wrap:wrap}
.c-spec{display:flex;align-items:center;gap:5px;font-size:0.72rem;color:var(--text2)}
.c-spec i{color:var(--accent);font-size:0.65rem}
.car-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid var(--border)}
.car-price{font-family:var(--font-heading);font-size:1rem;font-weight:700;color:var(--gold)}
.car-wishlist-btn{width:32px;height:32px;border:1px solid var(--border2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text3);font-size:0.75rem;transition:all var(--trans)}
.car-wishlist-btn:hover,.car-wishlist-btn.wished{color:var(--accent);border-color:var(--accent);background:var(--accent-glow)}
.load-more-wrap{text-align:center;margin-top:48px}

/* ── 12. News ── */
.news-section{background:var(--bg2)}
.news-filter{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:40px}
.news-filter-btn{padding:8px 18px;border:1px solid var(--border2);border-radius:99px;font-size:0.68rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--text2);transition:all var(--trans);background:transparent}
.news-filter-btn:hover{border-color:var(--accent);color:var(--accent)}
.news-filter-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}
.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:24px}
.news-card{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--trans)}
.news-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:var(--border2)}
.news-card-img{height:200px;overflow:hidden}
.news-card-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s}
.news-card:hover .news-card-img img{transform:scale(1.06)}
.news-card-body{padding:20px}
.news-meta{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}
.news-tag{padding:3px 10px;border-radius:99px;font-size:0.58rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}
.news-tag.reveal{background:rgba(230,57,70,0.15);color:var(--accent);border:1px solid rgba(230,57,70,0.3)}
.news-tag.review{background:rgba(244,162,97,0.15);color:var(--gold);border:1px solid rgba(244,162,97,0.3)}
.news-tag.ev{background:rgba(76,201,240,0.15);color:var(--v8-blue);border:1px solid rgba(76,201,240,0.3)}
.news-tag.race{background:rgba(74,222,128,0.15);color:var(--v8-green);border:1px solid rgba(74,222,128,0.3)}
.news-tag.deal{background:rgba(167,139,250,0.15);color:var(--v8-purple);border:1px solid rgba(167,139,250,0.3)}
.news-date{font-size:0.68rem;color:var(--text3)}
.news-card-body h3{font-family:var(--font-heading);font-size:1.15rem;font-weight:700;color:var(--text);margin-bottom:8px;line-height:1.3}
.news-card-body p{font-size:0.82rem;color:var(--text2);line-height:1.65;margin-bottom:14px}
.news-read-more{display:inline-flex;align-items:center;gap:6px;font-size:0.68rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--accent);transition:gap var(--trans)}
.news-read-more:hover{gap:12px}
.news-skeleton{background:var(--bg3);border-radius:var(--radius-lg);height:340px;animation:skeleton 1.5s ease-in-out infinite;border:1px solid var(--border)}
@keyframes skeleton{0%,100%{opacity:0.5}50%{opacity:1}}

/* ── 13. Deals ── */
.deals-section{background:var(--bg)}
.deal-of-day{background:linear-gradient(135deg,var(--bg3),var(--bg4));border:1px solid rgba(230,57,70,0.3);border-radius:var(--radius-xl);padding:36px;margin-bottom:40px;display:grid;grid-template-columns:auto 1fr;gap:40px;align-items:center;box-shadow:var(--glow-red)}
.dod-label{font-size:0.62rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--accent);display:flex;align-items:center;gap:6px;margin-bottom:12px}
.countdown{display:flex;align-items:center;gap:8px}
.cd-unit{text-align:center;background:var(--bg);border:1px solid var(--border2);border-radius:var(--radius-sm);padding:10px 16px;min-width:60px}
.cd-unit span{display:block;font-family:var(--font-display);font-size:1.8rem;color:var(--accent);line-height:1}
.cd-unit small{font-size:0.55rem;letter-spacing:2px;text-transform:uppercase;color:var(--text3)}
.cd-sep{font-family:var(--font-display);font-size:1.5rem;color:var(--accent);opacity:0.5}
.dod-badge{display:inline-block;padding:4px 12px;background:var(--accent);color:#fff;border-radius:99px;font-size:0.62rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:8px}
.dod-title{font-family:var(--font-heading);font-size:1.6rem;font-weight:700;color:var(--text);margin-bottom:6px}
.dod-desc{font-size:0.88rem;color:var(--text2);margin-bottom:16px;line-height:1.6}
.dod-prices{display:flex;align-items:baseline;gap:12px;margin-bottom:16px}
.dod-original{font-size:1rem;color:var(--text3);text-decoration:line-through}
.dod-deal{font-family:var(--font-heading);font-size:1.8rem;font-weight:700;color:var(--v8-green)}
.dod-save{font-size:0.78rem;color:var(--v8-green);padding:3px 10px;background:rgba(74,222,128,0.1);border:1px solid rgba(74,222,128,0.3);border-radius:99px}
.deals-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}
.deal-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;transition:all var(--trans);position:relative;overflow:hidden}
.deal-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:0;transition:opacity var(--trans)}
.deal-card:hover{transform:translateY(-5px);border-color:var(--border2);box-shadow:var(--shadow)}
.deal-card:hover::before{opacity:1}
.deal-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}
.deal-category{padding:3px 10px;border-radius:99px;font-size:0.58rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;background:rgba(230,57,70,0.12);color:var(--accent);border:1px solid rgba(230,57,70,0.25)}
.deal-location{font-size:0.68rem;color:var(--text3);display:flex;align-items:center;gap:4px}
.deal-title{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;color:var(--text);margin-bottom:8px;line-height:1.3}
.deal-desc{font-size:0.8rem;color:var(--text2);line-height:1.6;margin-bottom:14px}
.deal-prices{display:flex;align-items:baseline;gap:8px;margin-bottom:16px}
.deal-orig{font-size:0.85rem;color:var(--text3);text-decoration:line-through}
.deal-final{font-family:var(--font-heading);font-size:1.3rem;font-weight:700;color:var(--v8-green)}
.deal-save-tag{font-size:0.65rem;color:var(--v8-green);padding:2px 8px;background:rgba(74,222,128,0.1);border-radius:99px;border:1px solid rgba(74,222,128,0.3)}
.post-deal-banner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 36px;background:linear-gradient(135deg,rgba(230,57,70,0.08),rgba(244,162,97,0.08));border:1px solid rgba(230,57,70,0.2);border-radius:var(--radius-xl);margin-top:40px;flex-wrap:wrap}
.pdb-text{display:flex;align-items:center;gap:16px;font-size:1.5rem;color:var(--accent)}
.pdb-text strong{display:block;font-size:0.95rem;color:var(--text);margin-bottom:4px}
.pdb-text span{font-size:0.82rem;color:var(--text2)}
.post-deal-panel{background:var(--bg2);border-top:1px solid var(--border);padding:48px 0;transition:all var(--trans)}
.pdp-inner{max-width:800px;margin:0 auto}
.pdp-inner h3{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--text);margin-bottom:28px;display:flex;align-items:center;gap:10px}
.pdp-inner h3 i{color:var(--accent)}
.pdp-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.pdp-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:8px}

/* ── 14. Brands ── */
.brands-section{background:var(--bg2)}
.brand-universe{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;margin-bottom:32px}
.brand-card{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-md);padding:24px;transition:all var(--trans);cursor:pointer;text-align:center}
.brand-card:hover{transform:translateY(-5px);border-color:var(--border2);box-shadow:var(--shadow)}
.brand-card.active-brand{border-color:var(--accent);background:rgba(230,57,70,0.05)}
.brand-icon{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-size:1.3rem;transition:all var(--trans)}
.brand-card:hover .brand-icon{transform:scale(1.1)}
.brand-card-name{font-family:var(--font-heading);font-size:1rem;font-weight:700;color:var(--text);margin-bottom:4px}
.brand-card-origin{font-size:0.65rem;letter-spacing:2px;text-transform:uppercase;color:var(--text3);margin-bottom:10px}
.brand-card-tags{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}
.brand-mini-tag{padding:3px 8px;border-radius:99px;font-size:0.55rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;background:var(--bg4);color:var(--text3);border:1px solid var(--border)}
.brand-regions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:8px}
.region-tab{padding:8px 20px;border:1px solid var(--border2);border-radius:99px;font-size:0.68rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--text2);cursor:pointer;transition:all var(--trans)}
.region-tab:hover{border-color:var(--accent);color:var(--accent)}
.region-tab.active{background:var(--accent);border-color:var(--accent);color:#fff}

/* ── 15. About ── */
.about-section{background:var(--bg)}
.about-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.about-img-stack{position:relative;height:460px}
.about-img-card{position:absolute;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--border2)}
.about-img-card img{width:100%;height:100%;object-fit:cover}
.card-back{width:68%;height:340px;top:15px;left:0}
.card-front{width:62%;height:290px;bottom:0;right:0;border-color:var(--accent);border-width:2px}
.about-badge-float{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--accent);color:#fff;padding:14px 18px;border-radius:var(--radius-md);text-align:center;box-shadow:0 8px 30px var(--accent-glow);z-index:3}
.about-badge-float i{font-size:1.3rem;display:block;margin-bottom:5px}
.about-badge-float span{display:block;font-size:0.6rem;font-weight:700;letter-spacing:2px;text-transform:uppercase}
.ab-year{font-family:var(--font-display);font-size:1.2rem!important}
.about-lead{font-size:1.05rem;line-height:1.75;color:var(--text);margin-bottom:14px}
.about-text{font-size:0.9rem;color:var(--text2);line-height:1.8;margin-bottom:32px}
.about-pillars{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:36px}
.pillar{display:flex;align-items:flex-start;gap:12px;padding:14px;background:var(--bg2);border-radius:var(--radius-md);border:1px solid var(--border);transition:border-color var(--trans)}
.pillar:hover{border-color:rgba(230,57,70,0.3)}
.pillar-icon{width:34px;height:34px;background:rgba(230,57,70,0.1);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.pillar-icon i{color:var(--accent);font-size:0.8rem}
.pillar-text strong{display:block;font-size:0.82rem;color:var(--text);margin-bottom:2px}
.pillar-text span{font-size:0.72rem;color:var(--text2)}
.about-numbers{display:flex;gap:28px;padding-top:28px;border-top:1px solid var(--border);flex-wrap:wrap}
.abt-num{text-align:center}
.abt-val{font-family:var(--font-display);font-size:2rem;color:var(--accent);letter-spacing:2px}
.abt-num span:not(.abt-label){font-family:var(--font-display);font-size:1.3rem;color:var(--accent)}
.abt-label{display:block;font-size:0.6rem;letter-spacing:2px;text-transform:uppercase;color:var(--text3);margin-top:3px}

/* ── 16. Testimonials ── */
.testimonials-section{background:var(--bg2)}
.testimonials-wrap{overflow:hidden}
.testimonials-track{display:flex;transition:transform 0.5s cubic-bezier(0.4,0,0.2,1)}
.t-card{flex:0 0 100%;padding:40px;background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-xl);position:relative}
.t-quote{font-size:1.8rem;color:var(--accent);margin-bottom:16px;opacity:0.5}
.t-card p{font-family:var(--font-heading);font-size:1.15rem;font-style:italic;color:var(--text);line-height:1.7;margin-bottom:28px;letter-spacing:0.3px}
.t-author{display:flex;align-items:center;gap:14px}
.t-av{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.72rem;font-weight:700;color:#fff;flex-shrink:0}
.t-author strong{display:block;font-size:0.85rem;color:var(--text)}
.t-author span{font-size:0.72rem;color:var(--text3)}
.t-stars{margin-left:auto;color:var(--gold);letter-spacing:2px;font-size:0.8rem}
.t-controls{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:28px}
.t-controls button{width:42px;height:42px;border:1px solid var(--border2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text2);font-size:0.75rem;transition:all var(--trans)}
.t-controls button:hover{border-color:var(--accent);color:var(--accent)}
#tDots{display:flex;gap:6px}
.t-dot{width:7px;height:7px;border-radius:50%;background:var(--border2);transition:all var(--trans)}
.t-dot.active{background:var(--accent);width:22px;border-radius:99px}

/* ── 17. Contact ── */
.contact-section{background:var(--bg)}
.contact-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.contact-title{font-family:var(--font-heading);font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700;color:var(--text);margin-bottom:16px;margin-top:10px;letter-spacing:0.5px}
.contact-desc{font-size:0.9rem;color:var(--text2);line-height:1.8;margin-bottom:32px}
.contact-channels{margin-bottom:28px}
.cc-item{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--border)}
.cc-icon{width:40px;height:40px;background:rgba(230,57,70,0.08);border:1px solid rgba(230,57,70,0.2);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.cc-icon i{color:var(--accent);font-size:0.85rem}
.cc-item strong{display:block;font-size:0.65rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--text3);margin-bottom:3px}
.cc-item a,.cc-item span{font-size:0.88rem;color:var(--text)}
.cc-item a:hover{color:var(--accent)}
.social-row{display:flex;gap:10px}
.social-btn{width:40px;height:40px;border:1px solid var(--border2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text2);font-size:0.85rem;transition:all var(--trans)}
.social-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-glow)}
.contact-form-wrap{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-xl);padding:40px}
.form-title{font-family:var(--font-heading);font-size:1.4rem;font-weight:700;color:var(--text);margin-bottom:24px;display:flex;align-items:center;gap:8px}
.form-title i{color:var(--accent)}
.form-group{margin-bottom:18px}
.form-group label{display:block;font-size:0.65rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--text3);margin-bottom:7px}
.form-group input,.form-group select,.form-group textarea{width:100%;background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-sm);padding:11px 14px;font-size:0.88rem;color:var(--text);outline:none;transition:border-color var(--trans),box-shadow var(--trans);appearance:none}
.form-group select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23888'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}
.form-group textarea{resize:vertical;min-height:100px}
.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text3)}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form-success{display:flex;align-items:center;gap:10px;margin-top:14px;padding:12px 16px;background:rgba(74,222,128,0.1);border:1px solid rgba(74,222,128,0.3);border-radius:var(--radius-sm);color:var(--v8-green);font-size:0.82rem}

/* ── 18. Auth Modals ── */
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.8);z-index:8000;display:none;align-items:center;justify-content:center;padding:24px;backdrop-filter:blur(8px)}
.modal-overlay.open{display:flex}
.auth-modal{background:var(--surface);border:1px solid var(--border2);border-radius:var(--radius-xl);padding:40px;width:100%;max-width:460px;position:relative;animation:modalIn 0.4s cubic-bezier(0.4,0,0.2,1);max-height:90vh;overflow-y:auto}
@keyframes modalIn{from{transform:scale(0.92) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}
.modal-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border:1px solid var(--border2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text3);font-size:0.8rem;transition:all var(--trans)}
.modal-close:hover{border-color:var(--accent);color:var(--accent)}
.auth-modal-header{text-align:center;margin-bottom:28px}
.auth-logo{font-family:var(--font-display);font-size:1.4rem;letter-spacing:3px;color:var(--text);margin-bottom:12px}
.auth-logo span{color:var(--accent)}
.auth-logo em{font-style:normal;color:var(--gold);font-size:0.95rem}
.auth-modal-header h2{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--text);margin-bottom:4px}
.auth-modal-header p{font-size:0.82rem;color:var(--text2)}
.btn-auth{width:100%;padding:13px;background:var(--accent);color:#fff;font-size:0.8rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;border-radius:var(--radius-sm);transition:all var(--trans);display:flex;align-items:center;justify-content:center;gap:8px;border:none;margin-top:4px}
.btn-auth:hover{background:var(--accent2);box-shadow:var(--glow-red)}
.auth-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--text3);font-size:0.75rem}
.auth-divider::before,.auth-divider::after{content:'';flex:1;height:1px;background:var(--border)}
.auth-switch{text-align:center;font-size:0.8rem;color:var(--text2)}
.auth-switch a{color:var(--accent);font-weight:600}
.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.checkbox-label{display:flex;align-items:center;gap:8px;font-size:0.78rem;color:var(--text2);cursor:pointer}
.checkbox-label.full{font-size:0.75rem}
.checkbox-label a{color:var(--accent)}
.checkbox-label input[type="checkbox"]{accent-color:var(--accent);width:15px;height:15px}
.forgot-pw{font-size:0.75rem;color:var(--accent)}
.input-pw-wrap{position:relative}
.input-pw-wrap input{padding-right:44px}
.pw-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--text3);font-size:0.8rem;transition:color var(--trans)}
.pw-toggle:hover{color:var(--accent)}
.pw-strength{margin-top:6px;height:3px;background:var(--bg4);border-radius:99px;overflow:hidden}
.pw-bar{height:100%;width:0%;border-radius:99px;transition:width 0.3s,background 0.3s}
.form-error{padding:10px 12px;background:rgba(230,57,70,0.1);border:1px solid rgba(230,57,70,0.3);border-radius:var(--radius-sm);color:var(--accent);font-size:0.78rem;margin-bottom:12px;display:none}
.form-error.show{display:block}

/* ── 19. Profile Dropdown ── */
.profile-dropdown{position:fixed;top:70px;right:24px;width:260px;background:var(--bg2);border:1px solid var(--border2);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:3000;transform:translateY(-10px) scale(0.96);opacity:0;pointer-events:none;transition:all var(--trans);overflow:hidden}
.profile-dropdown.open{transform:translateY(0) scale(1);opacity:1;pointer-events:all}
.profile-dropdown-header{padding:20px;background:linear-gradient(135deg,rgba(230,57,70,0.1),rgba(244,162,97,0.05));border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px}
.profile-avatar-lg{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--gold));display:flex;align-items:center;justify-content:center;font-size:0.75rem;font-weight:700;color:#fff;flex-shrink:0}
.profile-name{font-size:0.9rem;font-weight:700;color:var(--text)}
.profile-email-dd{font-size:0.7rem;color:var(--text3)}
.profile-dropdown-body{padding:8px}
.pd-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);font-size:0.8rem;color:var(--text2);transition:all var(--trans)}
.pd-item:hover{background:var(--bg3);color:var(--text)}
.pd-item i{width:16px;color:var(--accent);font-size:0.8rem}
.badge-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);margin-left:auto}
.profile-dropdown-footer{padding:12px;border-top:1px solid var(--border)}
.pd-logout{width:100%;padding:10px;border:1px solid rgba(230,57,70,0.3);border-radius:var(--radius-sm);color:var(--accent);font-size:0.75rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;transition:all var(--trans);display:flex;align-items:center;justify-content:center;gap:8px}
.pd-logout:hover{background:var(--accent);color:#fff}

/* ── 20. Lightbox ── */
.lightbox-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.93);z-index:7000;display:none;align-items:center;justify-content:center;padding:32px;backdrop-filter:blur(12px)}
.lightbox-overlay.open{display:flex}
.lightbox-close{position:absolute;top:20px;right:20px;width:44px;height:44px;border:1px solid rgba(255,255,255,0.15);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:0.9rem;transition:all var(--trans);z-index:7001}
.lightbox-close:hover{border-color:var(--accent);color:var(--accent)}
.lightbox-modal{max-width:880px;width:100%;background:var(--bg2);border:1px solid var(--border2);border-radius:var(--radius-xl);overflow:hidden;animation:lightboxIn 0.35s cubic-bezier(0.4,0,0.2,1)}
@keyframes lightboxIn{from{transform:scale(0.9);opacity:0}to{transform:scale(1);opacity:1}}
.lb-img{width:100%;height:360px;object-fit:cover}
.lb-body{padding:32px}
.lb-brand{font-size:0.6rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--accent);margin-bottom:6px}
.lb-name{font-family:var(--font-heading);font-size:1.8rem;font-weight:700;color:var(--text);margin-bottom:10px}
.lb-desc{font-size:0.85rem;color:var(--text2);line-height:1.7;margin-bottom:20px}
.lb-specs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}
.lb-spec-card{text-align:center;padding:14px;background:var(--bg3);border-radius:var(--radius-md);border:1px solid var(--border)}
.lb-spec-val{font-family:var(--font-display);font-size:1.1rem;color:var(--accent);letter-spacing:1px;display:block;margin-bottom:4px}
.lb-spec-key{font-size:0.58rem;letter-spacing:2px;text-transform:uppercase;color:var(--text3)}
.lb-actions{display:flex;gap:12px;flex-wrap:wrap}

/* ── 21. Footer ── */
.footer{background:var(--bg);border-top:1px solid var(--border)}
.footer-top{padding:64px 0 48px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px}
.footer-logo{font-family:var(--font-display);font-size:1.4rem;letter-spacing:3px;margin-bottom:12px;display:inline-flex;align-items:baseline;gap:3px}
.footer-logo span{color:var(--accent)}
.footer-logo em{font-style:normal;color:var(--gold);font-size:0.9rem}
.footer-brand p{font-size:0.82rem;color:var(--text2);line-height:1.7;margin-bottom:14px}
.footer-email{display:flex;align-items:center;gap:8px;font-size:0.82rem;color:var(--accent);margin-bottom:18px;transition:color var(--trans)}
.footer-email:hover{color:var(--accent2)}
.footer-social{display:flex;gap:8px}
.footer-social a{width:34px;height:34px;border:1px solid var(--border2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text3);font-size:0.78rem;transition:all var(--trans)}
.footer-social a:hover{border-color:var(--accent);color:var(--accent)}
.footer-col h4{font-size:0.62rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--accent);margin-bottom:18px}
.footer-col ul{display:flex;flex-direction:column;gap:9px}
.footer-col a{font-size:0.82rem;color:var(--text2);transition:color var(--trans)}
.footer-col a:hover{color:var(--text)}
.footer-bottom{padding:18px 0;border-top:1px solid var(--border)}
.footer-bottom-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
.footer-bottom p{font-size:0.75rem;color:var(--text3)}
.footer-powered{font-size:0.72rem;color:var(--text3)}

/* ── 22. Toast Notifications ── */
.toast-container{position:fixed;bottom:32px;right:32px;z-index:9000;display:flex;flex-direction:column;gap:10px;max-width:320px}
.toast{background:var(--bg2);border:1px solid var(--border2);border-radius:var(--radius-md);padding:14px 18px;display:flex;align-items:center;gap:12px;font-size:0.82rem;color:var(--text);box-shadow:var(--shadow);animation:toastIn 0.4s ease;border-left:3px solid var(--accent)}
.toast.success{border-left-color:var(--v8-green)}
.toast.error{border-left-color:var(--accent)}
.toast.info{border-left-color:var(--v8-blue)}
@keyframes toastIn{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}
@keyframes toastOut{to{transform:translateX(110%);opacity:0}}
.toast i{font-size:0.9rem}
.toast.success i{color:var(--v8-green)}
.toast.error i{color:var(--accent)}
.toast.info i{color:var(--v8-blue)}

/* ── 23. Back to Top ── */
.back-to-top{position:fixed;bottom:36px;right:36px;width:44px;height:44px;background:var(--accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.75rem;opacity:0;transform:translateY(16px);transition:all var(--trans);z-index:500;box-shadow:0 4px 20px var(--accent-glow)}
.back-to-top.visible{opacity:1;transform:translateY(0)}
.back-to-top:hover{transform:translateY(-3px);box-shadow:0 8px 30px var(--accent-glow)}

/* ── 24. Animations ── */
@keyframes fadeUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}

/* ── 25. Responsive ── */
@media(max-width:1100px){
  .about-inner{grid-template-columns:1fr;gap:48px}
  .about-img-stack{height:280px}
  .card-back{width:60%;height:240px}
  .card-front{width:55%;height:210px}
  .contact-inner{grid-template-columns:1fr;gap:48px}
  .footer-grid{grid-template-columns:1fr 1fr;gap:32px}
  .deal-of-day{grid-template-columns:1fr}
}
@media(max-width:900px){
  .cars-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}
  .brands-section .brand-universe{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}
  .lb-specs{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
  .nav-links{display:none;flex-direction:column;position:fixed;top:0;left:0;right:0;bottom:0;background:var(--overlay);justify-content:center;align-items:center;gap:24px;z-index:999}
  .nav-links.open{display:flex}
  .nav-link{font-size:1rem;letter-spacing:3px}
  .hamburger{display:flex}
  .btn-nav{display:none}
  .cars-grid{grid-template-columns:1fr}
  .news-grid{grid-template-columns:1fr}
  .deals-grid{grid-template-columns:1fr}
  .about-pillars{grid-template-columns:1fr}
  .form-row{grid-template-columns:1fr}
  .pdp-form .form-row{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr;gap:24px}
  .filter-bar{flex-direction:column;align-items:stretch}
  .hero-stats{gap:8px}
  .hero-stat-div{display:none}
  .hero-stat{padding:0 10px}
  .contact-form-wrap{padding:24px}
  .auth-modal{padding:28px}
  .deal-of-day{padding:24px}
  .footer-bottom-inner{flex-direction:column;text-align:center}
  .cursor-dot,.cursor-ring{display:none}
  body{cursor:auto}
  button{cursor:pointer}
  a{cursor:pointer}
  .t-card{padding:28px}
  .lb-body{padding:20px}
}
@media(max-width:480px){
  .hero-cta{flex-direction:column}
  .btn-primary,.btn-ghost{width:100%;justify-content:center}
  .hero-title{font-size:2.6rem}
  .about-numbers{flex-direction:column;gap:16px}
  .post-deal-banner{flex-direction:column;text-align:center}
  .lb-specs{grid-template-columns:1fr 1fr}
  .hero-stat{padding:0 6px}
}