/* CARGLOW homepage motion: short, optional, and layout-stable. */
@media (prefers-reduced-motion: no-preference) {
 body.home #header-desktop, body.home #header-mobiel-tablet { overflow:hidden; isolation:isolate; }
 body.home #header-desktop::before, body.home #header-mobiel-tablet::before {
  content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
  background-image:inherit; background-position:inherit; background-size:inherit;
  background-repeat:no-repeat; border-radius:inherit;
  animation:carglow-hero-zoom 1800ms cubic-bezier(.2,.65,.3,1) both;
 }
 body.home #page-content a.w-btn, body.home #page-content a.button,
 body.home #header-desktop a, body.home #header-mobiel-tablet a {
  transition:translate 180ms ease,box-shadow 180ms ease,background-color 180ms ease;
 }
 body.home #page-content a.w-btn:active, body.home #page-content a.button:active,
 body.home #header-desktop a:active, body.home #header-mobiel-tablet a:active { translate:0 1px; }
 @media (hover:hover) and (pointer:fine) {
  body.home #page-content .product .w-grid-item-h { transition:translate 220ms ease,box-shadow 220ms ease; }
  body.home #page-content .product .w-grid-item-h:hover,
  body.home #page-content .product .w-grid-item-h:focus-within { translate:0 -4px; }
  body.home #page-content a.w-btn:hover, body.home #page-content a.button:hover,
  body.home #header-desktop a:hover, body.home #header-mobiel-tablet a:hover {
   translate:0 -2px; box-shadow:0 5px 14px rgba(0,0,0,.14);
  }
 }
 @media (max-width:600px) {
  body.home #header-mobiel-tablet::before { animation-name:carglow-hero-zoom-mobile; animation-duration:1400ms; }
 }
}
@keyframes carglow-hero-zoom { from { transform:scale(1); } to { transform:scale(1.035); } }
@keyframes carglow-hero-zoom-mobile { from { transform:scale(1); } to { transform:scale(1.02); } }