/* Kendaraan — tambahan di atas aqiqah-toys-shared/toys.css: cover berupa garasi, pintu naik lalu kendaraan melaju keluar. */
.garage{position:absolute;left:50%;bottom:0;width:224px;transform:translateX(-50%)}
.garage-roof{height:64px;background:var(--c2);clip-path:polygon(50% 0,100% 72%,100% 100%,0 100%,0 72%);
  display:flex;align-items:flex-end;justify-content:center;padding-bottom:7px}
.garage-roof span{font-family:'Fredoka',sans-serif;font-weight:700;font-size:17px;letter-spacing:.14em;color:var(--on-c2)}
.garage-wall{position:relative;overflow:hidden;height:170px;padding:14px 16px 0;background:var(--paper);border:4px solid var(--c2);border-top:0;border-radius:0 0 14px 14px}
.garage-bay{position:relative;height:100%;overflow:hidden;border-radius:10px 10px 0 0;background:var(--soft)}
.garage-hero{position:absolute;left:50%;bottom:-8px;width:168px;transform:translateX(-50%)}
.garage-door{position:absolute;left:16px;right:16px;top:14px;bottom:0;border-radius:10px 10px 0 0;
  background:repeating-linear-gradient(to bottom,transparent 0 14px,rgba(0,0,0,.14) 14px 16px) var(--c3);
  animation:door-peek 3s ease-in-out infinite;transition:transform .8s cubic-bezier(.6,0,.3,1)}
.garage-door::after{content:"";position:absolute;left:50%;bottom:12px;width:44px;height:8px;margin-left:-22px;border-radius:6px;background:rgba(0,0,0,.25)}
.cover.is-opening .garage-door{animation:none;transform:translateY(-104%)}
.cover.is-opening .garage-hero{animation:drive-out .9s .5s cubic-bezier(.5,0,.8,.4) forwards}
@keyframes door-peek{0%,100%{transform:translateY(0)}50%{transform:translateY(-26%)}}
@keyframes drive-out{to{transform:translateX(150%)}}
