html { scroll-behavior: smooth; }
    * { box-sizing: border-box; }
    body {
      background:
        radial-gradient(circle at top left, rgba(198,161,91,.16), transparent 34rem),
        radial-gradient(circle at 88% 7%, rgba(10,142,160,.12), transparent 30rem),
        linear-gradient(180deg, #FFFCF5 0%, #F7F1E3 56%, #EFE4CF 100%);
      overflow-x: hidden;
    }
    .hero-vehicles {
      background:
        linear-gradient(115deg, rgba(11,31,51,.97), rgba(14,59,46,.90), rgba(122,30,44,.48)),
        url('https://images.unsplash.com/photo-1492144534655-ae79c964c9d7?auto=format&fit=crop&w=2400&q=80') center/cover;
    }
    .soft-pattern {
      background-image:
        linear-gradient(rgba(198,161,91,.10) 1px, transparent 1px),
        linear-gradient(90deg, rgba(198,161,91,.10) 1px, transparent 1px);
      background-size: 28px 28px;
    }
    .glass {
      background: rgba(255,252,245,.94);
      backdrop-filter: blur(18px);
      border: 1px solid rgba(198,161,91,.44);
      box-shadow: 0 28px 80px rgba(0,0,0,.25);
    }
    .panel {
      background: rgba(255,252,245,.90);
      border: 1px solid rgba(198,161,91,.30);
    }
    
    /* Buttons */
    .premium-btn {
      background: linear-gradient(135deg, #C6A15B, #A87932);
      color: #0B1F33;
      box-shadow: 0 14px 30px rgba(198,161,91,.28);
    }
    .premium-btn:hover { filter: brightness(1.06); transform: translateY(-1px); }
    
    .deep-btn {
      background: linear-gradient(135deg, #0B1F33, #0E3B2E);
      color: #FFFCF5;
      box-shadow: 0 14px 30px rgba(11,31,51,.20);
    }
    .deep-btn:hover { filter: brightness(1.06); transform: translateY(-1px); }

    .vehicle-card {
      background: rgba(255,252,245,.96);
      border: 1px solid rgba(198,161,91,.30);
      transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
    }
    .vehicle-card:hover {
      transform: translateY(-3px);
      border-color: rgba(198,161,91,.70);
      box-shadow: 0 22px 55px rgba(11,31,51,.12);
    }
    .filter-sticky { position: sticky; top: 98px; }
    .chip {
      border: 1px solid rgba(198,161,91,.38);
      background: rgba(247,241,227,.78);
      color: #0B1F33;
    }
    .chip:hover, .chip.active {
      background: #0E3B2E;
      color: #FFFCF5;
      border-color: #0E3B2E;
    }
    .spec-chip {
      background: rgba(239,228,207,.72);
      border: 1px solid rgba(198,161,91,.28);
    }
    .select-field, .input-field {
      width: 100%;
      min-width: 0;
      border: 1px solid rgba(198,161,91,.38);
      background: #FFFCF5;
      border-radius: 1rem;
      padding: .84rem .95rem;
      outline: none;
      color: #0B1F33;
    }
    .select-field:focus, .input-field:focus {
      border-color: #C6A15B;
      box-shadow: 0 0 0 4px rgba(198,161,91,.16);
    }
    .drawer {
      transform: translateX(100%);
      transition: transform .28s ease;
    }
    .drawer.open { transform: translateX(0); }
    .overlay {
      opacity: 0;
      pointer-events: none;
      transition: opacity .28s ease;
    }
    .overlay.open {
      opacity: 1;
      pointer-events: auto;
    }
    .no-scrollbar::-webkit-scrollbar { display: none; }
    .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

    /* Mobile overflow protection */
    h1, h2, h3, h4, p, a, button, span, div { overflow-wrap: anywhere; }
    img, video { max-width: 100%; }
    .safe-width { min-width: 0; max-width: 100%; }

    @media (max-width: 767px) {
      .hero-vehicles { background-position: center; }
      .filter-sticky { position: static; }
      .vehicle-card:hover { transform: none; }
      h1 { word-break: normal; overflow-wrap: break-word; }
    }