/* =========================================================
   SKPCB v3.3.20 — DELIVERY VEHICLE VISIBILITY + MOTION LOCK
   Does not alter pricing or carousel JS.
   ========================================================= */

/* HOME SLIDER: never let later theme/mobile rules hide the vehicle. */
html body.page-home .hero-delivery-slide .delivery-motion-scene{
  display:flex !important;
  visibility:visible !important;
  opacity:1 !important;
}
html body.page-home .hero-delivery-slide .hero-delivery-vehicle-wrap{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  position:relative !important;
  z-index:5 !important;
  aspect-ratio:3/2 !important;
  transform-origin:50% 82% !important;
  will-change:transform !important;
}
html body.page-home .hero-delivery-slide.active .hero-delivery-vehicle-wrap{
  opacity:1 !important;
  animation:sk-delivery-drive-through 5s cubic-bezier(.18,.7,.18,1) both !important;
}
html body.page-home .hero-delivery-slide .hero-delivery-layer-lock{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  z-index:4 !important;
}
html body.page-home .hero-delivery-slide.active .hero-delivery-layer-lock{
  animation:sk-delivery-suspension .52s ease-in-out infinite !important;
}
html body.page-home .hero-delivery-slide .hero-delivery-vehicle-wrap .hero-delivery-vehicle,
html body.page-home .hero-delivery-slide .hero-delivery-vehicle-wrap .delivery-rim-overlay{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  object-fit:contain !important;
  object-position:center bottom !important;
  mix-blend-mode:normal !important;
  filter:none !important;
  transform:none !important;
  pointer-events:none !important;
}
html body.page-home .hero-delivery-slide .hero-delivery-vehicle-wrap .hero-delivery-vehicle{z-index:3 !important;}
html body.page-home .hero-delivery-slide .hero-delivery-vehicle-wrap .delivery-rim-overlay{z-index:6 !important;}

/* If reduced-motion is enabled, keep the van visible instead of leaving it at the hidden start pose. */
@media (prefers-reduced-motion: reduce){
  html body.page-home .hero-delivery-slide .hero-delivery-vehicle-wrap{
    opacity:1 !important;
    transform:none !important;
    animation:none !important;
  }
  html body.page-home .hero-delivery-slide .hero-delivery-layer-lock{animation:none !important;}
}

/* DELIVERY PAGE: body + rim overlay stay aligned while internal SVG rims spin. */
html body.page-delivery .delivery-page-vehicle-wrap{
  display:block !important;
  visibility:visible !important;
  opacity:1;
  position:relative !important;
  z-index:5 !important;
  aspect-ratio:3/2 !important;
}
html body.page-delivery .delivery-page-vehicle-wrap > img{
  display:block !important;
  visibility:visible !important;
}
html body.page-delivery .delivery-page-vehicle-wrap > img:first-child{
  z-index:3 !important;
  opacity:1 !important;
}
html body.page-delivery .delivery-page-vehicle-wrap > .delivery-rim-overlay{
  z-index:6 !important;
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center bottom !important;
  pointer-events:none !important;
}