/* Base & Smoothing */
  html {
    scroll-behavior: smooth;
    -webkit-tap-highlight-color: transparent;
  }

  body {
    font-feature-settings: "cv02", "cv03", "cv04", "cv11";
  }

  /* Monospace Tabular Figures for Automotive Telemetry */
  .font-mono,
  [data-tabular="true"] {
    font-feature-settings: "tnum" 1, "cv05" 1;
  }

  /* Custom Smooth Scrollbar */
  ::-webkit-scrollbar {
    width: 6px;
    height: 6px;
  }

  ::-webkit-scrollbar-track {
    background: #eff4ff;
  }

  ::-webkit-scrollbar-thumb {
    background: #c0c7d3;
    border-radius: 9999px;
  }

  ::-webkit-scrollbar-thumb:hover {
    background: #717783;
  }

  /* Swatch Ring Active Animation */
  .color-swatch-btn {
    transition: transform 0.15s ease, box-shadow 0.15s ease;
  }

  .color-swatch-btn:hover {
    transform: scale(1.08);
  }

  .color-swatch-btn.active-swatch {
    transform: scale(1.12);
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #0077c8;
  }

  /* Ambient Glassmorphic Card Shadows */
  .card-nordic-shadow {
    box-shadow: 0 4px 20px -2px rgba(11, 15, 23, 0.03), 0 1px 3px 0 rgba(11, 15, 23, 0.02);
  }

  /* Smooth Tab Fade Transition */
  .fade-transition {
    transition: opacity 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  }

  /* Video sinematik: bersihkan seluruh antarmuka YouTube.
     Judul, logo, dan tombol "Watch on YouTube" dipangkas dengan memperbesar
     iframe, sementara pointer-events dimatikan agar judul tidak muncul saat hover. */
  .volvo-video-shell {
    position: absolute;
    inset: 0;
    overflow: hidden;
    background: #000;
  }

  .volvo-video-shell > iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    pointer-events: none;
    transform: scale(1.25);
    transform-origin: center center;
  }

  .volvo-video-shell > video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }