/* RESET & CORE VARIABLES - ARION MOTORS IDENTITY: VERMELHO (#E50914), BRANCO (#FFFFFF) E PRETO (#08090A) */
    *, *::before, *::after {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    :root {
      --bg-main: #08090a;
      --bg-surface: #0e0f12;
      --bg-card: #121317;
      --bg-card-hover: #17181e;
      
      /* AUTHENTIC ARION RED PALETTE */
      --brand-red: #e50914;
      --brand-red-dark: #b91c1c;
      --brand-red-bright: #ff1e2b;
      --brand-orange: #e50914; /* alias for unified Arion red */
      --brand-gradient: linear-gradient(135deg, #e50914 0%, #b80710 100%);
      --brand-gradient-hover: linear-gradient(135deg, #ff1e2b 0%, #dc2626 100%);
      
      --border-subtle: rgba(255, 255, 255, 0.07);
      --border-medium: rgba(255, 255, 255, 0.12);
      --border-glass: rgba(255, 255, 255, 0.18);
      --border-brand: rgba(229, 9, 20, 0.5);

      --text-white: #ffffff;
      --text-light: #f4f4f5;
      --text-muted: #a1a1aa;
      --text-dim: #71717a;

      --wa-green: #25d366;
      --wa-dark: #128c7e;

      --font-heading: 'Plus Jakarta Sans', 'Archivo', -apple-system, BlinkMacSystemFont, sans-serif;
      --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

      --radius-sm: 8px;
      --radius-md: 12px;
      --radius-lg: 18px;
      --radius-full: 9999px;

      --shadow-card: 0 10px 30px -10px rgba(0, 0, 0, 0.85);
      --shadow-hover: 0 20px 40px -12px rgba(229, 9, 20, 0.35), 0 12px 24px -8px rgba(0, 0, 0, 0.95);
      --shadow-glow: 0 0 35px rgba(229, 9, 20, 0.5);
    }

    /* LENIS MOMENTUM SCROLL STYLES */
    html.lenis, html.lenis body {
      height: auto;
    }
    .lenis.lenis-smooth {
      scroll-behavior: auto !important;
    }
    .lenis.lenis-smooth [data-lenis-prevent] {
      overscroll-behavior: contain;
    }
    .lenis.lenis-stopped {
      overflow: hidden;
    }

    html {
      scroll-behavior: smooth;
      background-color: var(--bg-main);
      color: var(--text-light);
      font-family: var(--font-body);
      font-size: 16px;
      overflow-x: clip;
    }

    body {
      background-color: var(--bg-main);
      color: var(--text-light);
      min-height: 100vh;
      overflow-x: clip;
      line-height: 1.5;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }

    a {
      color: inherit;
      text-decoration: none;
    }

    button {
      font-family: inherit;
      border: none;
      outline: none;
      background: none;
      cursor: pointer;
    }

    /* TYPOGRAPHY UTILS */
    .font-heading {
      font-family: var(--font-heading);
      font-weight: 800;
      letter-spacing: -0.02em;
      text-transform: uppercase;
    }

    .eyebrow-tag {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      font-family: var(--font-heading);
      font-size: 0.72rem;
      font-weight: 700;
      letter-spacing: 0.22em;
      text-transform: uppercase;
      color: var(--brand-red);
      margin-bottom: 12px;
      text-align: center;
    }

    .eyebrow-tag::before,
    .eyebrow-tag::after {
      content: "";
      width: 28px;
      height: 2px;
      background: currentColor;
      opacity: 0.8;
      border-radius: 1px;
      flex-shrink: 0;
    }

    @media (max-width: 639px) {
      .eyebrow-tag {
        font-size: 0.62rem;
        letter-spacing: 0.1em;
        gap: 6px;
        margin-bottom: 10px;
      }
      .eyebrow-tag::before,
      .eyebrow-tag::after {
        width: 14px;
      }
    }

    /* HEADER & NAVBAR (HIGH-END AUTOMOTIVE GLASSMORPHISM) */
    .site-header {
      position: sticky;
      top: 0;
      z-index: 100;
      width: 100%;
      background: rgba(8, 9, 10, 0.82);
      backdrop-filter: blur(24px) saturate(180%);
      -webkit-backdrop-filter: blur(24px) saturate(180%);
      border-bottom: 1px solid rgba(255, 255, 255, 0.08);
      transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    }

    .site-header.scrolled {
      background: rgba(8, 9, 10, 0.95);
      border-bottom-color: rgba(255, 255, 255, 0.12);
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.7);
    }

    .header-container {
      max-width: 1360px;
      margin: 0 auto;
      height: 68px;
      padding: 0 clamp(16px, 3vw, 28px);
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
    }

    .header-logo {
      display: flex;
      align-items: center;
      gap: 12px;
      text-decoration: none;
      flex-shrink: 0;
      white-space: nowrap;
    }

    .header-logo img {
      width: 36px;
      height: 36px;
      object-fit: contain;
      filter: drop-shadow(0 2px 10px rgba(229, 9, 20, 0.4));
      transition: transform 0.3s ease;
    }

    .header-logo:hover img {
      transform: scale(1.08);
    }

    .logo-text-group {
      display: flex;
      flex-direction: column;
    }

    .logo-title {
      font-family: var(--font-heading);
      font-size: 1.25rem;
      font-weight: 900;
      letter-spacing: 0.05em;
      color: #ffffff;
      line-height: 1;
    }

    .logo-sub {
      font-family: var(--font-heading);
      font-size: 0.54rem;
      font-weight: 800;
      letter-spacing: 0.18em;
      color: var(--brand-red);
      margin-top: 3px;
    }

    .nav-links {
      display: none;
      align-items: center;
      gap: clamp(14px, 2vw, 28px);
    }

    @media (min-width: 1024px) {
      .nav-links {
        display: flex;
      }
    }

    .nav-link {
      font-family: var(--font-heading);
      font-size: 0.82rem;
      font-weight: 700;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      color: var(--text-muted);
      transition: color 0.25s ease;
      position: relative;
      padding: 8px 2px;
      white-space: nowrap;
      text-decoration: none;
    }

    .nav-link:hover {
      color: #ffffff;
    }

    .nav-link::after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 50%;
      width: 0%;
      height: 2px;
      background: var(--brand-red);
      box-shadow: 0 0 10px rgba(229, 9, 20, 0.7);
      transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
      transform: translateX(-50%);
      border-radius: 2px;
    }

    .nav-link:hover::after {
      width: 100%;
    }

    .header-actions {
      display: flex;
      align-items: center;
      gap: 12px;
      flex-shrink: 0;
    }

    /* LANGUAGE SWITCHER PILL (LUXURY FROSTED GLASS) */
    .lang-pill {
      display: inline-flex;
      align-items: center;
      background: rgba(255, 255, 255, 0.04);
      border: 1px solid rgba(255, 255, 255, 0.1);
      border-radius: var(--radius-full);
      padding: 3px;
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      flex-shrink: 0;
      gap: 2px;
    }

    .lang-btn {
      display: inline-flex;
      align-items: center;
      gap: 5px;
      padding: 5px 9px;
      border-radius: var(--radius-full);
      font-family: var(--font-heading);
      font-size: 0.72rem;
      font-weight: 800;
      letter-spacing: 0.04em;
      color: var(--text-muted);
      transition: all 0.25s ease;
      cursor: pointer;
      border: 1px solid transparent;
      background: transparent;
    }

    .lang-btn svg {
      width: 14px;
      height: 14px;
      border-radius: 2px;
      flex-shrink: 0;
    }

    .lang-btn:hover {
      color: #ffffff;
      background: rgba(255, 255, 255, 0.08);
    }

    .lang-btn.active {
      background: rgba(229, 9, 20, 0.2);
      color: #ffffff;
      border-color: rgba(229, 9, 20, 0.55);
      box-shadow: 0 0 12px rgba(229, 9, 20, 0.3);
    }

    .btn-apply-nav {
      display: none;
      align-items: center;
      gap: 8px;
      background: linear-gradient(135deg, #e50914 0%, #b80710 100%);
      color: #ffffff;
      font-family: var(--font-heading);
      font-size: 0.8rem;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: 0.05em;
      padding: 9px 18px;
      border-radius: var(--radius-md);
      border: 1px solid rgba(255, 255, 255, 0.15);
      transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
      box-shadow: 0 4px 18px rgba(229, 9, 20, 0.35);
      white-space: nowrap;
      flex-shrink: 0;
      cursor: pointer;
    }

    @media (min-width: 1024px) {
      .btn-apply-nav {
        display: inline-flex;
      }
    }

    .btn-apply-nav:hover {
      background: linear-gradient(135deg, #ff1e2b 0%, #dc2626 100%);
      transform: translateY(-2px);
      box-shadow: 0 8px 25px rgba(229, 9, 20, 0.6);
      border-color: rgba(255, 255, 255, 0.3);
    }

    .mobile-menu-btn {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 42px;
      height: 42px;
      background: rgba(255, 255, 255, 0.05);
      border: 1px solid var(--border-subtle);
      border-radius: 10px;
      color: #ffffff;
      cursor: pointer;
    }

    @media (min-width: 1024px) {
      .mobile-menu-btn {
        display: none;
      }
    }

    @media (max-width: 639px) {
      .header-container {
        height: 58px;
        padding: 0 12px;
      }
      .logo-sub {
        display: none;
      }
      .header-logo img {
        width: 28px;
        height: 28px;
      }
      .logo-title {
        font-size: 1.05rem;
      }
      .lang-btn span {
        display: none;
      }
      .lang-btn {
        padding: 4px 6px;
        gap: 0;
      }
      .mobile-menu-btn {
        width: 36px;
        height: 36px;
      }
      .mobile-drawer {
        top: 58px;
        height: calc(100vh - 58px);
      }
    }

    /* MOBILE DRAWER */
    .mobile-drawer {
      position: fixed;
      top: 68px;
      left: 0;
      width: 100%;
      height: calc(100vh - 68px);
      background: rgba(9, 9, 11, 0.98);
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
      z-index: 300;
      transform: translateX(100%);
      transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.3s ease;
      display: flex;
      flex-direction: column;
      padding: 32px 24px;
      gap: 24px;
      overflow-y: auto;
      visibility: hidden;
      pointer-events: none;
    }

    .mobile-drawer.open {
      transform: translateX(0);
      visibility: visible;
      pointer-events: auto;
    }

    body.drawer-open .floating-contact-hub {
      display: none !important;
    }

    .drawer-nav-link {
      font-family: var(--font-heading);
      font-size: 1.4rem;
      font-weight: 800;
      text-transform: uppercase;
      color: #ffffff;
      padding: 12px 0;
      border-bottom: 1px solid var(--border-subtle);
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    .drawer-nav-link:hover {
      color: var(--brand-red);
    }

    /* HERO SECTION (EDITORIAL AUTOMOTIVE LUXURY) */
    .hero-section {
      position: relative;
      min-height: calc(100vh - 68px);
      min-height: 700px;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: center;
      padding: 0;
      overflow: hidden;
      background: #08090a;
    }

    .hero-video-bg {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center center;
      transform: scale(1.08) translateX(200px);
      transform-origin: center center;
      z-index: 0;
      filter: brightness(1.08) contrast(1.12);
      pointer-events: none;
    }

    .hero-overlay {
      position: absolute;
      inset: 0;
      background: 
        linear-gradient(90deg, 
          #08090a 0%, 
          #08090a 34%, 
          rgba(8, 9, 10, 0.94) 46%, 
          rgba(8, 9, 10, 0.40) 66%, 
          transparent 85%,
          rgba(8, 9, 10, 0.30) 100%),
        linear-gradient(to top, 
          #08090a 0%, 
          rgba(8, 9, 10, 0.70) 12%, 
          transparent 26%),
        linear-gradient(to bottom, 
          rgba(8, 9, 10, 0.60) 0%, 
          transparent 16%);
      z-index: 1;
      pointer-events: none;
    }

    .hero-container {
      position: relative;
      z-index: 2;
      max-width: 1360px;
      width: 100%;
      margin: 0 auto;
      padding: 60px clamp(24px, 5vw, 70px);
    }

    .hero-content {
      max-width: 760px;
      text-align: left;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
    }

    .hero-status-pill {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      padding: 6px 16px;
      background: rgba(255, 255, 255, 0.05);
      border: 1px solid rgba(255, 255, 255, 0.12);
      border-radius: 9999px;
      font-size: 0.72rem;
      font-weight: 700;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: #e4e4e7;
      margin-bottom: 22px;
      backdrop-filter: blur(16px);
      -webkit-backdrop-filter: blur(16px);
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
    }

    .pulse-dot-red {
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: #e50914;
      box-shadow: 0 0 10px #e50914;
      animation: pulseAnim 2s infinite ease-in-out;
    }

    @keyframes pulseAnim {
      0%, 100% { transform: scale(1); opacity: 1; }
      50% { transform: scale(1.4); opacity: 0.6; }
    }

    .hero-headline {
      font-family: var(--font-heading);
      font-size: clamp(2rem, 2.8vw, 2.75rem);
      font-weight: 850;
      line-height: 1.2;
      text-transform: uppercase;
      letter-spacing: -0.02em;
      margin-bottom: 18px;
      color: #ffffff;
    }

    .hero-headline-1 {
      display: block;
      color: #ffffff;
      text-shadow: 0 2px 20px rgba(0, 0, 0, 0.9);
      letter-spacing: -0.02em;
    }

    .hero-headline-2 {
      display: block;
      color: #ffffff;
      text-shadow: 0 2px 20px rgba(0, 0, 0, 0.9);
      letter-spacing: -0.02em;
    }

    .hero-subtitle {
      font-size: 1rem;
      line-height: 1.6;
      color: #cbd5e1;
      margin-bottom: 28px;
      max-width: 540px;
      text-shadow: 0 2px 10px rgba(0, 0, 0, 0.85);
      font-weight: 400;
    }

    .hero-actions-group {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 14px;
      width: 100%;
    }

    .btn-hero-primary {
      height: 52px;
      padding: 0 28px;
      background: linear-gradient(135deg, #e50914 0%, #c40812 100%);
      color: #ffffff;
      font-family: var(--font-heading);
      font-size: 0.88rem;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: 0.05em;
      border-radius: 10px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      box-shadow: 0 10px 25px -4px rgba(229, 9, 20, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.2);
      transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
      cursor: pointer;
      text-decoration: none;
      border: 1px solid rgba(255, 255, 255, 0.15);
    }

    .btn-hero-primary:hover {
      background: linear-gradient(135deg, #ff1e2b 0%, #dc2626 100%);
      box-shadow: 0 14px 35px -4px rgba(229, 9, 20, 0.65), inset 0 1px 0 rgba(255, 255, 255, 0.3);
      transform: translateY(-2px);
      color: #ffffff;
    }

    .btn-hero-secondary {
      height: 52px;
      padding: 0 26px;
      background: rgba(255, 255, 255, 0.05);
      border: 1px solid rgba(255, 255, 255, 0.16);
      color: #ffffff;
      font-family: var(--font-heading);
      font-size: 0.86rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.04em;
      border-radius: 10px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      backdrop-filter: blur(16px);
      -webkit-backdrop-filter: blur(16px);
      transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
      cursor: pointer;
    }

    .btn-hero-secondary:hover {
      background: rgba(255, 255, 255, 0.09);
      border-color: rgba(255, 255, 255, 0.3);
      transform: translateY(-2px);
      color: #ffffff;
    }

    @media (max-width: 900px) {
      .hero-section {
        height: 100vh !important;
        height: 100svh !important;
        min-height: 560px !important;
        max-height: none !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
        position: relative !important;
        overflow: hidden !important;
        padding: 0 !important;
      }
    }

    /* INVENTORY CONTROLS & SEARCH */
    .inventory-controls {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 16px;
      margin-bottom: 32px;
      width: 100%;
      max-width: 900px;
      margin-left: auto;
      margin-right: auto;
    }

    .inv-search-wrap {
      position: relative;
      width: 100%;
      max-width: 520px;
      display: flex;
      align-items: center;
    }

    .inv-search-wrap svg {
      position: absolute;
      left: 16px;
      color: var(--text-dim);
      pointer-events: none;
    }

    .inv-search-input {
      width: 100%;
      height: 46px;
      background: rgba(255, 255, 255, 0.04);
      border: 1px solid var(--border-medium);
      border-radius: var(--radius-md);
      padding: 0 16px 0 44px;
      color: #ffffff;
      font-family: var(--font-body);
      font-size: 0.9rem;
      outline: none;
      transition: all 0.2s ease;
    }

    .inv-search-input:focus {
      border-color: var(--brand-red);
      background: rgba(255, 255, 255, 0.07);
      box-shadow: 0 0 16px rgba(229, 9, 20, 0.2);
    }

    /* HERO TRUST BAR - LUXURY EDITORIAL GLASS RIBBON */
    .hero-trust-bar {
      position: relative;
      z-index: 25;
      margin-top: -36px;
      margin-bottom: 34px;
      padding: 0 24px;
    }

    .trust-bar-container {
      max-width: 1280px;
      margin: 0 auto;
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 0;
      background: rgba(10, 11, 15, 0.78);
      backdrop-filter: blur(24px) saturate(180%);
      -webkit-backdrop-filter: blur(24px) saturate(180%);
      border: 1px solid rgba(255, 255, 255, 0.08);
      border-radius: 14px;
      padding: 0;
      box-shadow: 0 24px 50px -15px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.05);
      overflow: hidden;
    }

    .trust-bar-item {
      display: flex;
      align-items: center;
      gap: 14px;
      padding: 18px 22px;
      background: transparent;
      border: none;
      border-radius: 0;
      position: relative;
      text-decoration: none;
      color: inherit;
      transition: background 0.25s ease;
    }

    .trust-bar-item:not(:last-child)::after {
      content: "";
      position: absolute;
      right: 0;
      top: 20%;
      height: 60%;
      width: 1px;
      background: rgba(255, 255, 255, 0.08);
    }

    .trust-bar-item:hover {
      background: rgba(255, 255, 255, 0.035);
      transform: none;
    }

    .trust-bar-icon-wrap {
      width: 40px;
      height: 40px;
      border-radius: 10px;
      background: rgba(255, 255, 255, 0.03);
      border: 1px solid rgba(255, 255, 255, 0.07);
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      transition: border-color 0.25s ease, background 0.25s ease;
    }

    .trust-bar-item:hover .trust-bar-icon-wrap {
      border-color: rgba(255, 255, 255, 0.18);
      background: rgba(255, 255, 255, 0.06);
    }

    .trust-bar-text {
      display: flex;
      flex-direction: column;
      min-width: 0;
    }

    .trust-bar-badge-row {
      display: flex;
      align-items: center;
      gap: 6px;
      margin-bottom: 2px;
    }

    .trust-bar-kicker {
      font-size: 0.60rem;
      font-weight: 700;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: #94a3b8;
    }

    .trust-stars {
      display: inline-flex;
      gap: 1.5px;
      color: #fbbf24;
    }

    .trust-bar-title {
      font-family: var(--font-heading);
      font-size: 0.88rem;
      font-weight: 850;
      letter-spacing: 0.01em;
      color: #ffffff;
      line-height: 1.2;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .trust-bar-desc {
      font-size: 0.70rem;
      color: #64748b;
      line-height: 1.3;
      margin-top: 2px;
      font-weight: 500;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    @media (max-width: 1023px) {
      .hero-trust-bar {
        margin-top: -20px;
        margin-bottom: 24px;
        padding: 0 16px;
      }
      .trust-bar-container {
        grid-template-columns: repeat(2, 1fr);
      }
      .trust-bar-item:nth-child(2)::after {
        display: none;
      }
      .trust-bar-item:nth-child(-n+2) {
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
      }
    }

    @media (max-width: 639px) {
      .hero-trust-bar {
        margin-top: 10px;
        margin-bottom: 20px;
        padding: 0 12px;
      }
      .trust-bar-container {
        grid-template-columns: 1fr;
      }
      .trust-bar-item::after {
        display: none !important;
      }
      .trust-bar-item:not(:last-child) {
        border-bottom: 1px solid rgba(255, 255, 255, 0.06);
      }
      .trust-bar-item {
        padding: 12px 14px;
        gap: 12px;
      }
      .trust-bar-title {
        font-size: 0.82rem;
      }
    }

    /* SECTION LAYOUTS */
    .section-wrap {
      max-width: 1320px;
      margin: 0 auto;
      padding: 90px 24px;
      overflow: visible;
      width: 100%;
      box-sizing: border-box;
    }

    @media (max-width: 640px) {
      .section-wrap {
        padding: 50px 16px;
      }
      .section-head-center {
        margin: 0 auto 32px;
      }
      .section-title {
        font-size: 1.7rem;
      }
    }

    .section-head-center {
      text-align: center;
      max-width: 760px;
      margin: 0 auto 50px;
    }

    .section-title {
      font-family: var(--font-heading);
      font-size: 2.2rem;
      font-weight: 900;
      text-transform: uppercase;
      color: #ffffff;
      line-height: 1.12;
      margin-bottom: 14px;
    }

    @media (min-width: 768px) {
      .section-title {
        font-size: 2.8rem;
      }
    }

    .section-desc {
      font-size: 1rem;
      color: var(--text-muted);
      line-height: 1.6;
    }

    /* SECTION 1: INVENTORY CAROUSEL & CARDS (SP CARS PERFECTION) */
    .inventory-filters {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      gap: 10px;
      margin-bottom: 36px;
    }

    .inv-tab-btn {
      padding: 8px 18px;
      border-radius: var(--radius-full);
      background: rgba(255, 255, 255, 0.04);
      border: 1px solid var(--border-subtle);
      color: var(--text-muted);
      font-family: var(--font-heading);
      font-size: 0.8rem;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: 0.05em;
      cursor: pointer;
      transition: all 0.2s ease;
    }

    .inv-tab-btn:hover {
      color: #ffffff;
      border-color: var(--border-medium);
    }

    .inv-tab-btn.active {
      background: var(--brand-gradient);
      color: #ffffff;
      border-color: transparent;
      box-shadow: 0 4px 15px rgba(229, 9, 20, 0.35);
    }

    .inventory-grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: 28px;
    }

    @media (min-width: 640px) {
      .inventory-grid {
        grid-template-columns: repeat(2, 1fr);
      }
    }

    @media (min-width: 1024px) {
      .inventory-grid {
        grid-template-columns: repeat(3, 1fr);
      }
    }

    /* VEHICLE CARD (SP CARS EXACT STRUCTURE) */
    .vehicle-card {
      position: relative;
      background: #0d0e12;
      border: 1px solid rgba(255, 255, 255, 0.08);
      border-radius: var(--radius-lg);
      overflow: hidden;
      display: flex;
      flex-direction: column;
      cursor: pointer;
      transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
      box-shadow: var(--shadow-card);
    }

    .vehicle-card:hover {
      transform: translateY(-8px);
      border-color: var(--border-brand);
      box-shadow: var(--shadow-hover);
    }

    /* CARD SHINE SWEEP */
    .vehicle-card::after {
      content: "";
      position: absolute;
      inset: -100% 0;
      top: 0;
      z-index: 10;
      background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.12), transparent);
      transform: rotate(-45deg) translateX(-150%);
      transition: transform 0.8s ease-out;
      pointer-events: none;
    }

    .vehicle-card:hover::after {
      transform: rotate(-45deg) translateX(150%);
    }

    .card-media-wrap {
      position: relative;
      aspect-ratio: 16 / 9;
      overflow: hidden;
      background: #09090b;
    }

    .card-img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
    }

    .vehicle-card:hover .card-img {
      transform: scale(1.05);
    }

    /* ACCENT BAR */
    .card-accent-bar {
      position: absolute;
      bottom: 0;
      right: 0;
      width: 36%;
      height: 3px;
      background: linear-gradient(90deg, #ff2a38, #b8050e);
      z-index: 4;
    }

    /* REMOVED TACKY RED STICKER FROM IMAGE */
    .badge-save {
      display: none !important;
    }

    /* ELEGANT FROSTED INSPECT BADGE */
    .badge-inspect {
      position: absolute;
      top: 12px;
      right: 12px;
      z-index: 5;
      background: rgba(9, 10, 14, 0.82);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
      color: #ffffff;
      border: 1px solid rgba(255, 255, 255, 0.16);
      font-family: var(--font-heading);
      font-size: 0.68rem;
      font-weight: 700;
      letter-spacing: 0.05em;
      padding: 5px 12px;
      border-radius: 9999px;
      text-transform: uppercase;
      box-shadow: 0 4px 14px rgba(0, 0, 0, 0.5);
      transition: all 0.25s ease;
      display: inline-flex;
      align-items: center;
      gap: 4px;
    }

    .vehicle-card:hover .badge-inspect {
      background: rgba(229, 9, 20, 0.95);
      border-color: transparent;
      box-shadow: 0 4px 14px rgba(229, 9, 20, 0.45);
      transform: translateY(-1px);
    }

    .card-body {
      padding: 16px 18px 18px;
      display: flex;
      flex-direction: column;
      gap: 8px;
      background: #0d0e12;
      flex: 1;
    }

    .card-meta-row {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    .card-brand {
      font-family: var(--font-heading);
      font-size: 0.72rem;
      font-weight: 800;
      letter-spacing: 0.08em;
      color: #94a3b8;
      text-transform: uppercase;
      white-space: nowrap;
    }

    .card-stock {
      font-family: var(--font-body);
      font-size: 0.72rem;
      font-weight: 600;
      color: #64748b;
      text-transform: uppercase;
      white-space: nowrap;
    }

    .card-title {
      font-family: var(--font-heading);
      font-size: 1.15rem;
      font-weight: 900;
      text-transform: uppercase;
      color: #ffffff;
      line-height: 1.2;
      margin: 0;
      letter-spacing: -0.01em;
    }

    /* CLEAN SPEC CHIPS ROW */
    .card-specs-row {
      display: flex;
      align-items: center;
      gap: 6px;
      margin-bottom: 12px;
      flex-wrap: wrap;
    }

    .card-spec-chip {
      background: rgba(255, 255, 255, 0.04);
      border: 1px solid rgba(255, 255, 255, 0.08);
      border-radius: 6px;
      padding: 3px 8px;
      font-size: 0.72rem;
      font-weight: 600;
      color: #cbd5e1;
      letter-spacing: 0.02em;
      white-space: nowrap;
    }

    /* REFINED DUAL PRICING ROW */
    .card-pricing-row {
      background: rgba(255, 255, 255, 0.025);
      border: 1px solid rgba(255, 255, 255, 0.06);
      border-radius: 10px;
      padding: 10px 14px;
      margin-bottom: 12px;
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
    }

    .price-cash-col {
      display: flex;
      flex-direction: column;
    }

    .price-cash-lbl {
      font-size: 0.62rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.08em;
      color: #94a3b8;
      margin-bottom: 3px;
    }

    .price-cash-val {
      font-family: var(--font-heading);
      font-size: 1.42rem;
      font-weight: 900;
      color: #ffffff;
      line-height: 1;
      letter-spacing: -0.02em;
    }

    .price-fin-col {
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      text-align: right;
    }

    .price-fin-lbl {
      font-size: 0.62rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.08em;
      color: #94a3b8;
      margin-bottom: 3px;
    }

    .price-fin-est {
      font-family: var(--font-heading);
      font-size: 1.18rem;
      font-weight: 850;
      color: #f1f5f9;
      line-height: 1;
      letter-spacing: -0.01em;
    }

    .price-fin-est small {
      font-size: 0.72rem;
      font-weight: 600;
      color: #94a3b8;
      margin-left: 2px;
    }

    /* CARD BUTTONS: BALANCED 1-ROW BAR (APPLY + SMS/IMESSAGE + WHATSAPP) */
    .card-actions-grid {
      display: grid;
      grid-template-columns: 1fr 42px 42px;
      gap: 6px;
      margin-top: auto;
    }

    .btn-card-apply {
      height: 42px;
      background: var(--brand-gradient);
      color: #ffffff;
      border-radius: var(--radius-sm);
      font-family: var(--font-heading);
      font-size: 0.75rem;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: 0.03em;
      white-space: nowrap;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 6px;
      cursor: pointer;
      transition: all 0.2s ease;
      box-shadow: 0 4px 12px rgba(229, 9, 20, 0.25);
      border: none;
      padding: 0 10px;
    }

    .btn-card-apply:hover {
      background: var(--brand-gradient-hover);
      box-shadow: 0 6px 18px rgba(229, 9, 20, 0.45);
      transform: translateY(-1px);
    }

    .btn-card-sms {
      height: 42px;
      width: 42px;
      background: rgba(0, 122, 255, 0.12);
      border: 1px solid rgba(0, 122, 255, 0.35);
      border-radius: var(--radius-sm);
      color: #007aff;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      transition: all 0.2s ease;
      padding: 0;
      flex-shrink: 0;
    }

    .btn-card-sms:hover {
      background: #007aff;
      border-color: #007aff;
      color: #ffffff;
      transform: translateY(-1px);
      box-shadow: 0 4px 14px rgba(0, 122, 255, 0.45);
    }

    .btn-card-sms svg {
      transition: stroke 0.2s ease;
    }

    .btn-card-sms:hover svg {
      stroke: #ffffff;
    }

    .btn-card-wa {
      height: 42px;
      width: 42px;
      background: rgba(37, 211, 102, 0.1);
      border: 1px solid rgba(37, 211, 102, 0.35);
      border-radius: var(--radius-sm);
      color: #25D366;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      transition: all 0.2s ease;
      padding: 0;
      flex-shrink: 0;
    }

    .btn-card-wa:hover {
      background: #25D366;
      border-color: #25D366;
      color: #0b0c10;
      transform: translateY(-1px);
      box-shadow: 0 4px 14px rgba(37, 211, 102, 0.35);
    }

    .btn-card-wa svg {
      transition: fill 0.2s ease;
    }

    .btn-card-wa:hover svg {
      fill: #0b0c10;
    }

    @media (max-width: 540px) {
      .card-actions-grid {
        grid-template-columns: 1fr 40px 40px;
        gap: 6px;
      }
      .btn-card-sms, .btn-card-wa {
        width: 40px;
        height: 40px;
      }
      .btn-card-apply {
        height: 40px;
        font-size: 0.74rem;
        padding: 0 8px;
      }
    }

    /* SECTION 2: BENTO CATEGORIES (LUXURY SHOWROOM MATRIX) */
    .categories-bento-grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: 16px;
    }

    @media (min-width: 640px) {
      .categories-bento-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
      }
    }

    @media (min-width: 1024px) {
      .categories-bento-grid {
        grid-template-columns: repeat(12, 1fr);
        gap: 24px;
      }

      .bento-card-suv {
        grid-column: span 7;
        min-height: 340px;
      }

      .bento-card-pickup {
        grid-column: span 5;
        min-height: 340px;
      }

      .bento-card-hatch {
        grid-column: span 6;
        min-height: 320px;
      }

      .bento-card-sedan {
        grid-column: span 6;
        min-height: 320px;
      }
    }

    .bento-card {
      position: relative;
      border-radius: 24px;
      border: 1px solid rgba(24, 31, 43, 0.08);
      background: #0d0f15;
      overflow: hidden;
      cursor: pointer;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      padding: 24px 26px;
      transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-color 0.3s ease;
      box-shadow: 0 10px 30px rgba(15, 23, 42, 0.04);
      min-height: 220px;
    }

    @media (max-width: 639px) {
      .categories-bento-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
      }
      .bento-card {
        padding: 14px 12px;
        border-radius: 18px;
        min-height: 160px;
        aspect-ratio: 4 / 3.4;
      }
      .bento-tag {
        font-size: 0.6rem !important;
        padding: 3px 8px !important;
      }
      .bento-action-arrow {
        display: none !important;
      }
      .bento-models {
        display: none !important;
      }
      .bento-title {
        font-size: 1.1rem !important;
      }
      .bento-count-pill {
        font-size: 0.62rem !important;
        padding: 3px 8px !important;
        margin-top: 4px !important;
        width: fit-content !important;
        white-space: nowrap !important;
      }
      .bento-disp-hide {
        display: none !important;
      }
    }

    .bento-card:hover {
      transform: translateY(-6px);
      border-color: rgba(229, 9, 20, 0.5);
      box-shadow: 0 24px 50px -10px rgba(229, 9, 20, 0.22);
    }

    .bento-img {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      transition: transform 0.65s cubic-bezier(0.16, 1, 0.3, 1), filter 0.35s ease;
      filter: brightness(0.9) saturate(1.1);
    }

    .bento-card:hover .bento-img {
      transform: scale(1.06);
      filter: brightness(1) saturate(1.15);
    }

    .bento-gradient-overlay {
      position: absolute;
      inset: 0;
      background: linear-gradient(180deg, rgba(8, 10, 15, 0.35) 0%, rgba(8, 10, 15, 0.1) 40%, rgba(8, 10, 15, 0.86) 82%, rgba(8, 10, 15, 0.96) 100%);
      z-index: 1;
      pointer-events: none;
      transition: opacity 0.3s ease;
    }

    .bento-content {
      position: relative;
      z-index: 2;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      pointer-events: none;
    }

    .bento-top-badge {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%;
    }

    .bento-tag {
      font-size: 0.68rem;
      font-weight: 800;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: #ffffff;
      background: rgba(0, 0, 0, 0.45);
      backdrop-filter: blur(8px);
      -webkit-backdrop-filter: blur(8px);
      padding: 5px 12px;
      border-radius: 999px;
      border: 1px solid rgba(255, 255, 255, 0.2);
    }

    .bento-action-arrow {
      width: 32px;
      height: 32px;
      border-radius: 50%;
      background: rgba(255, 255, 255, 0.12);
      backdrop-filter: blur(8px);
      -webkit-backdrop-filter: blur(8px);
      border: 1px solid rgba(255, 255, 255, 0.22);
      display: flex;
      align-items: center;
      justify-content: center;
      color: #ffffff;
      transition: transform 0.3s ease, background 0.3s ease, border-color 0.3s ease;
    }

    .bento-card:hover .bento-action-arrow {
      transform: translateX(4px);
      background: #e50914;
      border-color: #e50914;
    }

    .bento-bottom-info {
      display: flex;
      flex-direction: column;
      gap: 3px;
    }

    .bento-title {
      font-family: var(--font-heading);
      font-size: 1.65rem;
      font-weight: 900;
      text-transform: uppercase;
      letter-spacing: 0.03em;
      color: #ffffff;
      line-height: 1.1;
      margin: 0;
    }

    .bento-models {
      font-size: 0.82rem;
      color: rgba(255, 255, 255, 0.75);
      margin: 0;
      line-height: 1.35;
    }

    .bento-count-pill {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      font-size: 0.72rem;
      font-weight: 800;
      color: #ffffff;
      background: rgba(229, 9, 20, 0.25);
      border: 1px solid rgba(229, 9, 20, 0.5);
      padding: 3px 10px;
      border-radius: 999px;
      backdrop-filter: blur(6px);
      margin-top: 6px;
      width: fit-content;
      text-transform: uppercase;
      letter-spacing: 0.04em;
    }

    .bento-dot {
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: #ff3b47;
      box-shadow: 0 0 8px #ff3b47;
    }

    .categories-footer-note {
      text-align: center;
      margin-top: 28px;
    }

    .categories-footer-note p {
      font-size: 0.92rem;
      color: #555e6c;
    }

    .cat-custom-link {
      color: #e50914;
      font-weight: 700;
      text-decoration: underline;
      transition: color 0.2s;
    }

    .cat-custom-link:hover {
      color: #ff2a36;
    }

    /* SECTION 3: FINANCING & LIVE CALCULATOR (WHITE SHOWROOM FLAGSHIP) */
    #simulador {
      overflow: visible;
      max-width: 100%;
    }

    .financing-section-content {
      display: flex;
      flex-direction: column;
      gap: 36px;
      margin-top: 28px;
      width: 100%;
      box-sizing: border-box;
    }

    .benefits-grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: 20px;
    }

    @media (min-width: 768px) {
      .benefits-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 24px;
      }
    }

    .benefit-card {
      background: #ffffff;
      border: 1px solid rgba(24, 31, 43, 0.08);
      border-radius: 22px;
      padding: 32px 26px;
      transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
      display: flex;
      flex-direction: column;
      position: relative;
      box-shadow: 0 10px 30px rgba(15, 23, 42, 0.03);
    }

    .benefit-card:hover {
      transform: translateY(-4px);
      border-color: rgba(229, 9, 20, 0.28);
      box-shadow: 0 20px 40px -8px rgba(15, 23, 42, 0.08);
    }

    .benefit-head {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 20px;
    }

    .benefit-badge {
      display: inline-block;
      padding: 4px 10px;
      border-radius: 6px;
      background: rgba(229, 9, 20, 0.08);
      border: 1px solid rgba(229, 9, 20, 0.22);
      color: #e50914;
      font-family: var(--font-heading);
      font-size: 0.68rem;
      font-weight: 800;
      letter-spacing: 0.07em;
      text-transform: uppercase;
    }

    .benefit-icon-wrap {
      width: 48px;
      height: 48px;
      border-radius: 14px;
      background: rgba(229, 9, 20, 0.08);
      border: 1px solid rgba(229, 9, 20, 0.2);
      color: #e50914;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .benefit-title {
      font-family: var(--font-heading);
      font-size: 1.15rem;
      font-weight: 900;
      text-transform: uppercase;
      color: #111318;
      margin: 0 0 10px 0;
      line-height: 1.25;
    }

    .benefit-desc {
      font-size: 0.9rem;
      color: #555e6c;
      line-height: 1.6;
      margin: 0;
    }

    /* FLAGSHIP CALCULATOR BOX */
    .calculator-box {
      background: #ffffff;
      border: 1px solid rgba(24, 31, 43, 0.08);
      border-radius: 28px;
      padding: 44px 40px;
      display: grid;
      grid-template-columns: minmax(0, 1.25fr) minmax(320px, 1fr);
      gap: 36px;
      width: 100%;
      max-width: 100%;
      box-sizing: border-box;
      box-shadow: 0 24px 60px -12px rgba(15, 23, 42, 0.08);
      align-items: stretch;
    }

    @media (max-width: 900px) {
      .calculator-box {
        grid-template-columns: 1fr;
        padding: 24px 18px;
        border-radius: 20px;
        gap: 28px;
      }
    }

    .calc-controls {
      display: flex;
      flex-direction: column;
      gap: 22px;
      min-width: 0;
      max-width: 100%;
      width: 100%;
    }

    .calc-row {
      display: flex;
      flex-direction: column;
      gap: 8px;
      min-width: 0;
      max-width: 100%;
      width: 100%;
    }

    .calc-row-head {
      display: flex;
      justify-content: space-between;
      align-items: baseline;
    }

    .calc-label {
      font-family: var(--font-heading);
      font-size: 0.8rem;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: 0.06em;
      color: #4b5563;
    }

    .calc-display-val {
      font-family: var(--font-heading);
      font-size: 1.25rem;
      font-weight: 900;
      color: #111318;
      background: #f3f4f6;
      border: 1px solid rgba(24, 31, 43, 0.06);
      padding: 4px 12px;
      border-radius: 8px;
      letter-spacing: -0.01em;
    }

    .calc-slider-wrap {
      display: flex;
      flex-direction: column;
      gap: 4px;
      width: 100%;
    }

    .calc-range {
      -webkit-appearance: none;
      appearance: none;
      width: 100%;
      height: 8px;
      border-radius: 999px;
      background: #e5e7eb;
      outline: none;
      cursor: pointer;
      margin: 10px 0 4px 0;
      position: relative;
    }

    .calc-range::-webkit-slider-thumb {
      -webkit-appearance: none;
      appearance: none;
      width: 24px;
      height: 24px;
      border-radius: 50%;
      background: #e50914;
      border: 3px solid #ffffff;
      box-shadow: 0 3px 12px rgba(229, 9, 20, 0.45), 0 1px 3px rgba(0, 0, 0, 0.2);
      cursor: pointer;
      transition: transform 0.15s ease, box-shadow 0.15s ease;
    }

    .calc-range::-webkit-slider-thumb:hover {
      transform: scale(1.15);
      box-shadow: 0 4px 16px rgba(229, 9, 20, 0.65);
    }

    .calc-range::-webkit-slider-thumb:active {
      transform: scale(1.2);
      box-shadow: 0 0 0 6px rgba(229, 9, 20, 0.18);
    }

    .calc-range::-moz-range-thumb {
      width: 24px;
      height: 24px;
      border-radius: 50%;
      background: #e50914;
      border: 3px solid #ffffff;
      box-shadow: 0 3px 12px rgba(229, 9, 20, 0.45);
      cursor: pointer;
    }

    .calc-slider-bounds {
      display: flex;
      justify-content: space-between;
      font-size: 0.72rem;
      font-weight: 600;
      color: #9ca3af;
      padding: 0 2px;
    }

    .form-input {
      width: 100%;
      height: 48px;
      border-radius: 12px;
      background: #f9fafb;
      border: 1.5px solid #e5e7eb;
      color: #111318;
      font-size: 0.95rem;
      font-weight: 600;
      padding: 0 16px;
      outline: none;
      transition: border-color 0.2s, background 0.2s, box-shadow 0.2s;
      box-sizing: border-box;
    }

    .form-input:focus {
      border-color: #e50914;
      background: #ffffff;
      box-shadow: 0 0 0 3px rgba(229, 9, 20, 0.12);
    }

    .term-btn-row {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 10px;
    }

    .term-btn {
      height: 46px;
      border-radius: 12px;
      background: #f3f4f6;
      border: 1.5px solid transparent;
      font-family: var(--font-heading);
      font-size: 0.92rem;
      font-weight: 800;
      color: #4b5563;
      cursor: pointer;
      transition: all 0.2s;
    }

    .term-btn:hover {
      background: #e5e7eb;
      color: #111318;
    }

    .term-btn.active {
      background: #111318;
      color: #ffffff;
      border-color: #111318;
      box-shadow: 0 4px 14px rgba(17, 19, 24, 0.25);
    }

    .credit-select {
      width: 100%;
      height: 48px;
      border-radius: 12px;
      background: #f9fafb;
      border: 1.5px solid #e5e7eb;
      color: #111318;
      font-size: 0.92rem;
      font-weight: 600;
      padding: 0 16px;
      outline: none;
      cursor: pointer;
      transition: border-color 0.2s, background 0.2s, box-shadow 0.2s;
      box-sizing: border-box;
    }

    .credit-select:focus {
      border-color: #e50914;
      background: #ffffff;
      box-shadow: 0 0 0 3px rgba(229, 9, 20, 0.12);
    }

    /* RESULT CARD (EXECUTIVE OBSIDIAN CONTRAST) */
    .calc-result-card {
      background: linear-gradient(150deg, #151821 0%, #0d0e13 100%);
      border: 1px solid rgba(255, 255, 255, 0.08);
      border-radius: 22px;
      padding: 36px 30px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      gap: 24px;
      box-shadow: 0 20px 45px -10px rgba(0, 0, 0, 0.35), 0 0 35px rgba(229, 9, 20, 0.1);
      width: 100%;
      box-sizing: border-box;
    }

    @media (max-width: 639px) {
      .calc-result-card {
        padding: 28px 20px;
        border-radius: 18px;
      }
    }

    .calc-result-header {
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      gap: 6px;
    }

    .calc-est-lbl {
      font-family: var(--font-heading);
      font-size: 0.76rem;
      font-weight: 800;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: #ff4d58;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: rgba(229, 9, 20, 0.15);
      border: 1px solid rgba(229, 9, 20, 0.3);
      padding: 4px 14px;
      border-radius: 999px;
    }

    .calc-live-dot {
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: #ff3b47;
      box-shadow: 0 0 8px #ff3b47;
      display: inline-block;
    }

    .calc-payment-wrap {
      display: flex;
      align-items: baseline;
      justify-content: center;
      gap: 6px;
      margin: 12px 0 4px 0;
    }

    .calc-payment-amount {
      font-family: var(--font-heading);
      font-size: 3.4rem;
      font-weight: 900;
      color: #ffffff;
      line-height: 1;
      letter-spacing: -0.02em;
    }

    @media (max-width: 639px) {
      .calc-payment-amount {
        font-size: 2.7rem;
      }
    }

    .calc-payment-period {
      font-family: var(--font-heading);
      font-size: 1.1rem;
      font-weight: 700;
      color: rgba(255, 255, 255, 0.6);
    }

    .calc-payment-sub {
      font-size: 0.78rem;
      color: #9ca3af;
      line-height: 1.4;
      max-width: 280px;
      text-align: center;
    }

    .calc-summary-stats {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 16px;
      padding: 18px 0;
      border-top: 1px solid rgba(255, 255, 255, 0.1);
      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .calc-stat-item {
      display: flex;
      flex-direction: column;
      gap: 2px;
    }

    .calc-stat-lbl {
      font-size: 0.72rem;
      font-weight: 600;
      text-transform: uppercase;
      color: #9ca3af;
      letter-spacing: 0.05em;
      margin: 0;
    }

    .calc-stat-val {
      font-family: var(--font-heading);
      font-size: 1.05rem;
      font-weight: 800;
      color: #ffffff;
      margin: 0;
    }

    .calc-action-wrap {
      display: flex;
      flex-direction: column;
      gap: 10px;
      width: 100%;
    }

    .btn-calc-apply {
      width: 100%;
      height: 52px;
      background: linear-gradient(135deg, #e50914 0%, #b80710 100%);
      color: #ffffff;
      border-radius: 14px;
      font-family: var(--font-heading);
      font-size: 0.92rem;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: 0.05em;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      border: none;
      cursor: pointer;
      transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
      box-shadow: 0 8px 24px rgba(229, 9, 20, 0.45);
    }

    .btn-calc-apply:hover {
      transform: translateY(-2px);
      box-shadow: 0 12px 30px rgba(229, 9, 20, 0.65);
      background: linear-gradient(135deg, #ff1e2b 0%, #dc2626 100%);
    }

    .calc-disclaimer-note {
      font-size: 0.74rem;
      color: #9ca3af;
      text-align: center;
      margin: 0;
    }

    /* SECTION 4: GOOGLE REVIEWS (VERIFIED SOCIAL PROOF) */
    .reviews-badge-bar {
      display: inline-flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 16px;
      background: #ffffff;
      border: 1px solid rgba(24, 31, 43, 0.08);
      border-radius: 999px;
      padding: 10px 24px;
      box-shadow: 0 10px 30px rgba(15, 23, 42, 0.04);
      margin-bottom: 32px;
    }

    @media (max-width: 639px) {
      .reviews-badge-bar {
        border-radius: 20px;
        padding: 12px 16px;
        justify-content: center;
        gap: 12px;
        width: 100%;
        box-sizing: border-box;
      }
    }

    .google-badge-left {
      display: flex;
      align-items: center;
      gap: 10px;
      flex-wrap: wrap;
    }

    .google-g-svg {
      width: 22px;
      height: 22px;
      flex-shrink: 0;
    }

    .google-score-num {
      font-family: var(--font-heading);
      font-size: 1.3rem;
      font-weight: 900;
      color: #111318;
      line-height: 1;
    }

    .google-stars-display {
      color: #f59e0b;
      font-size: 1.05rem;
      letter-spacing: 2px;
      line-height: 1;
    }

    .google-count-text {
      font-size: 0.82rem;
      font-weight: 600;
      color: #64748b;
    }

    .btn-google-rate {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      padding: 7px 16px;
      border-radius: 999px;
      background: #f8f9fa;
      border: 1px solid rgba(24, 31, 43, 0.12);
      color: #111318;
      font-family: var(--font-heading);
      font-size: 0.74rem;
      font-weight: 800;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      text-decoration: none;
      transition: all 0.2s ease;
      cursor: pointer;
    }

    .btn-google-rate:hover {
      background: #111318;
      color: #ffffff;
      border-color: #111318;
      transform: translateY(-2px);
      box-shadow: 0 4px 14px rgba(17, 19, 24, 0.2);
    }

    .reviews-showcase-grid {
      max-width: 1360px;
      margin: 0 auto;
      padding: 0 clamp(16px, 3vw, 28px);
      display: grid;
      grid-template-columns: 1fr;
      gap: 20px;
    }

    @media (min-width: 640px) {
      .reviews-showcase-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
      }
    }

    @media (min-width: 1024px) {
      .reviews-showcase-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 24px;
      }
    }

    .review-card {
      background: #ffffff;
      border: 1px solid rgba(24, 31, 43, 0.08);
      border-radius: 22px;
      padding: 28px 24px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      gap: 14px;
      box-shadow: 0 10px 30px rgba(15, 23, 42, 0.03);
      transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s ease, border-color 0.3s ease;
    }

    .review-card:hover {
      transform: translateY(-5px);
      border-color: rgba(229, 9, 20, 0.3);
      box-shadow: 0 20px 45px -10px rgba(15, 23, 42, 0.08);
    }

    .review-top-row {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      gap: 12px;
    }

    .reviewer-meta {
      display: flex;
      align-items: center;
      gap: 12px;
    }

    .reviewer-avatar {
      width: 44px;
      height: 44px;
      border-radius: 50%;
      color: #ffffff;
      font-family: var(--font-heading);
      font-size: 0.88rem;
      font-weight: 850;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
    }

    .reviewer-titles {
      display: flex;
      flex-direction: column;
      gap: 2px;
    }

    .reviewer-name {
      font-family: var(--font-heading);
      font-size: 0.98rem;
      font-weight: 850;
      color: #111318;
      line-height: 1.2;
    }

    .reviewer-loc {
      font-size: 0.76rem;
      font-weight: 600;
      color: #64748b;
      line-height: 1.3;
    }

    .verified-purchase-badge {
      display: inline-flex;
      align-items: center;
      gap: 5px;
      font-size: 0.7rem;
      font-weight: 800;
      color: #16a34a;
      background: rgba(34, 197, 94, 0.1);
      border: 1px solid rgba(34, 197, 94, 0.28);
      padding: 3px 9px;
      border-radius: 999px;
      white-space: nowrap;
    }

    .verified-dot {
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: #22c55e;
      box-shadow: 0 0 6px #22c55e;
    }

    .review-stars-row {
      color: #f59e0b;
      font-size: 0.95rem;
      letter-spacing: 2px;
      line-height: 1;
    }

    .review-quote-text {
      font-size: 0.9rem;
      color: #374151;
      line-height: 1.65;
      margin: 0;
      font-style: italic;
    }

    .review-date-foot {
      font-size: 0.74rem;
      font-weight: 600;
      color: #9ca3af;
      margin-top: auto;
      padding-top: 10px;
      border-top: 1px solid rgba(24, 31, 43, 0.05);
    }

    /* SECTION 5: CONTACT & SHOWROOM (DUAL COLUMN LUXURY) */
    .contact-container {
      display: grid;
      grid-template-columns: 1fr;
      gap: 32px;
      max-width: 1360px;
      margin: 0 auto;
      padding: 0 clamp(16px, 3vw, 28px);
      align-items: stretch;
    }

    @media (min-width: 1024px) {
      .contact-container {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
        gap: 36px;
      }
    }

    .contact-info-col {
      display: flex;
      flex-direction: column;
      gap: 20px;
    }

    .contact-card-box {
      background: #ffffff;
      border: 1px solid rgba(24, 31, 43, 0.08);
      border-radius: 22px;
      padding: 32px 28px;
      box-shadow: 0 10px 30px rgba(15, 23, 42, 0.03);
      display: flex;
      flex-direction: column;
      gap: 14px;
      transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
    }

    .contact-card-box:hover {
      transform: translateY(-3px);
      border-color: rgba(229, 9, 20, 0.25);
      box-shadow: 0 18px 40px -8px rgba(15, 23, 42, 0.07);
    }

    .contact-card-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 8px;
      flex-wrap: wrap;
    }

    .contact-card-icon {
      width: 46px;
      height: 46px;
      border-radius: 12px;
      background: rgba(229, 9, 20, 0.08);
      border: 1px solid rgba(229, 9, 20, 0.2);
      color: #e50914;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .contact-card-badge {
      font-family: var(--font-heading);
      font-size: 0.68rem;
      font-weight: 850;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: #e50914;
      background: rgba(229, 9, 20, 0.08);
      border: 1px solid rgba(229, 9, 20, 0.22);
      padding: 4px 10px;
      border-radius: 6px;
    }

    .contact-card-title {
      font-family: var(--font-heading);
      font-size: 1.25rem;
      font-weight: 900;
      color: #111318;
      line-height: 1.25;
      margin: 0;
    }

    .contact-card-desc {
      font-size: 0.9rem;
      color: #555e6c;
      line-height: 1.6;
      margin: 0;
    }

    .contact-hours-box {
      background: #f8f9fa;
      border: 1px solid rgba(24, 31, 43, 0.06);
      border-radius: 12px;
      padding: 12px 16px;
      display: flex;
      flex-direction: column;
      gap: 6px;
    }

    .hours-row {
      display: flex;
      justify-content: space-between;
      font-size: 0.84rem;
    }

    .hours-day {
      font-weight: 600;
      color: #475569;
    }

    .hours-time {
      font-family: var(--font-heading);
      font-weight: 850;
      color: #111318;
    }

    .contact-perks-list {
      display: flex;
      flex-direction: column;
      gap: 4px;
      font-size: 0.82rem;
      font-weight: 650;
      color: #16a34a;
    }

    .contact-gps-links {
      display: flex;
      gap: 10px;
      margin-top: 4px;
    }

    .contact-gps-btn {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      padding: 8px 16px;
      border-radius: 10px;
      background: #f1f5f9;
      border: 1px solid rgba(24, 31, 43, 0.08);
      color: #1e293b;
      font-family: var(--font-heading);
      font-size: 0.78rem;
      font-weight: 800;
      text-decoration: none;
      transition: all 0.2s;
    }

    .contact-gps-btn:hover {
      background: #e2e8f0;
      color: #0f172a;
    }

    .contact-trust-pill {
      display: flex;
      align-items: center;
      gap: 8px;
      font-size: 0.8rem;
      font-weight: 700;
      color: #059669;
      background: rgba(16, 185, 129, 0.08);
      border: 1px solid rgba(16, 185, 129, 0.22);
      padding: 8px 14px;
      border-radius: 10px;
    }

    .contact-cta-row {
      display: flex;
      gap: 12px;
      margin-top: 4px;
    }

    @media (max-width: 639px) {
      .contact-cta-row {
        flex-direction: column;
      }
    }

    .btn-contact-wa {
      height: 50px;
      background: #25d366;
      color: #ffffff;
      border-radius: 12px;
      font-family: var(--font-heading);
      font-size: 0.92rem;
      font-weight: 850;
      text-transform: uppercase;
      letter-spacing: 0.04em;
      padding: 0 24px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      cursor: pointer;
      transition: all 0.2s;
      text-decoration: none;
      box-shadow: 0 6px 20px rgba(37, 211, 102, 0.35);
      flex: 1;
    }

    .btn-contact-wa:hover {
      background: #20bd5a;
      transform: translateY(-2px);
      box-shadow: 0 8px 25px rgba(37, 211, 102, 0.5);
    }

    .btn-contact-phone {
      height: 50px;
      background: #ffffff;
      border: 1.5px solid rgba(24, 31, 43, 0.12);
      color: #111318;
      border-radius: 12px;
      font-family: var(--font-heading);
      font-size: 0.92rem;
      font-weight: 850;
      padding: 0 22px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      transition: all 0.2s;
      text-decoration: none;
      box-shadow: 0 4px 14px rgba(15, 23, 42, 0.04);
      flex: 1;
    }

    .btn-contact-phone:hover {
      background: #f8f9fa;
      border-color: #111318;
      transform: translateY(-2px);
      box-shadow: 0 6px 18px rgba(15, 23, 42, 0.08);
    }

    /* EXECUTIVE LEAD FORM BOX */
    .lead-form-box {
      background: #ffffff;
      border: 1px solid rgba(24, 31, 43, 0.08);
      border-radius: 24px;
      padding: 36px 32px;
      box-shadow: 0 16px 45px rgba(15, 23, 42, 0.04);
      display: flex;
      flex-direction: column;
      gap: 20px;
    }

    @media (max-width: 639px) {
      .lead-form-box {
        padding: 24px 18px;
        border-radius: 20px;
      }
    }

    .lead-badge-kicker {
      font-family: var(--font-heading);
      font-size: 0.68rem;
      font-weight: 850;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: #e50914;
      background: rgba(229, 9, 20, 0.08);
      border: 1px solid rgba(229, 9, 20, 0.2);
      padding: 3px 9px;
      border-radius: 6px;
      display: inline-block;
      width: fit-content;
      margin-bottom: 8px;
    }

    .lead-form-title {
      font-family: var(--font-heading);
      font-size: 1.35rem;
      font-weight: 900;
      text-transform: uppercase;
      color: #111318;
      margin: 0 0 6px 0;
      line-height: 1.2;
    }

    .lead-form-desc {
      font-size: 0.88rem;
      color: #555e6c;
      margin: 0;
      line-height: 1.5;
    }

    .lead-chips-group {
      display: flex;
      flex-direction: column;
      gap: 8px;
    }

    .lead-chips-lbl {
      font-size: 0.78rem;
      font-weight: 750;
      text-transform: uppercase;
      letter-spacing: 0.04em;
      color: #64748b;
    }

    .lead-chips-row {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
    }

    .lead-chip {
      padding: 7px 14px;
      border-radius: 999px;
      background: #f1f5f9;
      border: 1px solid rgba(24, 31, 43, 0.08);
      color: #334155;
      font-size: 0.78rem;
      font-weight: 750;
      cursor: pointer;
      transition: all 0.2s;
    }

    .lead-chip:hover {
      background: #e2e8f0;
      color: #0f172a;
    }

    .lead-chip.active {
      background: #111318;
      color: #ffffff;
      border-color: #111318;
      box-shadow: 0 4px 12px rgba(17, 19, 24, 0.25);
    }

    .lead-form-inner {
      display: flex;
      flex-direction: column;
      gap: 14px;
    }

    .form-field-group {
      display: flex;
      flex-direction: column;
      gap: 6px;
    }

    .form-label {
      font-size: 0.8rem;
      font-weight: 750;
      color: #374151;
      text-transform: uppercase;
      letter-spacing: 0.04em;
    }

    .form-textarea {
      width: 100%;
      height: 95px;
      background: #f8f9fa;
      border: 1.5px solid #e5e7eb;
      border-radius: 12px;
      padding: 12px 16px;
      color: #111318;
      font-family: var(--font-body);
      font-size: 0.92rem;
      outline: none;
      resize: vertical;
      transition: border-color 0.2s, background 0.2s, box-shadow 0.2s;
      box-sizing: border-box;
    }

    .form-textarea:focus {
      border-color: #e50914;
      background: #ffffff;
      box-shadow: 0 0 0 3px rgba(229, 9, 20, 0.12);
    }

    .btn-form-submit {
      width: 100%;
      height: 52px;
      background: linear-gradient(135deg, #e50914 0%, #b80710 100%);
      color: #ffffff;
      border-radius: 12px;
      font-family: var(--font-heading);
      font-size: 0.92rem;
      font-weight: 850;
      text-transform: uppercase;
      letter-spacing: 0.05em;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      border: none;
      cursor: pointer;
      transition: all 0.2s;
      box-shadow: 0 6px 20px rgba(229, 9, 20, 0.4);
      margin-top: 4px;
    }

    .btn-form-submit:hover {
      transform: translateY(-2px);
      box-shadow: 0 10px 25px rgba(229, 9, 20, 0.6);
      background: linear-gradient(135deg, #ff1e2b 0%, #dc2626 100%);
    }

    .lead-privacy-note {
      font-size: 0.74rem;
      color: #94a3b8;
      text-align: center;
      margin: 4px 0 0 0;
    }

    /* SHOWROOM MAP SECTION */
    .showroom-map-section {
      max-width: 1360px;
      margin: 36px auto 0;
      padding: 0 clamp(16px, 3vw, 28px);
    }

    .showroom-map-header {
      background: #ffffff;
      border: 1px solid rgba(24, 31, 43, 0.08);
      border-bottom: none;
      border-top-left-radius: 20px;
      border-top-right-radius: 20px;
      padding: 16px 24px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
      gap: 12px;
    }

    .showroom-map-kicker {
      font-size: 0.7rem;
      font-weight: 800;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: #e50914;
      display: block;
    }

    .showroom-map-title {
      font-family: var(--font-heading);
      font-size: 1.05rem;
      font-weight: 900;
      color: #111318;
      margin: 2px 0 0 0;
    }

    .showroom-map-open-btn {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      padding: 7px 14px;
      border-radius: 8px;
      background: #f8f9fa;
      border: 1px solid rgba(24, 31, 43, 0.1);
      color: #111318;
      font-family: var(--font-heading);
      font-size: 0.78rem;
      font-weight: 800;
      text-decoration: none;
      transition: all 0.2s;
    }

    .showroom-map-open-btn:hover {
      background: #111318;
      color: #ffffff;
      border-color: #111318;
    }

    .arion-map {
      border: 1px solid rgba(24, 31, 43, 0.1);
      border-bottom-left-radius: 20px;
      border-bottom-right-radius: 20px;
      overflow: hidden;
      min-height: 340px;
      box-shadow: 0 10px 30px rgba(15, 23, 42, 0.04);
    }

    .arion-map iframe {
      display: block;
      width: 100%;
      min-height: 340px;
      border: 0;
    }

    /* FOOTER */
    .site-footer {
      border-top: 1px solid var(--border-subtle);
      background: #060608;
      padding: 70px 24px 30px;
    }

    .footer-container {
      max-width: 1320px;
      margin: 0 auto;
      display: grid;
      grid-template-columns: 1fr;
      gap: 40px;
    }

    @media (min-width: 768px) {
      .footer-container {
        grid-template-columns: 1.5fr 1fr 1fr;
      }
    }

    .footer-brand {
      display: flex;
      flex-direction: column;
      gap: 16px;
    }

    .footer-text {
      font-size: 0.85rem;
      color: var(--text-muted);
      line-height: 1.6;
      max-width: 380px;
    }

    .footer-col-title {
      font-family: var(--font-heading);
      font-size: 0.85rem;
      font-weight: 800;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: #ffffff;
      margin-bottom: 16px;
    }

    .footer-links-list {
      list-style: none;
      display: flex;
      flex-direction: column;
      gap: 10px;
    }

    .footer-link-item {
      font-size: 0.85rem;
      color: var(--text-muted);
      transition: color 0.2s;
    }

    .footer-link-item:hover {
      color: var(--brand-red);
    }

    .footer-bottom-bar {
      max-width: 1320px;
      margin: 50px auto 0;
      padding-top: 24px;
      border-top: 1px solid rgba(255, 255, 255, 0.05);
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      font-size: 0.78rem;
      color: var(--text-dim);
    }

    @media (min-width: 768px) {
      .footer-bottom-bar {
        flex-direction: row;
      }
    }

    /* FLOATING CONTACT HUB (IMESSAGE / TEXT + WHATSAPP) */
    .floating-contact-hub {
      position: fixed;
      bottom: 26px;
      right: 26px;
      z-index: 99;
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      gap: 12px;
    }

    .floating-btn {
      position: relative;
      width: 52px;
      height: 52px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      text-decoration: none;
      transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    }

    .btn-sms-floating {
      background: linear-gradient(135deg, #007aff 0%, #0056b3 100%);
      color: #ffffff;
      box-shadow: 0 8px 24px rgba(0, 122, 255, 0.45);
    }

    .btn-sms-floating:hover {
      transform: scale(1.1);
      box-shadow: 0 12px 30px rgba(0, 122, 255, 0.7);
    }

    .btn-wa-floating {
      background: var(--wa-green);
      color: #ffffff;
      box-shadow: 0 8px 24px rgba(37, 211, 102, 0.45);
    }

    .btn-wa-floating:hover {
      transform: scale(1.1);
      box-shadow: 0 12px 30px rgba(37, 211, 102, 0.7);
    }

    .floating-tooltip {
      position: absolute;
      right: 64px;
      background: #111215;
      color: #ffffff;
      padding: 6px 12px;
      border-radius: 6px;
      font-family: var(--font-heading);
      font-size: 0.75rem;
      font-weight: 800;
      letter-spacing: 0.04em;
      white-space: nowrap;
      border: 1px solid var(--border-medium);
      opacity: 0;
      pointer-events: none;
      transform: translateX(8px);
      transition: all 0.2s ease;
      box-shadow: 0 4px 14px rgba(0, 0, 0, 0.6);
    }

    .floating-btn:hover .floating-tooltip {
      opacity: 1;
      transform: translateX(0);
    }

    .wa-unread-badge {
      position: absolute;
      top: -2px;
      right: -2px;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      background: var(--brand-red);
      color: #ffffff;
      font-family: var(--font-heading);
      font-size: 0.65rem;
      font-weight: 800;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 2px solid #09090b;
    }

    @media (max-width: 640px) {
      .floating-contact-hub {
        bottom: 18px;
        right: 18px;
        gap: 10px;
      }
      .floating-btn {
        width: 48px;
        height: 48px;
      }
      .floating-tooltip {
        display: none;
      }
    }

    /* MODAL FINANCING & VEHICLE OVERLAY (LENIS PREVENTED) */
    .modal-overlay {
      position: fixed;
      inset: 0;
      z-index: 99999;
      background: rgba(0, 0, 0, 0.88);
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 24px 16px;
      overflow-y: auto;
      overscroll-behavior: contain;
      -webkit-overflow-scrolling: touch;
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transition: opacity 0.25s ease, visibility 0.25s ease;
    }

    .modal-overlay.open {
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
    }

    body.modal-open .floating-contact-hub {
      opacity: 0;
      pointer-events: none;
    }

    .modal-card {
      width: 100%;
      max-width: 600px;
      max-height: 90vh;
      overflow-y: auto;
      overscroll-behavior: contain;
      -webkit-overflow-scrolling: touch;
      background: #111215;
      border: 1px solid var(--border-medium);
      border-radius: 20px;
      box-shadow: 0 25px 60px rgba(0, 0, 0, 0.9);
      position: relative;
    }

    .modal-header {
      padding: 22px 26px;
      border-bottom: 1px solid var(--border-subtle);
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    .modal-close-btn {
      width: 38px;
      height: 38px;
      border-radius: 10px;
      background: rgba(255, 255, 255, 0.06);
      border: 1px solid rgba(255, 255, 255, 0.1);
      color: #94a3b8;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      transition: all 0.2s ease;
      flex-shrink: 0;
    }

    .modal-close-btn:hover {
      color: #ffffff;
      background: #e50914;
      border-color: #e50914;
      transform: scale(1.05);
    }

    /* VEHICLE DETAIL MODAL (LUXURY AUTO SHOWROOM) */
    .vehicle-modal-card {
      width: 100%;
      max-width: 1040px;
      max-height: 88vh;
      overflow: hidden;
      background: radial-gradient(circle at 50% 0%, #151824 0%, #090a0e 100%);
      border: 1px solid rgba(255, 255, 255, 0.12);
      border-radius: 24px;
      box-shadow: 0 35px 90px -10px rgba(0, 0, 0, 0.95), 0 0 50px rgba(229, 9, 20, 0.08);
      position: relative;
      display: flex;
      flex-direction: column;
      margin: auto;
      animation: modalPopIn 0.28s cubic-bezier(0.16, 1, 0.3, 1);
    }

    @keyframes modalPopIn {
      from {
        opacity: 0;
        transform: scale(0.96) translateY(14px);
      }
      to {
        opacity: 1;
        transform: scale(1) translateY(0);
      }
    }

    .vehicle-modal-header {
      padding: 12px 22px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.08);
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      background: #090a0e; /* 100% SOLID OPAQUE */
      position: sticky;
      top: 0;
      z-index: 50;
      flex-shrink: 0;
    }

    .vmodal-header-meta {
      display: flex;
      flex-direction: column;
      gap: 6px;
      flex: 1;
      min-width: 0;
    }

    .vmodal-header-topline {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      flex-wrap: wrap;
    }

    .vmodal-eyebrow-tag {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      font-size: 0.68rem;
      font-weight: 800;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: #94a3b8;
    }

    .vmodal-eyebrow-mobile {
      display: none;
    }

    .vmodal-pulse-dot {
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: #e50914;
      box-shadow: 0 0 8px #e50914;
      animation: pulseGlow 2s infinite ease-in-out;
    }

    @keyframes pulseGlow {
      0%, 100% { opacity: 1; transform: scale(1); }
      50% { opacity: 0.4; transform: scale(0.85); }
    }

    .vmodal-title-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 14px;
      flex-wrap: wrap;
    }

    .vmodal-title {
      font-family: var(--font-heading);
      font-size: 1.45rem;
      font-weight: 900;
      color: #ffffff;
      text-transform: uppercase;
      letter-spacing: -0.01em;
      line-height: 1.15;
      margin: 0;
    }

    .vmodal-header-badges {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      flex-wrap: wrap;
    }

    .vmodal-badge {
      display: inline-flex;
      align-items: center;
      gap: 5px;
      font-size: 0.68rem;
      font-weight: 800;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      padding: 3px 8px;
      border-radius: 6px;
      line-height: 1;
    }

    .vmodal-stock-badge {
      font-family: monospace, monospace;
      font-size: 0.72rem;
      font-weight: 700;
      letter-spacing: 0.06em;
      padding: 3px 8px;
      border-radius: 6px;
      background: rgba(255, 255, 255, 0.05);
      color: #94a3b8;
      border: 1px solid rgba(255, 255, 255, 0.08);
    }

    
    .vmodal-badge {
      display: inline-flex;
      align-items: center;
      gap: 5px;
      font-size: 0.66rem;
      font-weight: 700;
      letter-spacing: 0.05em;
      text-transform: uppercase;
      padding: 4px 9px;
      border-radius: 6px;
      background: rgba(255, 255, 255, 0.04);
      border: 1px solid rgba(255, 255, 255, 0.1);
      color: #e2e8f0;
      line-height: 1;
    }
    .vmodal-badge svg {
      color: #e50914;
    }


    .vehicle-modal-body {
      padding: 16px 22px 20px;
      display: grid;
      grid-template-columns: 1fr;
      gap: 16px;
      flex: 1;
      overflow-y: auto;
      overscroll-behavior: contain;
      -webkit-overflow-scrolling: touch;
      min-height: 0;
    }

    @media (min-width: 880px) {
      .vehicle-modal-body {
        grid-template-columns: 1.05fr 1fr;
        gap: 22px;
        align-items: start;
      }
    }

    /* LEFT: GALLERY & GUARANTEES */
    .vmodal-gallery-col {
      display: flex;
      flex-direction: column;
      gap: 14px;
    }

    .vmodal-main-img-wrap {
      position: relative;
      aspect-ratio: 16 / 9;
      border-radius: 16px;
      overflow: hidden;
      background: #040507;
      border: 1px solid rgba(255, 255, 255, 0.1);
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
    }

    .vmodal-main-img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      transition: opacity 0.25s ease;
    }

    .vmodal-floating-discount {
      position: absolute;
      top: 12px;
      left: 12px;
      background: linear-gradient(135deg, rgba(229, 9, 20, 0.95), rgba(184, 7, 16, 0.95));
      backdrop-filter: blur(8px);
      -webkit-backdrop-filter: blur(8px);
      box-shadow: 0 4px 14px rgba(229, 9, 20, 0.45);
      border: 1px solid rgba(255, 255, 255, 0.25);
      font-size: 0.74rem;
      font-weight: 800;
      letter-spacing: 0.05em;
      text-transform: uppercase;
      color: #ffffff;
      padding: 5px 12px;
      border-radius: 9999px;
      z-index: 4;
    }

    .vmodal-nav-arrow {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 40px;
      height: 40px;
      border-radius: 50%;
      background: rgba(9, 10, 14, 0.75);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
      border: 1px solid rgba(255, 255, 255, 0.18);
      color: #ffffff;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      transition: all 0.2s ease;
      z-index: 5;
      user-select: none;
    }

    .vmodal-nav-arrow:hover {
      background: #e50914;
      border-color: #e50914;
      transform: translateY(-50%) scale(1.08);
      box-shadow: 0 0 16px rgba(229, 9, 20, 0.6);
    }

    .vmodal-nav-prev { left: 10px; }
    .vmodal-nav-next { right: 10px; }

    .vmodal-photo-counter {
      position: absolute;
      bottom: 12px;
      right: 12px;
      display: inline-flex;
      align-items: center;
      gap: 6px;
      padding: 4px 12px;
      border-radius: 20px;
      background: rgba(9, 10, 14, 0.82);
      backdrop-filter: blur(8px);
      -webkit-backdrop-filter: blur(8px);
      font-size: 0.72rem;
      font-weight: 700;
      color: #ffffff;
      border: 1px solid rgba(255, 255, 255, 0.16);
      z-index: 5;
    }

    .vmodal-thumbs-row {
      display: flex;
      gap: 10px;
      overflow-x: auto;
      padding-bottom: 2px;
    }

    .vmodal-thumb {
      width: 88px;
      height: 58px;
      border-radius: 10px;
      object-fit: cover;
      border: 2px solid rgba(255, 255, 255, 0.1);
      cursor: pointer;
      opacity: 0.6;
      transition: all 0.2s ease;
      flex-shrink: 0;
      background: #000;
    }

    .vmodal-thumb:hover {
      opacity: 0.95;
      border-color: rgba(255, 255, 255, 0.4);
      transform: translateY(-1px);
    }

    .vmodal-thumb.active {
      opacity: 1;
      border-color: #e50914;
      box-shadow: 0 0 16px rgba(229, 9, 20, 0.5);
    }

    /* TRUST BAR (HORIZONTAL UNDER PHOTO) */
    .vmodal-trust-bar {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 6px;
      background: rgba(255, 255, 255, 0.02);
      border: 1px solid rgba(255, 255, 255, 0.06);
      border-radius: 12px;
      padding: 7px 10px;
    }

    .vmodal-trust-item {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      min-width: 0;
      flex: 1;
      justify-content: center;
    }

    .vmodal-trust-icon {
      width: 22px;
      height: 22px;
      border-radius: 6px;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }

    .trust-carfax {
      background: rgba(34, 197, 94, 0.12);
      color: #22c55e;
      border: 1px solid rgba(34, 197, 94, 0.25);
    }

    .trust-inspect {
      background: rgba(234, 179, 8, 0.12);
      color: #eab308;
      border: 1px solid rgba(234, 179, 8, 0.25);
    }

    .trust-delivery {
      background: rgba(56, 189, 248, 0.12);
      color: #38bdf8;
      border: 1px solid rgba(56, 189, 248, 0.25);
    }

    .vmodal-trust-text {
      display: flex;
      flex-direction: column;
      min-width: 0;
    }

    .vmodal-trust-heading {
      font-size: 0.68rem;
      font-weight: 700;
      color: #ffffff;
      line-height: 1.15;
      white-space: nowrap;
    }

    .vmodal-trust-caption {
      font-size: 0.58rem;
      color: #94a3b8;
      line-height: 1.15;
      white-space: nowrap;
      margin-top: 1px;
    }

    /* RIGHT COLUMN: PRICING, SPECS, ACTIONS */
    .vmodal-info-col {
      display: flex;
      flex-direction: column;
      gap: 14px;
    }

    /* MONRONEY TWO-PILLAR PRICING HERO */
    .vmodal-pricing-card {
      background: rgba(255, 255, 255, 0.025);
      border: 1px solid rgba(255, 255, 255, 0.08);
      border-radius: 14px;
      padding: 16px 20px;
    }

    .vmodal-pricing-grid {
      display: grid;
      grid-template-columns: 1fr auto 1.15fr;
      align-items: center;
      gap: 16px;
    }

    .vmodal-pricing-divider {
      width: 1px;
      height: 48px;
      background: rgba(255, 255, 255, 0.08);
    }

    .vmodal-price-pillar {
      display: flex;
      flex-direction: column;
      gap: 4px;
    }

    .vmodal-price-k {
      font-size: 0.64rem;
      font-weight: 700;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: #94a3b8;
    }

    .vmodal-price-cash {
      font-family: var(--font-heading);
      font-size: 2rem;
      font-weight: 900;
      color: #ffffff;
      line-height: 1;
      letter-spacing: -0.02em;
    }

    .vmodal-price-note {
      font-size: 0.66rem;
      color: #94a3b8;
    }

    .vmodal-fin-k {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      font-size: 0.64rem;
      font-weight: 700;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: #94a3b8;
    }

    .vmodal-fin-pulse-dot {
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: #e50914;
      box-shadow: 0 0 6px #e50914;
    }

    .vmodal-fin-val-row {
      display: flex;
      align-items: baseline;
      gap: 4px;
    }

    .vmodal-fin-val {
      font-family: var(--font-heading);
      font-size: 1.65rem;
      font-weight: 900;
      color: #ffffff;
      line-height: 1;
      letter-spacing: -0.01em;
    }

    .vmodal-fin-val small {
      font-size: 0.74rem;
      font-weight: 600;
      color: #94a3b8;
      margin-left: 2px;
    }

    .vmodal-fin-sub {
      font-size: 0.66rem;
      color: #94a3b8;
      line-height: 1.25;
    }

    /* SECTION DIVIDERS */
    .vmodal-section-divider {
      display: flex;
      align-items: center;
      justify-content: space-between;
      border-bottom: 1px solid rgba(255, 255, 255, 0.08);
      padding-bottom: 6px;
      margin-top: 4px;
    }

    .vmodal-sec-title {
      font-family: var(--font-heading);
      font-size: 0.74rem;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: 0.08em;
      color: #ffffff;
    }

    .vmodal-sec-badge {
      font-size: 0.62rem;
      font-weight: 600;
      color: #94a3b8;
      text-transform: uppercase;
      letter-spacing: 0.04em;
    }

    /* 4-METRIC COCKPIT ROW */
    .vmodal-cockpit-metrics {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 8px;
      margin-bottom: 10px;
    }

    .vmodal-metric-card {
      background: rgba(255, 255, 255, 0.03);
      border: 1px solid rgba(255, 255, 255, 0.08);
      border-radius: 10px;
      padding: 10px 12px;
      text-align: center;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 3px;
    }

    .vmodal-metric-label {
      font-size: 0.58rem;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: #94a3b8;
    }

    .vmodal-metric-val {
      font-family: var(--font-heading);
      font-size: 0.88rem;
      font-weight: 850;
      color: #ffffff;
      letter-spacing: -0.01em;
      white-space: normal;
      line-height: 1.2;
    }

    /* EDITORIAL DOSSIER (2-COLUMN CLEAN LIST) */
    .vmodal-dossier-list {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 6px 14px;
      background: rgba(255, 255, 255, 0.015);
      border: 1px solid rgba(255, 255, 255, 0.06);
      border-radius: 10px;
      padding: 12px 16px;
      margin-bottom: 12px;
    }

    .vmodal-dossier-row {
      display: flex;
      align-items: baseline;
      justify-content: space-between;
      gap: 8px;
      padding: 4px 0;
      border-bottom: 1px solid rgba(255, 255, 255, 0.03);
    }

    .vmodal-dossier-label {
      font-size: 0.65rem;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.06em;
      color: #94a3b8;
      white-space: nowrap;
    }

    .vmodal-dossier-val {
      font-size: 0.76rem;
      font-weight: 700;
      color: #f1f5f9;
      text-align: right;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    /* EDITORIAL CATEGORIZED EQUIPMENT */
    .vmodal-features-categorized {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 12px;
    }

    .vmodal-feat-category {
      background: rgba(255, 255, 255, 0.02);
      border: 1px solid rgba(255, 255, 255, 0.06);
      border-radius: 10px;
      padding: 12px 14px;
    }

    .vmodal-feat-cat-title {
      font-size: 0.64rem;
      font-weight: 800;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: #cbd5e1;
      margin-bottom: 8px;
      display: flex;
      align-items: center;
      gap: 6px;
    }

    .vmodal-feat-cat-title span.dot {
      width: 5px;
      height: 5px;
      border-radius: 50%;
      background: #e50914;
    }

    .vmodal-feat-cat-items {
      display: flex;
      flex-direction: column;
      gap: 6px;
    }

    .vmodal-feat-cat-item {
      font-size: 0.72rem;
      font-weight: 500;
      color: #94a3b8;
      display: flex;
      align-items: flex-start;
      gap: 6px;
      line-height: 1.35;
    }

    .vmodal-feat-cat-item svg {
      color: #e50914;
      flex-shrink: 0;
      margin-top: 2px;
    }

    @media (max-width: 768px) {
      .vmodal-cockpit-metrics {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 6px !important;
      }
      .vmodal-dossier-list {
        grid-template-columns: 1fr !important;
        gap: 4px !important;
      }
      .vmodal-features-categorized {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
      }
    }

    .vmodal-feat-chip-icon {
      color: #22c55e;
      flex-shrink: 0;
    }

    .vmodal-actions-box {
      margin-top: 4px;
      display: flex;
      flex-direction: column;
      gap: 8px;
    }

    .vmodal-desktop-actions {
      display: none;
    }

    .vmodal-mobile-sticky-bar {
      display: flex;
      align-items: center;
      gap: 10px;
      padding: 10px 16px calc(10px + env(safe-area-inset-bottom, 0px));
      background: #090a0e;
      border-top: 1px solid rgba(255, 255, 255, 0.12);
      box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.85);
      position: relative;
      z-index: 40;
      flex-shrink: 0;
      box-sizing: border-box;
      width: 100%;
    }

    .vmodal-mbar-cta {
      flex: 1;
      min-width: 0;
      background: linear-gradient(135deg, #e50914 0%, #b80710 100%);
      border: 1px solid rgba(255, 255, 255, 0.2);
      box-shadow: 0 4px 16px rgba(229, 9, 20, 0.45);
      border-radius: 10px;
      padding: 9px 12px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 1px;
      cursor: pointer;
      text-align: center;
      color: #ffffff;
    }

    .vmodal-mbar-title {
      font-family: var(--font-heading);
      font-size: 0.82rem;
      font-weight: 900;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      line-height: 1.1;
    }

    .vmodal-mbar-sub {
      font-size: 0.62rem;
      font-weight: 600;
      color: rgba(255, 255, 255, 0.85);
      line-height: 1.1;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .vmodal-mbar-btn {
      width: 44px;
      height: 44px;
      border-radius: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      flex-shrink: 0;
      transition: transform 0.15s ease;
    }

    .vmodal-mbar-btn:active {
      transform: scale(0.95);
    }

    .vmodal-mbar-wa {
      background: rgba(37, 211, 102, 0.16);
      border: 1px solid rgba(37, 211, 102, 0.4);
      color: #25d366;
    }

    .vmodal-mbar-sms {
      background: rgba(56, 189, 248, 0.16);
      border: 1px solid rgba(56, 189, 248, 0.4);
      color: #38bdf8;
    }

    @media (min-width: 880px) {
      .vmodal-desktop-actions {
        display: flex !important;
      }
      .vmodal-mobile-sticky-bar {
        display: none !important;
      }
    }

    .vmodal-primary-cta {
      background: linear-gradient(135deg, #e50914 0%, #b80710 100%);
      border: 1px solid rgba(255, 255, 255, 0.2);
      box-shadow: 0 6px 20px -3px rgba(229, 9, 20, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.25);
      border-radius: 12px;
      padding: 10px 16px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      cursor: pointer;
      transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
      text-align: left;
      width: 100%;
    }

    .vmodal-primary-cta:hover {
      transform: translateY(-2px);
      box-shadow: 0 10px 24px -3px rgba(229, 9, 20, 0.65), inset 0 1px 0 rgba(255, 255, 255, 0.35);
      background: linear-gradient(135deg, #ff1a25 0%, #cc0812 100%);
    }

    .vmodal-cta-text-group {
      display: flex;
      flex-direction: column;
      gap: 1px;
    }

    .vmodal-cta-main {
      font-family: var(--font-heading);
      font-size: 0.86rem;
      font-weight: 900;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      color: #ffffff;
      line-height: 1.1;
    }

    .vmodal-cta-sub {
      font-size: 0.66rem;
      font-weight: 500;
      color: rgba(255, 255, 255, 0.85);
      line-height: 1.2;
    }

    .vmodal-cta-arrow-circle {
      width: 32px;
      height: 32px;
      border-radius: 50%;
      background: rgba(255, 255, 255, 0.18);
      display: flex;
      align-items: center;
      justify-content: center;
      color: #ffffff;
      flex-shrink: 0;
      transition: transform 0.2s ease;
    }

    .vmodal-primary-cta:hover .vmodal-cta-arrow-circle {
      transform: translateX(4px);
      background: rgba(255, 255, 255, 0.3);
    }

    .vmodal-contact-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 8px;
    }

    .vmodal-contact-btn {
      background: rgba(255, 255, 255, 0.03);
      border-radius: 10px;
      padding: 8px 12px;
      display: flex;
      align-items: center;
      gap: 10px;
      cursor: pointer;
      transition: all 0.2s ease;
      text-align: left;
    }

    .vmodal-btn-wa {
      border: 1px solid rgba(37, 211, 102, 0.3);
    }

    .vmodal-btn-wa:hover {
      background: rgba(37, 211, 102, 0.12);
      border-color: #25d366;
      transform: translateY(-1px);
      box-shadow: 0 4px 18px rgba(37, 211, 102, 0.25);
    }

    .vmodal-btn-sms {
      border: 1px solid rgba(56, 189, 248, 0.3);
    }

    .vmodal-btn-sms:hover {
      background: rgba(56, 189, 248, 0.12);
      border-color: #38bdf8;
      transform: translateY(-1px);
      box-shadow: 0 4px 18px rgba(56, 189, 248, 0.25);
    }

    .vmodal-contact-icon-wrap {
      width: 28px;
      height: 28px;
      border-radius: 7px;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }

    .wa-glow {
      background: rgba(37, 211, 102, 0.16);
      color: #25d366;
    }

    .sms-glow {
      background: rgba(56, 189, 248, 0.16);
      color: #38bdf8;
    }

    .vmodal-contact-labels {
      display: flex;
      flex-direction: column;
    }

    .vmodal-contact-lbl {
      font-family: var(--font-heading);
      font-size: 0.74rem;
      font-weight: 800;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      color: #ffffff;
      line-height: 1.1;
    }

    .vmodal-contact-sub {
      font-size: 0.62rem;
      color: #94a3b8;
      line-height: 1.15;
    }

    .vmodal-footer-guarantee {
      display: flex;
      align-items: center;
      gap: 6px;
      font-size: 0.64rem;
      color: #94a3b8;
      line-height: 1.25;
      padding: 2px 2px 0;
    }

    @media (max-width: 640px) {
      .modal-overlay {
        padding: 0;
        align-items: flex-end;
        overflow: hidden;
      }
      .vehicle-modal-card {
        width: 100%;
        max-width: 100%;
        height: 94vh;
        max-height: 94vh;
        border-radius: 22px 22px 0 0;
        margin: 0;
        border-left: none;
        border-right: none;
        border-bottom: none;
        box-sizing: border-box;
      }
      .modal-card {
        width: 100%;
        max-width: 100%;
        height: 92vh;
        max-height: 92vh;
        border-radius: 22px 22px 0 0;
        margin: 0;
        border-left: none;
        border-right: none;
        border-bottom: none;
        box-sizing: border-box;
      }
      .vehicle-modal-header {
        padding: 12px 14px;
        gap: 10px;
      }
      .vmodal-eyebrow-desktop {
        display: none;
      }
      .vmodal-eyebrow-mobile {
        display: inline;
        font-size: 0.65rem;
        letter-spacing: 0.08em;
      }
      .vmodal-header-topline {
        flex-wrap: nowrap;
        justify-content: space-between;
      }
      .vmodal-stock-badge {
        font-size: 0.65rem;
        padding: 2px 6px;
        white-space: nowrap;
      }
      .vmodal-title-row {
        gap: 8px;
      }
      .vmodal-header-badges {
        display: flex;
        flex-wrap: wrap;
        gap: 4px;
        width: 100%;
        max-width: 100%;
      }
      .vmodal-badge {
        font-size: 0.58rem;
        padding: 2.5px 6px;
        white-space: nowrap;
        letter-spacing: 0.03em;
      }
      .vehicle-modal-body {
        padding: 14px 14px 44px;
        gap: 14px;
        box-sizing: border-box;
      }
      .vmodal-gallery-col, .vmodal-info-col {
        min-width: 0;
        max-width: 100%;
        width: 100%;
        box-sizing: border-box;
      }
      .vmodal-title {
        font-size: 1.15rem;
      }
      .vmodal-trust-bar {
        grid-template-columns: 1fr 1fr 1fr;
        padding: 6px 8px;
        gap: 6px;
      }
      .vmodal-trust-icon {
        width: 22px;
        height: 22px;
      }
      .vmodal-trust-heading {
        font-size: 0.6rem;
      }
      .vmodal-trust-caption {
        font-size: 0.52rem;
      }
      .vmodal-pricing-card {
        padding: 10px 12px;
        box-sizing: border-box;
      }
      .vmodal-pricing-grid {
        grid-template-columns: 1.05fr 1fr;
        gap: 8px;
      }
      .vmodal-pricing-divider {
        display: none;
      }
      .vmodal-price-k, .vmodal-fin-k {
        font-size: 0.58rem;
      }
      .vmodal-fin-tag {
        display: none;
      }
      .vmodal-savings-tag {
        font-size: 0.54rem;
        padding: 2px 5px;
      }
      .vmodal-price-cash {
        font-size: 1.35rem;
      }
      .vmodal-price-orig {
        font-size: 0.82rem;
      }
      .vmodal-fin-val {
        font-size: 1.25rem;
      }
      .vmodal-price-note, .vmodal-fin-sub {
        font-size: 0.58rem;
        line-height: 1.15;
      }
      .vmodal-specs-table {
        grid-template-columns: 1fr 1fr;
      }
      .vmodal-spec-cell {
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: 2px;
        padding: 6px 8px;
      }
      .vmodal-spec-label {
        font-size: 0.58rem;
      }
      .vmodal-spec-value {
        font-size: 0.72rem;
        text-align: left;
        max-width: 100%;
        white-space: normal;
        line-height: 1.15;
      }
      .vmodal-features-chips {
        gap: 5px;
      }
      .vmodal-feat-chip {
        font-size: 0.66rem;
        padding: 4px 8px;
      }
      .vmodal-contact-grid {
        grid-template-columns: 1fr 1fr;
        gap: 8px;
      }
      .vmodal-primary-cta {
        padding: 11px 14px;
      }
      .vmodal-cta-main {
        font-size: 0.82rem;
      }
      .vmodal-cta-sub {
        font-size: 0.64rem;
      }
    }


:root {
  --arion-red: #c71920;
  --arion-red-bright: #ef2b32;
  --arion-ink: #08090b;
  --arion-panel: #111318;
  --arion-panel-2: #171a20;
  --arion-line: rgba(255, 255, 255, .11);
  --arion-muted: #a7adb8;
  --arion-radius: 18px;
  --arion-focus: 0 0 0 3px rgba(239, 43, 50, .3);
}

html { scroll-padding-top: 92px; }
body { background: var(--arion-ink); }
.trust-bar-desc, .categories-footer-note, .categories-footer-note span, .review-footer span, .footer-bottom-bar, .footer-bottom-bar span { color:#9ba2ae !important; }
.eyebrow-tag, .cat-custom-link { color:#ff535a !important; }
.benefit-badge { color:#ff767b !important; }
.contact-card-link, .contact-card-link span { color:#ff535a !important; }

.site-header {
  position: sticky !important;
  top: 0;
  z-index: 900 !important;
  background: rgba(8, 9, 11, .88) !important;
  border-bottom: 1px solid var(--arion-line);
  backdrop-filter: blur(18px) saturate(140%);
  -webkit-backdrop-filter: blur(18px) saturate(140%);
  transition: min-height .2s ease, background .2s ease, box-shadow .2s ease;
}
.site-header.is-compact { background: rgba(8, 9, 11, .96) !important; box-shadow: 0 12px 30px rgba(0,0,0,.28); }
.site-header.is-compact .header-container { min-height: 66px !important; }
.header-container { transition: min-height .2s ease; }
.header-logo { min-width: 190px; }
.header-logo .logo-text-group { display: none !important; }
.header-logo img {
  width: 196px !important;
  height: 56px !important;
  object-fit: contain !important;
  object-position: left center;
  border-radius: 0;
  background: transparent;
}
.footer-brand .header-logo img { width: 220px !important; height: 64px !important; }

.global-search-button {
  width: 42px; height: 42px; border-radius: 12px; border: 1px solid var(--arion-line);
  background: rgba(255,255,255,.04); color: #fff; display: inline-grid; place-items: center;
  cursor: pointer; transition: background .18s ease, transform .18s ease, border-color .18s ease;
}
.global-search-button:hover { background: rgba(255,255,255,.09); border-color: rgba(255,255,255,.22); transform: translateY(-1px); }
.global-search-button:focus-visible, .inventory-v50 button:focus-visible, .inventory-v50 input:focus-visible,
.inventory-v50 select:focus-visible, .search-dialog button:focus-visible, .search-dialog input:focus-visible,
.finance-v50 input:focus-visible, .finance-v50 select:focus-visible, .finance-v50 button:focus-visible { outline: none; box-shadow: var(--arion-focus); }

.search-dialog {
  position: fixed; inset: 0; z-index: 1300; display: none; align-items: flex-start; justify-content: center;
  padding: min(13vh, 110px) 20px 20px; background: rgba(0,0,0,.72); backdrop-filter: blur(12px);
}
.search-dialog.open { display: flex; animation: arionFade .16s ease-out; }
.search-panel { width: min(760px, 100%); background: #111318; border: 1px solid rgba(255,255,255,.16); border-radius: 22px; box-shadow: 0 32px 100px rgba(0,0,0,.62); overflow: hidden; }
.search-field { display: flex; align-items: center; gap: 12px; padding: 18px 20px; border-bottom: 1px solid var(--arion-line); }
.search-field input { flex: 1; min-width: 0; border: 0; background: transparent; color: #fff; font: 600 1.05rem/1.4 inherit; outline: 0; }
.search-close { border: 0; background: rgba(255,255,255,.07); color: #fff; border-radius: 10px; padding: 8px 10px; cursor: pointer; }
.search-results { max-height: min(65vh, 540px); overflow: auto; padding: 10px; }
.search-result { display: grid; grid-template-columns: 82px 1fr auto; gap: 14px; align-items: center; padding: 10px; border-radius: 14px; color: #fff; text-decoration: none; }
.search-result:hover, .search-result[aria-selected="true"] { background: rgba(255,255,255,.065); }
.search-result img { width: 82px; height: 60px; object-fit: cover; border-radius: 10px; }
.search-result small { display:block; margin-top:4px; color: var(--arion-muted); }
.search-empty { padding: 26px 18px; color: var(--arion-muted); text-align: center; }

.inventory-v50 { max-width: 1440px; margin: 30px auto 0; }
.inventory-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 18px; }
.inventory-count { color: #fff; font-size: .82rem; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.filter-toggle { display: none; align-items:center; gap:8px; border:1px solid var(--arion-line); background:#171a20; color:#fff; border-radius:12px; padding:11px 14px; font-weight:800; }
.filter-count { min-width:20px; height:20px; display:grid; place-items:center; border-radius:999px; background:var(--arion-red); font-size:.7rem; }
.inventory-layout { display: grid; grid-template-columns: 276px minmax(0, 1fr); gap: 28px; align-items: start; }
.filters-panel { position: sticky; top: 90px; max-height: calc(100vh - 110px); overflow: auto; background: #111318; border: 1px solid var(--arion-line); border-radius: var(--arion-radius); padding: 18px; scrollbar-width: thin; }
.filters-head { display:flex; justify-content:space-between; align-items:center; margin-bottom:12px; }
.filters-mobile-close { display:none; width:38px; height:38px; border-radius:999px; border:1px solid var(--arion-line); background:#22262d; color:#fff; font-size:1.25rem; cursor:pointer; }
.filters-head h3 { margin:0; color:#fff; font-size:1rem; letter-spacing:.05em; }
.reset-filters { color:#ff7378; background:transparent; border:0; font-weight:750; cursor:pointer; }
.filter-group { border-top:1px solid var(--arion-line); padding:15px 0; }
.filter-group label, .filter-group-title { color:#fff; font-size:.72rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.filter-group select, .filter-group input[type="number"], .filter-group input[type="search"] { width:100%; margin-top:9px; box-sizing:border-box; padding:11px 12px; background:#090b0e; color:#fff; border:1px solid var(--arion-line); border-radius:10px; }
.filter-pair { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.check-list { display:grid; gap:8px; margin-top:10px; max-height:160px; overflow:auto; }
.check-option { display:flex; justify-content:space-between; gap:8px; align-items:center; color:#cfd3da; font-size:.82rem; cursor:pointer; }
.check-option span:first-child { display:flex; align-items:center; gap:8px; }
.check-option input { accent-color:var(--arion-red); }
.check-option em { font-style:normal; color:#777f8d; }
.active-filters { display:flex; flex-wrap:wrap; gap:8px; min-height:0; margin:0 0 16px; }
.filter-chip { display:inline-flex; gap:7px; align-items:center; border:1px solid rgba(239,43,50,.4); background:rgba(239,43,50,.1); color:#ffd8da; border-radius:999px; padding:7px 10px; font-size:.76rem; cursor:pointer; }
.inventory-v50 .inventory-grid { margin-top:0 !important; }
.vehicle-card { transform: translateZ(0); will-change: transform; transition: transform .24s cubic-bezier(.2,.8,.2,1), border-color .24s ease, box-shadow .24s ease !important; }
@media (hover:hover) { .vehicle-card:hover { transform: translateY(-6px) scale(1.012) !important; border-color:rgba(239,43,50,.45) !important; box-shadow:0 22px 52px rgba(0,0,0,.38) !important; } }
.vehicle-card-link { position:absolute; inset:0; z-index:1; border-radius:inherit; }
.vehicle-card .card-actions-grid, .vehicle-card button { position:relative; z-index:2; }
.no-results { grid-column:1/-1; min-height:300px; display:grid; place-items:center; text-align:center; border:1px dashed rgba(255,255,255,.18); border-radius:18px; padding:35px; color:var(--arion-muted); }
.no-results h3 { color:#fff; margin:0 0 8px; }

.finance-v50 { display:grid; grid-template-columns:minmax(0, 1.05fr) minmax(320px,.95fr); gap:28px; }
.finance-fields { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.finance-field { display:grid; gap:7px; }
.finance-field label { color:#aab0ba; font-size:.7rem; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }
.finance-field input, .finance-field select { width:100%; box-sizing:border-box; border:1px solid var(--arion-line); background:#090b0e; color:#fff; border-radius:11px; padding:12px; font:600 .92rem inherit; }
.finance-field.span-2 { grid-column:span 2; }
.plate-options { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.plate-option { border:1px solid var(--arion-line); border-radius:12px; padding:12px; cursor:pointer; color:#d8dbe0; background:#0b0d10; }
.plate-option:has(input:checked) { border-color:var(--arion-red-bright); background:rgba(239,43,50,.08); }
.plate-option input { width:auto; margin-right:7px; accent-color:var(--arion-red); }
.finance-breakdown { background:#0a0b0e; border:1px solid var(--arion-line); border-radius:18px; padding:20px; }
.finance-breakdown h3 { color:#fff; margin:0 0 16px; }
.breakdown-row { display:flex; justify-content:space-between; gap:16px; padding:8px 0; color:#b8bec8; font-size:.86rem; }
.breakdown-row strong { color:#fff; }
.breakdown-row.total { border-top:1px solid var(--arion-line); margin-top:8px; padding-top:16px; font-size:1rem; }
.breakdown-row.monthly { margin-top:12px; background:linear-gradient(120deg,#a80f15,#ed252d); color:#fff; padding:16px; border-radius:13px; align-items:center; }
.breakdown-row.monthly strong { font-size:1.55rem; }
.finance-disclaimer { color:#7e8591; font-size:.67rem; line-height:1.55; margin:14px 0 0; }

.arion-map { margin-top: 24px; border:1px solid var(--arion-line); border-radius:18px; overflow:hidden; min-height:300px; }
.arion-map iframe { display:block; width:100%; min-height:300px; border:0; filter:grayscale(.35) contrast(1.05); }

.vehicle-detail-page { min-height:100vh; background:#08090b; color:#fff; }
.detail-header { position:sticky; top:0; z-index:900; min-height:76px; display:flex; align-items:center; justify-content:space-between; gap:18px; padding:10px max(20px,calc((100vw - 1240px)/2)); background:rgba(8,9,11,.94); border-bottom:1px solid var(--arion-line); backdrop-filter:blur(16px); }
.detail-header .header-logo img { display:block; }
.detail-header .header-actions { display:flex; align-items:center; gap:12px; }
.detail-nav { display:flex; align-items:center; gap:18px; }
.detail-nav a { color:#d2d5da; text-decoration:none; font-weight:700; font-size:.82rem; }
.detail-nav .detail-nav-cta { background:var(--arion-red); color:#fff; padding:11px 15px; border-radius:10px; }
.detail-shell { width:min(1240px, calc(100% - 40px)); margin:0 auto; padding:36px 0 80px; }
.detail-back { display:inline-flex; gap:8px; align-items:center; color:#c5cad2; text-decoration:none; margin-bottom:22px; }
.detail-grid { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr); gap:30px; }
.detail-gallery { border-radius:22px; overflow:hidden; background:#111318; border:1px solid var(--arion-line); }
.detail-main-image { width:100%; aspect-ratio:16/10; object-fit:cover; display:block; cursor:zoom-in; }
.detail-gallery-stage { position:relative; }
.gallery-arrow { position:absolute; top:50%; transform:translateY(-50%); z-index:3; width:44px; height:44px; border-radius:999px; border:1px solid rgba(255,255,255,.28); background:rgba(8,9,11,.75); color:#fff; font-size:1.35rem; cursor:pointer; backdrop-filter:blur(8px); }
.gallery-arrow.prev { left:14px; }
.gallery-arrow.next { right:14px; }
.gallery-thumbs { display:flex; gap:8px; overflow:auto; padding:10px 12px 0; }
.gallery-thumb { flex:0 0 76px; padding:0; border:2px solid transparent; border-radius:10px; overflow:hidden; background:#171a20; cursor:pointer; }
.gallery-thumb.active { border-color:var(--arion-red-bright); }
.gallery-thumb img { width:76px; height:54px; object-fit:cover; display:block; }
.detail-photo-bar { display:flex; justify-content:space-between; padding:12px 15px; color:#aab0ba; font-size:.78rem; }
.detail-summary { background:#111318; border:1px solid var(--arion-line); border-radius:22px; padding:24px; align-self:start; position:sticky; top:92px; }
.detail-kicker { color:#ff575d; font-weight:850; letter-spacing:.12em; font-size:.72rem; }
.detail-summary h1 { margin:8px 0 10px; font-size:clamp(1.7rem,3vw,2.8rem); line-height:1.06; }
.detail-price { font-size:2rem; font-weight:900; margin:18px 0; }
.detail-meta { display:flex; flex-wrap:wrap; gap:8px; }
.detail-meta span { background:#1a1d23; border:1px solid var(--arion-line); border-radius:999px; padding:7px 10px; font-size:.76rem; }
.detail-actions { display:grid; gap:10px; margin-top:22px; }
.detail-cta { display:flex; align-items:center; justify-content:center; min-height:48px; border-radius:12px; text-decoration:none; font-weight:850; border:1px solid var(--arion-line); color:#fff; background:#1a1d23; }
.detail-cta.primary { background:var(--arion-red); border-color:var(--arion-red); }
.detail-content { display:grid; gap:24px; margin-top:30px; }
.detail-section { background:#111318; border:1px solid var(--arion-line); border-radius:20px; padding:24px; }
.detail-section h2 { margin:0 0 18px; font-size:1.15rem; }
.spec-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--arion-line); border:1px solid var(--arion-line); border-radius:13px; overflow:hidden; }
.spec-item { background:#111318; padding:14px; }
.spec-item small { display:block; color:#818895; text-transform:uppercase; letter-spacing:.08em; font-size:.62rem; margin-bottom:5px; }
.features-list { display:grid; grid-template-columns:repeat(2,1fr); gap:10px 18px; margin:0; padding:0; list-style:none; }
.features-list li::before { content:'✓'; color:#ff4e55; margin-right:9px; }
.similar-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.similar-card { color:#fff; text-decoration:none; background:#171a20; border:1px solid var(--arion-line); border-radius:15px; overflow:hidden; }
.similar-card img { width:100%; aspect-ratio:16/10; object-fit:cover; }
.similar-card div { padding:13px; }
.lightbox-v50 { position:fixed; inset:0; z-index:1500; display:none; place-items:center; background:rgba(0,0,0,.94); padding:24px; }
.lightbox-v50.open { display:grid; }
.lightbox-v50 img { max-width:95vw; max-height:88vh; object-fit:contain; }
.lightbox-close { position:absolute; top:20px; right:20px; border:1px solid rgba(255,255,255,.2); color:#fff; background:#15171b; border-radius:999px; width:44px; height:44px; font-size:1.4rem; }

@keyframes arionFade { from { opacity:0 } to { opacity:1 } }
@media (prefers-reduced-motion:reduce) { *, *::before, *::after { scroll-behavior:auto !important; animation-duration:.01ms !important; transition-duration:.01ms !important; } }
@media (max-width:1024px) {
  .inventory-layout { grid-template-columns:1fr; }
  .filter-toggle { display:inline-flex; }
  .filters-panel { display:none; position:fixed; inset:0 0 0 auto; width:min(390px,92vw); max-height:none; border-radius:0; z-index:1200; padding:22px; box-shadow:-20px 0 70px rgba(0,0,0,.55); }
  .filters-panel.open { display:block; }
  .filters-mobile-close { display:grid; place-items:center; }
  .finance-v50, .detail-grid { grid-template-columns:1fr; }
  .detail-summary { position:static; }
}
@media (max-width:760px) {
  .header-logo { min-width:0; }
  .header-logo img { width:150px !important; height:44px !important; }
  .global-search-button { width:38px; height:38px; }
  .search-dialog { padding:70px 10px 10px; }
  .search-result { grid-template-columns:64px 1fr; }
  .search-result img { width:64px; height:50px; }
  .search-result strong:last-child { grid-column:2; }
  .inventory-toolbar { align-items:flex-start; }
  .finance-fields { grid-template-columns:1fr; }
  .finance-field.span-2 { grid-column:auto; }
  .plate-options { grid-template-columns:1fr; }
  .detail-shell { width:min(100% - 24px,1240px); padding-top:20px; }
  .detail-summary, .detail-section { padding:18px; }
  .spec-grid { grid-template-columns:1fr 1fr; }
  .features-list, .similar-grid { grid-template-columns:1fr; }
  .detail-nav a:not(.detail-nav-cta) { display:none; }
}

/* Arion icon system — one visual language across catalog and vehicle pages */
.arion-icon{inline-size:1.15em;block-size:1.15em;display:inline-block;flex:0 0 auto;overflow:visible;vertical-align:-.18em;transition:transform .18s cubic-bezier(.2,.8,.2,1),color .18s ease}
.arion-icon-slot{display:inline-grid;place-items:center;line-height:0}
.arion-icon-slot .arion-icon{inline-size:18px;block-size:18px}
button .arion-icon,a .arion-icon{pointer-events:none}
.global-search-button,.mobile-menu-btn,.filters-mobile-close,.gallery-arrow,.lightbox-close{display:grid;place-items:center;min-width:40px;min-height:40px}
.global-search-button .arion-icon,.mobile-menu-btn .arion-icon{width:20px;height:20px}
.global-search-button:hover .arion-icon,.mobile-menu-btn:hover .arion-icon{transform:scale(1.08)}
.btn-apply-nav,.btn-hero-primary,.btn-card-apply,.detail-cta,.contact-card-link,.btn-google-rate,.detail-back{display:inline-flex;align-items:center;justify-content:center;gap:9px}
.btn-apply-nav:hover .arion-icon,.btn-card-apply:hover .arion-icon,.detail-cta:hover .arion-icon,.contact-card-link:hover .arion-icon,.btn-google-rate:hover .arion-icon{transform:translateX(3px)}
.btn-hero-primary:hover .arion-icon{transform:translateY(3px)}
.drawer-nav-link .arion-icon{width:18px;height:18px;opacity:.62}
.drawer-nav-link:hover .arion-icon{opacity:1;transform:translateX(3px)}
.trust-bar-icon-wrap,.benefit-icon-wrap,.contact-card-icon{position:relative;isolation:isolate;display:grid;place-items:center;overflow:hidden}
.trust-bar-icon-wrap::before,.benefit-icon-wrap::before,.contact-card-icon::before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(229,9,20,.15),transparent 58%);z-index:-1}
.trust-bar-icon-wrap::after,.benefit-icon-wrap::after,.contact-card-icon::after{content:"";position:absolute;right:5px;top:5px;width:4px;height:4px;border-radius:50%;background:#e50914;box-shadow:0 0 10px rgba(229,9,20,.65)}
.trust-bar-icon-wrap .arion-icon{width:20px;height:20px}
.benefit-icon-wrap .arion-icon,.contact-card-icon .arion-icon{width:23px;height:23px}
.trust-bar-item:hover .arion-icon,.benefit-card:hover .arion-icon,.contact-card-box:hover .contact-card-icon>.arion-icon{transform:translateY(-2px) scale(1.04)}
.reviewer-badge .arion-icon{width:12px;height:12px;color:#22c55e;margin-right:4px;vertical-align:-2px}
.btn-contact-sms,.btn-contact-wa,.btn-contact-phone,.btn-form-submit{display:inline-flex;align-items:center;gap:9px}
.floating-btn .arion-icon{width:23px;height:23px}
.btn-wa-floating .arion-icon{width:25px;height:25px}
.filter-toggle,.reset-filters,.filters-head h3,.field-with-icon,.filter-chip{display:flex;align-items:center;gap:8px}
.filters-head h3 .arion-icon{color:#e50914;width:19px;height:19px}
.reset-filters .arion-icon{width:14px;height:14px}
.field-with-icon{position:relative}
.field-with-icon>.arion-icon{position:absolute;left:13px;width:17px;height:17px;color:#777;z-index:1}
.field-with-icon input{width:100%;padding-left:40px!important}
.filter-chip .arion-icon{width:13px;height:13px;opacity:.65}
.filter-chip:hover .arion-icon{opacity:1;transform:rotate(90deg)}
.badge-inspect{display:inline-flex;align-items:center;gap:6px}
.badge-inspect .arion-icon{width:14px;height:14px}
.card-spec-chip{display:inline-flex!important;align-items:center;gap:5px}
.card-spec-chip .arion-icon{width:13px;height:13px;color:#e50914}
.card-actions-grid .btn-card-sms,.card-actions-grid .btn-card-wa{display:inline-flex;align-items:center;justify-content:center;gap:6px}
.card-actions-grid .arion-icon{width:15px;height:15px}
.no-results>div>.arion-icon{width:38px;height:38px;color:#e50914;margin-bottom:12px}
.search-close{display:flex!important;align-items:center;gap:7px}
.search-close .arion-icon{width:14px;height:14px}
.detail-back{justify-content:flex-start}
.detail-back .arion-icon{width:17px;height:17px}
.detail-meta span,.detail-photo-bar span{display:inline-flex;align-items:center;gap:6px}
.detail-meta .arion-icon,.detail-photo-bar .arion-icon{width:16px;height:16px;color:#e50914}
.detail-cta{justify-content:flex-start}
.detail-cta .arion-icon:last-child{margin-left:auto}
.detail-section>h2{display:flex;align-items:center;gap:10px}
.detail-section>h2>.arion-icon{width:22px;height:22px;color:#e50914}
.spec-item{display:flex!important;align-items:center;gap:12px}
.spec-item>.arion-icon{width:21px;height:21px;color:#e50914;opacity:.9}
.spec-item>span{display:grid;gap:3px;min-width:0}
.features-list li{display:flex!important;align-items:flex-start;gap:8px}
.features-list li .arion-icon{width:16px;height:16px;color:#22c55e;margin-top:2px}
.similar-card{position:relative}
.similar-card>.arion-icon{position:absolute;right:14px;bottom:16px;color:#e50914}
.footer-contact-line{display:flex;align-items:center;gap:9px;margin:5px 0}
.footer-contact-line>.arion-icon-slot{width:18px;color:#e50914}
@media(max-width:760px){.search-close>span{display:none}.card-actions-grid .btn-card-sms span,.card-actions-grid .btn-card-wa span{display:none}.card-actions-grid .btn-card-sms,.card-actions-grid .btn-card-wa{min-width:44px}.trust-bar-icon-wrap .arion-icon{width:18px;height:18px}}
@media(prefers-reduced-motion:reduce){.arion-icon{transition:none!important}}

/* v53 icon polish and repaired controls */
.arion-icon{shape-rendering:geometricPrecision;vector-effect:non-scaling-stroke}
.filters-mobile-close{display:none!important}
@media(max-width:1024px){.filters-mobile-close{display:grid!important;place-items:center}}
.trust-bar-icon-wrap::after,.benefit-icon-wrap::after,.contact-card-icon::after{content:"";position:absolute;left:8px;right:auto;top:auto;bottom:6px;width:14px;height:2px;border-radius:3px;background:currentColor;box-shadow:none;opacity:.72}
.trust-bar-icon-wrap{border-radius:12px!important}
.trust-bar-icon-wrap .arion-icon{width:21px;height:21px}
.benefit-icon-wrap{width:52px!important;height:52px!important;border-radius:15px!important;background:linear-gradient(145deg,rgba(229,9,20,.18),rgba(229,9,20,.045))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.benefit-icon-wrap .arion-icon{width:25px;height:25px}
.contact-card-icon{border-radius:14px!important;background:linear-gradient(145deg,rgba(229,9,20,.16),rgba(229,9,20,.035))!important}
.contact-card-icon .arion-icon{width:24px;height:24px}
.check-option input[type="checkbox"]{appearance:none;-webkit-appearance:none;width:17px;height:17px;margin:0 8px 0 0;border:1px solid #464b55;border-radius:5px;background:#0b0d11;display:inline-grid;place-content:center;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease;vertical-align:-3px;cursor:pointer}
.check-option input[type="checkbox"]::before{content:"";width:8px;height:4px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) scale(0);transition:transform .14s ease}
.check-option input[type="checkbox"]:checked{background:#d80e1c;border-color:#ef2431;box-shadow:0 0 0 3px rgba(229,9,20,.12)}
.check-option input[type="checkbox"]:checked::before{transform:rotate(-45deg) scale(1)}
.check-option input[type="checkbox"]:focus-visible{outline:2px solid #fff;outline-offset:2px}
.vehicle-card .card-actions-grid{grid-template-columns:minmax(0,1fr) 42px 42px;gap:7px;min-width:0}
.vehicle-card .btn-card-apply{min-width:0;overflow:hidden;padding-inline:11px}
.vehicle-card .btn-card-apply span{overflow:hidden;text-overflow:ellipsis}
.vehicle-card .btn-card-sms span,.vehicle-card .btn-card-wa span{display:none!important}
.vehicle-card .btn-card-sms,.vehicle-card .btn-card-wa{width:42px!important;min-width:42px!important;padding:0!important;overflow:hidden}
.vehicle-card .card-actions-grid .arion-icon{width:17px;height:17px}
.vehicle-card .btn-card-apply .arion-icon:last-child{width:14px;height:14px;margin-left:auto}
.card-spec-chip .arion-icon{width:14px;height:14px}
.card-spec-chip{min-height:25px}
.spec-item>.arion-icon{width:23px;height:23px;padding:2px;color:#ff2634}
.detail-meta .arion-icon{width:18px;height:18px}
.detail-cta>.arion-icon:first-child{width:20px;height:20px}
.footer-contact-line>[data-icon="whatsapp"]{color:#25d366}
@media(max-width:640px){.floating-contact-hub{right:12px;bottom:12px;gap:8px}.floating-btn{width:44px;height:44px}.floating-btn .arion-icon{width:21px;height:21px}.btn-sms-floating{display:none}.vehicle-card .btn-card-apply{font-size:.69rem;letter-spacing:.015em}.vehicle-card .card-actions-grid{grid-template-columns:minmax(0,1fr) 40px 40px}.vehicle-card .btn-card-sms,.vehicle-card .btn-card-wa{width:40px!important;min-width:40px!important;height:40px}}
@media(min-width:761px){.vehicle-card .btn-card-apply .arion-icon:last-child{display:none}.vehicle-card .btn-card-apply span{text-overflow:clip}}
@media(max-width:640px){.btn-sms-floating{display:none!important}}




/* ==========================================================
   AUTHENTICA MULTIMARCAS 2.0 - WHITE SHOWROOM DESIGN SYSTEM
   Fundo branco luxuoso, tipografia grafite e acentos em vermelho
   ========================================================== */

:root {
  --bg-main: #f8f9fa;
  --bg-surface: #ffffff;
  --bg-card: #ffffff;
  --bg-card-hover: #ffffff;
  --bg-soft: #f1f3f5;

  --brand-red: #e50914;
  --brand-red-dark: #b91c1c;
  --brand-red-bright: #ff1e2b;
  --brand-gradient: linear-gradient(135deg, #e50914 0%, #b80710 100%);
  --brand-gradient-hover: linear-gradient(135deg, #ff1e2b 0%, #dc2626 100%);

  --arion-red: #e50914;
  --arion-red-bright: #ff1e2b;
  --arion-ink: #f8f9fa;
  --arion-panel: #ffffff;
  --arion-panel-2: #f8f9fa;
  --arion-line: rgba(24, 31, 43, 0.08);
  --arion-muted: #555e6c;

  --text-primary: #111318;
  --text-secondary: #4b5563;
  --text-muted: #6b7280;
  --text-dim: #9ca3af;
  --text-white: #ffffff;
  --text-light: #111318;

  --border-subtle: rgba(24, 31, 43, 0.08);
  --border-medium: rgba(24, 31, 43, 0.14);

  --shadow-sm: 0 2px 8px rgba(15, 23, 42, 0.04);
  --shadow-card: 0 10px 30px -8px rgba(15, 23, 42, 0.06), 0 4px 12px -2px rgba(15, 23, 42, 0.03);
  --shadow-hover: 0 22px 48px -10px rgba(15, 23, 42, 0.12), 0 8px 24px -4px rgba(229, 9, 20, 0.14);
}

html {
  background-color: #f8f9fa;
}

body {
  background-color: #f8f9fa !important;
  color: #111318 !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  -webkit-font-smoothing: antialiased;
}

/* HEADER: ESTILO INVISÍVEL NA HERO -> LIQUID GLASS AO ROLAR */
.site-header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 1000 !important;
  transform: translateY(0) !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: none !important;
  transition: background 0.35s ease, backdrop-filter 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease !important;
}

.site-header .nav-links .nav-link {
  color: rgba(255, 255, 255, 0.94) !important;
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.7);
  transition: color 0.2s ease !important;
}
.site-header .nav-links .nav-link:hover {
  color: #ff333f !important;
}

.site-header .global-search-button {
  background: rgba(255, 255, 255, 0.09) !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  color: #ffffff !important;
  backdrop-filter: blur(12px) !important;
}
.site-header .global-search-button:hover {
  background: rgba(255, 255, 255, 0.22) !important;
  border-color: rgba(255, 255, 255, 0.45) !important;
  color: #ffffff !important;
}

.site-header .mobile-menu-btn {
  color: #ffffff !important;
}

/* QUANDO ROLA A TELA (PAST HERO): LIQUID GLASS TRANSLÚCIDO COM BLUR */
.site-header.scrolled,
.site-header.is-scrolled {
  background: rgba(255, 255, 255, 0.85) !important;
  backdrop-filter: blur(24px) saturate(190%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(190%) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.75) !important;
  box-shadow: 0 12px 36px rgba(15, 23, 42, 0.07) !important;
}

.site-header.scrolled .nav-links .nav-link,
.site-header.is-scrolled .nav-links .nav-link {
  color: #1a1e24 !important;
  text-shadow: none !important;
}
.site-header.scrolled .nav-links .nav-link:hover,
.site-header.is-scrolled .nav-links .nav-link:hover {
  color: #e50914 !important;
}

.site-header.scrolled .global-search-button,
.site-header.is-scrolled .global-search-button {
  background: rgba(243, 244, 246, 0.85) !important;
  border: 1px solid rgba(24, 31, 43, 0.12) !important;
  color: #111318 !important;
}
.site-header.scrolled .global-search-button:hover,
.site-header.is-scrolled .global-search-button:hover {
  background: #ffffff !important;
  color: #e50914 !important;
  border-color: rgba(229, 9, 20, 0.3) !important;
}

.site-header.scrolled .mobile-menu-btn,
.site-header.is-scrolled .mobile-menu-btn {
  color: #111318 !important;
}

.header-container {
  max-width: 1540px !important;
  margin: 0 auto !important;
  height: 70px !important;
  padding: 0 clamp(20px, 4vw, 48px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

.header-logo img {
  width: auto !important;
  max-width: 195px !important;
  height: 52px !important;
  object-fit: contain !important;
}

.nav-links .nav-link {
  color: #1a1e24 !important;
  font-weight: 700 !important;
  font-size: 0.88rem !important;
  letter-spacing: 0.02em !important;
  transition: color 0.2s ease !important;
}
.nav-links .nav-link:hover {
  color: #e50914 !important;
}

.global-search-button {
  background: rgba(243, 244, 246, 0.85) !important;
  border: 1px solid rgba(24, 31, 43, 0.12) !important;
  backdrop-filter: blur(12px) !important;
  color: #111318 !important;
  border-radius: 12px !important;
}
.global-search-button:hover {
  background: #ffffff !important;
  border-color: rgba(229, 9, 20, 0.3) !important;
  color: #e50914 !important;
  transform: translateY(-1px) !important;
}

.mobile-menu-btn {
  color: #111318 !important;
}

.btn-apply-nav {
  background: linear-gradient(135deg, #e50914 0%, #b80710 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 16px rgba(229, 9, 20, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
  border-radius: 10px !important;
}
.btn-apply-nav:hover {
  background: linear-gradient(135deg, #ff1e2b 0%, #dc2626 100%) !important;
  box-shadow: 0 6px 22px rgba(229, 9, 20, 0.45) !important;
  transform: translateY(-1px) !important;
}

/* HERO SECTION - REFINED PROPORTIONS, LIQUID GLASS & EDITORIAL AUTOMOTIVE QUALITY */
.hero-section {
  position: relative !important;
  height: 100vh !important;
  height: 100svh !important;
  min-height: 640px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  align-items: stretch !important;
  overflow: hidden !important;
  background: #07080a !important;
  padding: 0 !important;
}

.hero-video-bg {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: 65% center !important;
  z-index: 0 !important;
  filter: brightness(1.08) contrast(1.12) !important;
  pointer-events: none !important;
}

.hero-overlay {
  position: absolute !important;
  inset: 0 !important;
  background: 
    linear-gradient(90deg, 
      rgba(7, 8, 10, 0.98) 0%, 
      rgba(7, 8, 10, 0.92) 28%, 
      rgba(7, 8, 10, 0.72) 48%, 
      rgba(7, 8, 10, 0.32) 70%, 
      transparent 100%),
    linear-gradient(to top, 
      #f8f9fa 0%, 
      rgba(248, 249, 250, 0.7) 6%, 
      rgba(7, 8, 10, 0.3) 22%, 
      transparent 45%, 
      rgba(7, 8, 10, 0.6) 100%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

.hero-container {
  position: relative !important;
  z-index: 2 !important;
  max-width: 1560px !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 auto !important;
  padding: clamp(75px, 10vh, 110px) clamp(24px, 4vw, 56px) 28px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  flex: 1 1 auto !important;
}

/* HERO SECTION - ARION MOTORS HIGH-END LUXURY AUTOMOTIVE STANDARD */
.hero-section {
  position: relative !important;
  height: 100vh !important;
  height: 100svh !important;
  min-height: 640px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: stretch !important;
  overflow: hidden !important;
  background: #060709 !important;
  padding: 0 !important;
}

.hero-video-bg {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  transform: scale(1.08) translateX(120px) !important;
  transform-origin: center center !important;
  z-index: 0 !important;
  filter: brightness(1.12) contrast(1.15) !important;
  pointer-events: none !important;
}

.hero-overlay {
  position: absolute !important;
  inset: 0 !important;
  background: 
    linear-gradient(90deg, 
      #060709 0%, 
      #060709 32%, 
      rgba(6, 7, 9, 0.94) 48%, 
      rgba(6, 7, 9, 0.45) 68%, 
      transparent 88%,
      rgba(6, 7, 9, 0.25) 100%),
    linear-gradient(to top, 
      #060709 0%, 
      rgba(6, 7, 9, 0.65) 10%, 
      transparent 24%),
    linear-gradient(to bottom, 
      rgba(6, 7, 9, 0.70) 0%, 
      transparent 16%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

.hero-container {
  position: relative !important;
  z-index: 2 !important;
  max-width: 1440px !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 auto !important;
  padding: 0 clamp(24px, 5vw, 64px) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
}

.hero-content {
  max-width: 720px !important;
  width: 100% !important;
  text-align: left !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

/* LUXURY STATUS EYEBROW PILL */
.hero-status-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  padding: 6px 16px !important;
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 9999px !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;
  color: #e4e4e7 !important;
  font-family: 'Outfit', 'Inter', sans-serif !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  margin-bottom: 20px !important;
}

.pulse-dot-red {
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: #e50914 !important;
  box-shadow: 0 0 10px #e50914 !important;
}

/* EDITORIAL AUTOMOTIVE HEADLINE (CLEAN MONOLITHIC WHITE) */
.hero-headline {
  font-family: 'Outfit', 'Plus Jakarta Sans', sans-serif !important;
  font-size: clamp(2.2rem, 3.4vw, 3.4rem) !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.025em !important;
  text-transform: uppercase !important;
  margin-bottom: 18px !important;
  color: #ffffff !important;
}

.hero-headline-1,
.hero-headline-2 {
  display: block !important;
  color: #ffffff !important;
  text-shadow: 0 2px 24px rgba(0, 0, 0, 0.9) !important;
}

.hero-subtitle {
  font-family: 'Inter', sans-serif !important;
  font-size: clamp(0.98rem, 1.15vw, 1.08rem) !important;
  line-height: 1.62 !important;
  color: #cbd5e1 !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.85) !important;
  max-width: 540px !important;
  margin-bottom: 30px !important;
  font-weight: 400 !important;
}

/* HERO ACTIONS - HIGH END AUTOMOTIVE BUTTONS */
.hero-actions-group {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  flex-wrap: wrap !important;
}

.btn-hero-primary {
  height: 52px !important;
  padding: 0 28px !important;
  background: linear-gradient(135deg, #e50914 0%, #c40812 100%) !important;
  color: #ffffff !important;
  font-family: 'Outfit', 'Inter', sans-serif !important;
  font-size: 0.88rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  box-shadow: 0 8px 24px rgba(229, 9, 20, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  text-decoration: none !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.btn-hero-primary:hover {
  background: linear-gradient(135deg, #f01420 0%, #d40914 100%) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 30px rgba(229, 9, 20, 0.55), inset 0 1px 0 #ffffff !important;
}

.btn-hero-secondary {
  height: 52px !important;
  padding: 0 26px !important;
  background: rgba(255, 255, 255, 0.05) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: 12px !important;
  color: #f1f5f9 !important;
  font-family: 'Outfit', 'Inter', sans-serif !important;
  font-size: 0.88rem !important;
  font-weight: 750 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.btn-hero-secondary:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(255, 255, 255, 0.3) !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
}

/* MINIMALIST SCROLL CUE */
.hero-scroll-cue {
  position: absolute !important;
  bottom: 24px !important;
  left: clamp(24px, 5vw, 64px) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  color: #94a3b8 !important;
  font-family: 'Outfit', 'Inter', sans-serif !important;
  font-size: 0.72rem !important;
  font-weight: 650 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}
.hero-scroll-cue:hover {
  color: #ffffff !important;
}

.scroll-cue-mouse {
  width: 14px !important;
  height: 22px !important;
  border: 1.5px solid rgba(255, 255, 255, 0.35) !important;
  border-radius: 9999px !important;
  display: flex !important;
  justify-content: center !important;
  padding-top: 3px !important;
}

.scroll-cue-wheel {
  width: 2px !important;
  height: 4px !important;
  background: #e50914 !important;
  border-radius: 1px !important;
  animation: scrollCueAnim 1.8s infinite ease-in-out !important;
}

@keyframes scrollCueAnim {
  0% { transform: translateY(0); opacity: 1; }
  50% { transform: translateY(5px); opacity: 0.2; }
  100% { transform: translateY(0); opacity: 1; }
}

/* LIQUID GLASS TRUST RIBBON */
.hero-trust-bar {
  background: #f8f9fa !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(24, 31, 43, 0.08) !important;
  padding: 84px 0 64px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  position: relative !important;
  z-index: 10 !important;
}
.trust-bar-container {
  max-width: 1540px !important;
  margin: 0 auto !important;
  padding: 0 clamp(20px, 4vw, 48px) !important;
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 16px !important;
}
.trust-bar-item {
  background: rgba(255, 255, 255, 0.85) !important;
  backdrop-filter: blur(24px) saturate(190%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(190%) !important;
  border: 1px solid rgba(255, 255, 255, 0.85) !important;
  border-radius: 18px !important;
  box-shadow: 0 14px 35px rgba(15, 23, 42, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
  padding: 18px 22px !important;
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  text-decoration: none !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.trust-bar-item:hover {
  transform: translateY(-4px) !important;
  background: #ffffff !important;
  box-shadow: 0 20px 45px rgba(15, 23, 42, 0.1), inset 0 1px 0 #ffffff !important;
  border-color: rgba(229, 9, 20, 0.25) !important;
}
.trust-bar-kicker {
  color: #e50914 !important;
  font-weight: 800 !important;
  font-size: 0.68rem !important;
  letter-spacing: 0.06em !important;
}
.trust-bar-title {
  color: #111318 !important;
  font-weight: 850 !important;
  font-size: 0.94rem !important;
}
.trust-bar-desc {
  color: #64748b !important;
  font-size: 0.78rem !important;
}

@media (max-width: 1024px) {
  .trust-bar-container {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 640px) {
  .trust-bar-container {
    grid-template-columns: 1fr !important;
  }
  .hero-container {
    padding: 70px 20px 60px !important;
  }
  .hero-headline {
    font-size: clamp(1.9rem, 7.8vw, 2.5rem) !important;
    line-height: 1.14 !important;
  }
  .hero-actions-group {
    flex-direction: column !important;
    width: 100% !important;
  }
  .btn-hero-primary,
  .btn-hero-secondary {
    width: 100% !important;
  }
}

/* SECTION HEADINGS */
.section-wrap {
  background-color: #f8f9fa !important;
  color: #111318 !important;
  max-width: 1360px;
  margin: 0 auto;
  padding: 70px clamp(16px, 3vw, 28px);
}
.eyebrow-tag {
  color: #e50914 !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: 0.18em !important;
}
.eyebrow-tag::before,
.eyebrow-tag::after {
  background: #e50914 !important;
}
.section-title {
  color: #111318 !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 900 !important;
  letter-spacing: -0.02em !important;
  text-transform: uppercase !important;
}
.section-desc {
  color: #555e6c !important;
}

/* INVENTORY CONTROLS & TABS */
.inv-search-wrap {
  background: #ffffff !important;
  border: 1px solid rgba(24, 31, 43, 0.1) !important;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.04) !important;
}
.inv-search-input {
  color: #111318 !important;
}
.inv-search-input::placeholder {
  color: #8b929e !important;
}

.inv-tab-btn {
  background: #ffffff !important;
  border: 1px solid rgba(24, 31, 43, 0.1) !important;
  color: #4b5563 !important;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.03) !important;
  font-weight: 700 !important;
}
.inv-tab-btn:hover {
  background: #f3f4f6 !important;
  color: #111318 !important;
}
.inv-tab-btn.active {
  background: linear-gradient(135deg, #e50914 0%, #b80710 100%) !important;
  color: #ffffff !important;
  border-color: #e50914 !important;
  box-shadow: 0 6px 18px rgba(229, 9, 20, 0.3) !important;
}

.inventory-count {
  color: #111318 !important;
  font-weight: 800 !important;
}
.filter-toggle {
  background: #ffffff !important;
  border: 1px solid rgba(24, 31, 43, 0.1) !important;
  color: #111318 !important;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.04) !important;
}

/* FACETED FILTERS PANEL (WHITE CARD) */
.filters-panel {
  background: #ffffff !important;
  border: 1px solid rgba(24, 31, 43, 0.08) !important;
  border-radius: 18px !important;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.04) !important;
}
.filters-panel h3 {
  color: #111318 !important;
  font-weight: 800 !important;
}
.reset-filters {
  color: #e50914 !important;
}
.filter-group {
  border-top: 1px solid rgba(24, 31, 43, 0.07) !important;
}
.filter-group label,
.filter-group-title {
  color: #111318 !important;
  font-weight: 800 !important;
}
.filters-panel input,
.filters-panel select {
  background: #f8f9fa !important;
  color: #111318 !important;
  border: 1px solid rgba(24, 31, 43, 0.12) !important;
}
.filters-panel input:focus,
.filters-panel select:focus {
  border-color: #e50914 !important;
  box-shadow: 0 0 0 3px rgba(229, 9, 20, 0.15) !important;
  background: #ffffff !important;
}

/* =========================================================================
   INVENTORY & VEHICLE CARDS - HIGH END SHOWROOM (WHITE & LIQUID GLASS)
   ========================================================================= */

/* Headings & Description */
.section-head-center {
  text-align: center;
  max-width: 820px;
  margin: 0 auto 36px;
  padding: 0 20px;
}
.section-title {
  font-family: 'Outfit', 'Plus Jakarta Sans', sans-serif !important;
  font-size: clamp(2rem, 3.2vw, 2.75rem) !important;
  font-weight: 850 !important;
  color: #111318 !important;
  letter-spacing: -0.025em !important;
  text-transform: uppercase !important;
  line-height: 1.15 !important;
  margin-bottom: 12px !important;
}
.section-desc {
  font-family: 'Inter', sans-serif !important;
  font-size: clamp(0.95rem, 1.1vw, 1.05rem) !important;
  line-height: 1.6 !important;
  color: #64748b !important;
  max-width: 680px !important;
  margin: 0 auto !important;
}

/* Category Quick Filter Pills & Search */
.inventory-controls {
  max-width: 1440px !important;
  margin: 0 auto 28px !important;
  padding: 0 clamp(16px, 4vw, 40px) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
}

.inv-search-wrap {
  position: relative !important;
  max-width: 680px !important;
  width: 100% !important;
  margin: 0 auto !important;
}
.inv-search-wrap svg {
  position: absolute !important;
  left: 18px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: #94a3b8 !important;
  pointer-events: none !important;
}
.inv-search-input {
  width: 100% !important;
  height: 52px !important;
  padding: 0 20px 0 50px !important;
  border-radius: 9999px !important;
  background: #ffffff !important;
  border: 1px solid rgba(24, 31, 43, 0.12) !important;
  box-shadow: 0 4px 18px rgba(15, 23, 42, 0.04) !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 0.95rem !important;
  color: #111318 !important;
  transition: all 0.25s ease !important;
}
.inv-search-input:focus {
  outline: none !important;
  border-color: #e50914 !important;
  box-shadow: 0 0 0 4px rgba(229, 9, 20, 0.12) !important;
}

.inventory-filters {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}
.inv-tab-btn {
  height: 42px !important;
  padding: 0 20px !important;
  border-radius: 9999px !important;
  background: #ffffff !important;
  border: 1px solid rgba(24, 31, 43, 0.1) !important;
  color: #475569 !important;
  font-family: 'Outfit', sans-serif !important;
  font-size: 0.85rem !important;
  font-weight: 750 !important;
  letter-spacing: 0.02em !important;
  cursor: pointer !important;
  transition: all 0.22s ease !important;
  white-space: nowrap !important;
}
.inv-tab-btn:hover {
  background: #f8f9fa !important;
  border-color: rgba(24, 31, 43, 0.2) !important;
  color: #111318 !important;
  transform: translateY(-1px) !important;
}
.inv-tab-btn.active {
  background: #111318 !important;
  border-color: #111318 !important;
  color: #ffffff !important;
  box-shadow: 0 6px 18px rgba(17, 19, 24, 0.18) !important;
}

/* Toolbar (Count + Mobile Filter Toggle) */
.inventory-v50 {
  max-width: 1440px !important;
  margin: 0 auto !important;
  padding: 0 clamp(16px, 4vw, 40px) !important;
}
.inventory-toolbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 20px !important;
  padding-bottom: 14px !important;
  border-bottom: 1px solid rgba(24, 31, 43, 0.08) !important;
}
.inventory-count {
  color: #475569 !important;
  font-family: 'Outfit', sans-serif !important;
  font-size: 0.88rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}
.filter-toggle {
  display: none !important;
  align-items: center !important;
  gap: 8px !important;
  height: 42px !important;
  padding: 0 16px !important;
  background: #ffffff !important;
  border: 1px solid rgba(24, 31, 43, 0.14) !important;
  border-radius: 12px !important;
  color: #111318 !important;
  font-family: 'Outfit', sans-serif !important;
  font-size: 0.85rem !important;
  font-weight: 750 !important;
  cursor: pointer !important;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.05) !important;
}
.filter-toggle .filter-count {
  min-width: 20px !important;
  height: 20px !important;
  padding: 0 6px !important;
  border-radius: 9999px !important;
  background: #e50914 !important;
  color: #ffffff !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  display: grid !important;
  place-items: center !important;
}

/* Layout (Desktop Sidebar + Results Grid) */
.inventory-layout {
  display: grid !important;
  grid-template-columns: 280px minmax(0, 1fr) !important;
  gap: 32px !important;
  align-items: start !important;
}

/* Filters Sidebar */
.filters-panel {
  background: #ffffff !important;
  border: 1px solid rgba(24, 31, 43, 0.08) !important;
  border-radius: 18px !important;
  padding: 22px !important;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.03) !important;
  position: sticky !important;
  top: 90px !important;
  max-height: calc(100vh - 110px) !important;
  overflow-y: auto !important;
}
.filters-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding-bottom: 14px !important;
  border-bottom: 1px solid rgba(24, 31, 43, 0.08) !important;
  margin-bottom: 16px !important;
}
.filters-head h3 {
  color: #111318 !important;
  font-family: 'Outfit', sans-serif !important;
  font-size: 0.95rem !important;
  font-weight: 850 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}
.reset-filters {
  color: #e50914 !important;
  background: transparent !important;
  border: 0 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 0.8rem !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
.filter-group {
  padding: 16px 0 !important;
  border-top: 1px solid rgba(24, 31, 43, 0.06) !important;
}
.filter-group:first-of-type {
  border-top: 0 !important;
  padding-top: 0 !important;
}
.filter-group-title, .filter-group label {
  color: #111318 !important;
  font-family: 'Outfit', sans-serif !important;
  font-size: 0.74rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  margin-bottom: 10px !important;
  display: block !important;
}
.filter-group input[type="search"],
.filter-group input[type="number"] {
  background: #f8f9fa !important;
  border: 1px solid rgba(24, 31, 43, 0.1) !important;
  color: #111318 !important;
  border-radius: 10px !important;
  padding: 10px 12px !important;
  font-size: 0.85rem !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
.filter-group input:focus {
  outline: none !important;
  border-color: #e50914 !important;
  background: #ffffff !important;
}
.check-option {
  color: #334155 !important;
  font-size: 0.86rem !important;
  font-weight: 550 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 4px 0 !important;
  cursor: pointer !important;
}
.check-option input[type="checkbox"] {
  accent-color: #e50914 !important;
  width: 16px !important;
  height: 16px !important;
  border-radius: 4px !important;
}
.check-option em {
  color: #64748b !important;
  background: #f1f5f9 !important;
  font-style: normal !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  padding: 2px 7px !important;
  border-radius: 9999px !important;
}

/* RESULTS GRID (3 COLUMNS DESKTOP, 2 TABLET, 1 MOBILE) */
.inventory-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 24px !important;
}

/* HIGH-END SHOWROOM VEHICLE CARD */
.vehicle-card {
  background: #ffffff !important;
  border: 1px solid rgba(24, 31, 43, 0.08) !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04) !important;
  transition: all 0.32s cubic-bezier(0.16, 1, 0.3, 1) !important;
  display: flex !important;
  flex-direction: column !important;
  cursor: pointer !important;
  position: relative !important;
}
.vehicle-card:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(229, 9, 20, 0.35) !important;
  box-shadow: 0 20px 45px rgba(15, 23, 42, 0.1) !important;
}

/* CARD MEDIA */
.card-media-wrap {
  aspect-ratio: 16 / 10 !important;
  background: #0f1115 !important;
  position: relative !important;
  overflow: hidden !important;
}
.card-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.vehicle-card:hover .card-img {
  transform: scale(1.06) !important;
}

/* CARD BADGES */
.badge-card-cautelar {
  position: absolute !important;
  top: 12px !important;
  left: 12px !important;
  z-index: 5 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 5px 10px !important;
  border-radius: 8px !important;
  background: rgba(15, 23, 42, 0.85) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  color: #ffffff !important;
  font-family: 'Outfit', sans-serif !important;
  font-size: 0.68rem !important;
  font-weight: 750 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}
.badge-card-cautelar svg {
  color: #22c55e !important;
}

.badge-card-photos {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  z-index: 5 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 5px 10px !important;
  border-radius: 8px !important;
  background: rgba(15, 23, 42, 0.85) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  color: #ffffff !important;
  font-family: 'Outfit', sans-serif !important;
  font-size: 0.68rem !important;
  font-weight: 750 !important;
}

/* CARD BODY */
.vehicle-card .card-body {
  padding: 20px 22px 22px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  flex: 1 !important;
  background: #ffffff !important;
}

.card-meta-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}
.card-brand {
  color: #e50914 !important;
  font-family: 'Outfit', sans-serif !important;
  font-size: 0.76rem !important;
  font-weight: 850 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}
.card-year-tag {
  color: #64748b !important;
  background: #f1f5f9 !important;
  padding: 3px 9px !important;
  border-radius: 6px !important;
  font-family: 'Outfit', sans-serif !important;
  font-size: 0.76rem !important;
  font-weight: 750 !important;
}

.vehicle-card .card-title {
  color: #111318 !important;
  font-family: 'Outfit', sans-serif !important;
  font-size: 1.15rem !important;
  font-weight: 850 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.015em !important;
  margin: 0 !important;
}

/* SPEC PILLS */
.card-specs-row {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  flex-wrap: wrap !important;
}
.card-spec-chip {
  background: #f8f9fa !important;
  border: 1px solid rgba(24, 31, 43, 0.08) !important;
  border-radius: 8px !important;
  padding: 5px 9px !important;
  color: #475569 !important;
  font-size: 0.74rem !important;
  font-weight: 650 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  white-space: nowrap !important;
}

/* PRICING ROW */
.card-pricing-row {
  background: #f8f9fa !important;
  border: 1px solid rgba(24, 31, 43, 0.06) !important;
  border-radius: 12px !important;
  padding: 12px 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin-top: 4px !important;
}
.price-cash-col {
  display: flex !important;
  flex-direction: column !important;
}
.price-cash-lbl {
  color: #64748b !important;
  font-size: 0.68rem !important;
  font-weight: 750 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
}
.price-cash-val {
  color: #111318 !important;
  font-family: 'Outfit', sans-serif !important;
  font-size: 1.45rem !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  letter-spacing: -0.02em !important;
}
.price-fin-col {
  display: flex !important;
  flex-direction: column !important;
  text-align: right !important;
}
.price-fin-lbl {
  color: #64748b !important;
  font-size: 0.68rem !important;
  font-weight: 750 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
}
.price-fin-est {
  color: #e50914 !important;
  font-family: 'Outfit', sans-serif !important;
  font-size: 1.05rem !important;
  font-weight: 850 !important;
  line-height: 1.1 !important;
}
.price-fin-est small {
  color: #64748b !important;
  font-size: 0.72rem !important;
  font-weight: 600 !important;
}

/* ACTIONS */
.card-actions-grid {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-top: 4px !important;
}
.btn-card-primary {
  height: 48px !important;
  border-radius: 12px !important;
  background: #111318 !important;
  color: #ffffff !important;
  font-family: 'Outfit', sans-serif !important;
  font-size: 0.85rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.03em !important;
  text-transform: uppercase !important;
  border: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 1 !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
  box-shadow: 0 4px 14px rgba(17, 19, 24, 0.15) !important;
}
.btn-card-primary:hover {
  background: #e50914 !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(229, 9, 20, 0.4) !important;
}
.vehicle-card .btn-card-wa {
  width: 48px !important;
  height: 48px !important;
  border-radius: 12px !important;
  background: rgba(37, 211, 102, 0.12) !important;
  border: 1px solid rgba(37, 211, 102, 0.28) !important;
  color: #16a34a !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  text-decoration: none !important;
  transition: all 0.25s ease !important;
}
.vehicle-card .btn-card-wa:hover {
  background: #25d366 !important;
  color: #ffffff !important;
  border-color: #25d366 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(37, 211, 102, 0.35) !important;
}
.vehicle-card .btn-card-wa svg {
  width: 22px !important;
  height: 22px !important;
}

/* RESPONSIVE INVENTORY (TABLET & MOBILE) */
@media (max-width: 1200px) {
  .inventory-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 1023px) {
  .inventory-layout {
    grid-template-columns: 1fr !important;
  }
  .filter-toggle {
    display: inline-flex !important;
  }
  .filters-panel {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: auto !important;
    width: 320px !important;
    max-width: 85vw !important;
    max-height: 100vh !important;
    height: 100vh !important;
    border-radius: 0 !important;
    z-index: 1050 !important;
    box-shadow: -10px 0 40px rgba(0, 0, 0, 0.3) !important;
    transform: translateX(100%) !important;
    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  }
  .filters-panel.open {
    transform: translateX(0) !important;
  }
  .filters-mobile-close {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #f1f5f9 !important;
    color: #111318 !important;
    border: 1px solid rgba(24, 31, 43, 0.1) !important;
  }
  body.filters-open {
    overflow: hidden !important;
  }
}

@media (max-width: 640px) {
  .inventory-grid {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }
  .inventory-controls {
    padding: 0 16px !important;
  }
  .inventory-filters {
    justify-content: flex-start !important;
    overflow-x: auto !important;
    padding-bottom: 8px !important;
    flex-wrap: nowrap !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }
  .inventory-filters::-webkit-scrollbar {
    display: none !important;
  }
  .inv-tab-btn {
    height: 38px !important;
    padding: 0 16px !important;
    font-size: 0.8rem !important;
    flex-shrink: 0 !important;
  }
}






/* FOOTER: ESTILO INVISÍVEL & SEAMLESS SHOWROOM INTEGRATION */
.site-footer {
  background: #f8f9fa !important;
  color: #475569 !important;
  border-top: 1px solid rgba(24, 31, 43, 0.08) !important;
  padding: 60px 24px 30px !important;
}
.site-footer .footer-text {
  color: #64748b !important;
  font-size: 0.9rem !important;
  line-height: 1.65 !important;
}
.site-footer .footer-contact-line {
  color: #475569 !important;
}
.site-footer .footer-contact-line a {
  color: #1e293b !important;
}
.site-footer .footer-col-title {
  color: #111318 !important;
  font-family: 'Outfit', 'Inter', sans-serif !important;
  font-weight: 800 !important;
  font-size: 0.88rem !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}
.site-footer .footer-link-item {
  color: #475569 !important;
  font-size: 0.9rem !important;
  font-weight: 600 !important;
  transition: all 0.2s ease !important;
}
.site-footer .footer-link-item:hover {
  color: #e50914 !important;
  transform: translateX(3px) !important;
}
.site-footer .footer-bottom-bar {
  border-top: 1px solid rgba(24, 31, 43, 0.08) !important;
  color: #94a3b8 !important;
}

/* SEARCH DIALOG */
.search-dialog {
  background: rgba(17, 19, 24, 0.7) !important;
  backdrop-filter: blur(12px) !important;
}
.search-panel {
  background: #ffffff !important;
  border: 1px solid rgba(24, 31, 43, 0.12) !important;
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.25) !important;
}
.search-field {
  border-bottom: 1px solid rgba(24, 31, 43, 0.08) !important;
}
.search-field input {
  color: #111318 !important;
}
.search-result {
  color: #111318 !important;
}
.search-result:hover {
  background: #f3f4f6 !important;
}

/* MODAL CAROUSEL & DETAIL DIALOG - LUXURY COMPACT SHOWROOM */
.modal-overlay {
  position: fixed !important;
  inset: 0 !important;
  z-index: 99999 !important;
  background: rgba(10, 12, 16, 0.78) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 24px 16px !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: opacity 0.25s ease, visibility 0.25s ease !important;
}

.modal-overlay.open {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

.modal-content-card {
  background: #ffffff !important;
  border: 1px solid rgba(24, 31, 43, 0.1) !important;
  box-shadow: 0 35px 100px -10px rgba(0, 0, 0, 0.45) !important;
  border-radius: 24px !important;
  width: 100% !important;
  max-width: 1080px !important;
  max-height: 90vh !important;
  overflow-y: auto !important;
  display: flex !important;
  flex-direction: column !important;
  margin: auto !important;
  animation: modalPopIn 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

@keyframes modalPopIn {
  from { opacity: 0; transform: scale(0.97) translateY(12px); }
  to { opacity: 1; transform: scale(1) translateY(0); }
}

.vmodal-header {
  padding: 18px 24px !important;
  border-bottom: 1px solid rgba(24, 31, 43, 0.08) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  background: #ffffff !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 20 !important;
  flex-shrink: 0 !important;
}

#vmodalTitle {
  color: #111318 !important;
  font-family: 'Outfit', sans-serif !important;
  font-size: 1.35rem !important;
  font-weight: 900 !important;
  letter-spacing: -0.02em !important;
  margin: 0 !important;
}

.lightbox-close {
  background: #f1f5f9 !important;
  color: #111318 !important;
  border: 1px solid rgba(24, 31, 43, 0.1) !important;
  width: 38px !important;
  height: 38px !important;
  border-radius: 50% !important;
  display: grid !important;
  place-items: center !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  font-size: 1.1rem !important;
}
.lightbox-close:hover {
  background: #e50914 !important;
  color: #ffffff !important;
  border-color: #e50914 !important;
  transform: rotate(90deg) !important;
}

.vmodal-body {
  display: grid !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr) !important;
  gap: 28px !important;
  padding: 24px !important;
  align-items: start !important;
}

/* Gallery Section */
.modal-gallery-wrap {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

.modal-main-stage {
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
  aspect-ratio: 16 / 10 !important;
  max-height: 380px !important;
  background: #090a0f !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: inset 0 0 40px rgba(0, 0, 0, 0.4) !important;
}

.modal-main-stage img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  background: #090a0f !important;
  display: block !important;
}

.modal-nav-btn {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  background: rgba(17, 19, 24, 0.7) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  display: grid !important;
  place-items: center !important;
  cursor: pointer !important;
  font-size: 1.5rem !important;
  line-height: 1 !important;
  z-index: 5 !important;
  backdrop-filter: blur(8px) !important;
  transition: all 0.2s ease !important;
}
.modal-nav-btn:hover {
  background: #e50914 !important;
  border-color: #e50914 !important;
  transform: translateY(-50%) scale(1.08) !important;
}
.modal-nav-btn.prev { left: 12px !important; }
.modal-nav-btn.next { right: 12px !important; }

.modal-photo-counter {
  position: absolute !important;
  bottom: 12px !important;
  right: 12px !important;
  background: rgba(0, 0, 0, 0.65) !important;
  color: #ffffff !important;
  padding: 4px 10px !important;
  border-radius: 9999px !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  backdrop-filter: blur(6px) !important;
}

.modal-thumbs-strip {
  display: flex !important;
  gap: 8px !important;
  overflow-x: auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
  padding: 4px 2px 8px !important;
  scrollbar-width: thin !important;
}

.gallery-thumb {
  flex-shrink: 0 !important;
  width: 68px !important;
  height: 46px !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  border: 2px solid transparent !important;
  padding: 0 !important;
  background: #000000 !important;
  cursor: pointer !important;
  opacity: 0.6 !important;
  transition: all 0.2s ease !important;
}
.gallery-thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}
.gallery-thumb:hover,
.gallery-thumb.active {
  opacity: 1 !important;
  border-color: #e50914 !important;
  transform: scale(1.04) !important;
}

/* Specs & Tags */
.vmodal-price-box {
  background: #f8f9fa !important;
  border: 1px solid rgba(24, 31, 43, 0.08) !important;
  border-radius: 14px !important;
  padding: 14px 18px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 16px !important;
}
.vmodal-price-val {
  color: #111318 !important;
  font-family: 'Outfit', sans-serif !important;
  font-size: 1.55rem !important;
  font-weight: 900 !important;
}

.spec-grid-vmodal {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 8px !important;
  margin-top: 8px !important;
}
.spec-item {
  background: #f8f9fa !important;
  border: 1px solid rgba(24, 31, 43, 0.06) !important;
  border-radius: 10px !important;
  padding: 8px 12px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}
.spec-item small {
  color: #64748b !important;
  font-size: 0.65rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}
.spec-item strong {
  color: #111318 !important;
  font-size: 0.86rem !important;
  font-weight: 750 !important;
}

.tags-list-vmodal {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 8px 0 0 !important;
}
.tags-list-vmodal li {
  color: #334155 !important;
  background: #f1f5f9 !important;
  border: 1px solid rgba(24, 31, 43, 0.06) !important;
  border-radius: 6px !important;
  padding: 4px 8px !important;
  font-size: 0.74rem !important;
  font-weight: 600 !important;
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
}
.tags-list-vmodal li svg {
  color: #e50914 !important;
  width: 12px !important;
  height: 12px !important;
}

/* Modal CTA Buttons */
.vmodal-body .btn-card-apply {
  background: #e50914 !important;
  color: #ffffff !important;
  border-radius: 12px !important;
  font-weight: 750 !important;
  font-size: 0.88rem !important;
  box-shadow: 0 4px 16px rgba(229, 9, 20, 0.25) !important;
  transition: all 0.2s ease !important;
}
.vmodal-body .btn-card-apply:hover {
  background: #b90710 !important;
  transform: translateY(-2px) !important;
}
.vmodal-body .btn-hero-secondary {
  background: #f1f5f9 !important;
  color: #111318 !important;
  border: 1px solid rgba(24, 31, 43, 0.1) !important;
  border-radius: 12px !important;
  font-weight: 750 !important;
  font-size: 0.84rem !important;
  transition: all 0.2s ease !important;
}
.vmodal-body .btn-hero-secondary:hover {
  background: #e2e8f0 !important;
  border-color: rgba(24, 31, 43, 0.2) !important;
  transform: translateY(-1px) !important;
}

@media (max-width: 860px) {
  .vmodal-body {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    padding: 16px !important;
  }
  .modal-main-stage {
    max-height: 280px !important;
  }
  .modal-content-card {
    max-height: 94vh !important;
    border-radius: 18px !important;
  }
}

/* FLOATING HUB */
.floating-btn {
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.2) !important;
}

/* RESPONSIVE HERO & TRUST BAR OVERRIDES */
@media (max-width: 1023px) {
  .hero-trust-bar {
    padding: 64px 0 44px !important;
    margin-top: 0 !important;
  }
}
@media (max-width: 768px) {
  .hero-section {
    height: 100svh !important;
    min-height: 560px !important;
  }
  .hero-container {
    padding: 70px 20px 24px !important;
  }
  .hero-headline {
    font-size: clamp(1.8rem, 7.5vw, 2.4rem) !important;
    margin-bottom: 16px !important;
  }
  .hero-subtitle {
    font-size: 0.94rem !important;
    margin-bottom: 22px !important;
  }
  .hero-actions-group {
    flex-direction: column !important;
    width: 100% !important;
    gap: 12px !important;
  }
  .btn-hero-primary, .btn-hero-secondary {
    width: 100% !important;
    justify-content: center !important;
    padding: 14px 20px !important;
  }
  .hero-trust-bar {
    padding: 48px 0 36px !important;
    margin-top: 0 !important;
  }
}