/* ======================================================================
   Abdellaoui Universal Cars — Lightweight loading intro (v3)
   Rebuilt for speed: no SVG turbulence filters, no smoke layers, no
   forced audio. Just the logo + a spinning progress ring, gone in well
   under a second on a normal load. Ties itself to the real page load
   instead of a fixed multi-second cinematic timeline.
   ====================================================================== */

body.auc-intro-lock{ overflow:hidden; height:100%; }

#auc-intro{
  position:fixed; inset:0; z-index:4000;
  background:#0b0b0d;
  display:flex; align-items:center; justify-content:center;
  transition: opacity .35s ease;
}
#auc-intro.auc-hide{ opacity:0; pointer-events:none; }

.auc-intro-skip{
  position:absolute; top:20px; inset-inline-end:20px; z-index:5;
  background: rgba(255,255,255,.06); border:1.5px solid rgba(255,255,255,.24);
  color:#fff; font-family: var(--f-display); font-weight:700; font-size:.8rem;
  padding:8px 16px; border-radius:999px; cursor:pointer;
}
.auc-intro-skip:hover{ background:#fff; color:var(--c-black); border-color:#fff; }

.auc-intro-stage{
  display:flex; flex-direction:column; align-items:center; gap:16px;
}

.auc-wheel-holder{ position:relative; width:120px; height:120px; }

.auc-intro-logo{
  position:absolute; inset:22px; width:calc(100% - 44px); height:calc(100% - 44px);
  object-fit:contain; border-radius:50%; background:#fff;
  animation: aucPulse 1.4s ease-in-out infinite;
}
@keyframes aucPulse{ 0%,100%{ transform:scale(1); } 50%{ transform:scale(1.05); } }

.auc-progress-ring{ position:absolute; inset:0; transform: rotate(-90deg); }
.auc-progress-ring .ring-bg{ fill:none; stroke:rgba(255,255,255,.1); stroke-width:3; }
.auc-progress-ring .ring-fill{
  fill:none; stroke: var(--c-red); stroke-width:3; stroke-linecap:round;
  transition: stroke-dashoffset .12s linear;
}

.auc-intro-label{
  color: var(--c-steel-light); font-family:var(--f-display); font-weight:700; font-size:.78rem;
  letter-spacing:.1em;
  display:flex; align-items:center; gap:8px;
}
.auc-intro-percent{ color:#fff; font-variant-numeric: tabular-nums; }

@media (prefers-reduced-motion: reduce){
  #auc-intro{ display:none !important; }
  .auc-intro-logo{ animation:none; }
}