/* v21: perfumes emerge from behind the real Essenzi bag in the Shop step. */
.shop-perfume-reveal{position:relative;isolation:isolate;flex:none;width:200px;height:136px}
.shop-perfume-bag{position:absolute;bottom:0;left:41px;width:118px;height:128px;object-fit:contain;z-index:4;filter:drop-shadow(0 8px 7px #63331425)}
.shop-perfume-image{position:absolute;bottom:39px;width:83px;height:105px;object-fit:contain;z-index:1;transform-origin:50% 85%;filter:drop-shadow(0 4px 4px #48201925);animation:perfume-unbox-v21 5.6s cubic-bezier(.4,0,.2,1) infinite both}
.perfume-hawas{left:0;--bottle-tilt:-15deg;animation-delay:-.35s}
.perfume-heel{left:58px;--bottle-tilt:1deg;z-index:2;animation-delay:-.15s}
.perfume-opium{left:116px;--bottle-tilt:15deg;animation-delay:.05s}
@keyframes perfume-unbox-v21{
  0%,8%,100%{opacity:0;transform:translateY(65px) rotate(0deg) scale(.6)}
  19%{opacity:1}
  32%,60%{opacity:1;transform:translateY(-15px) rotate(var(--bottle-tilt)) scale(1)}
  46%{opacity:1;transform:translateY(-20px) rotate(var(--bottle-tilt)) scale(1)}
  77%{opacity:1;transform:translateY(-15px) rotate(var(--bottle-tilt)) scale(1)}
  92%{opacity:0;transform:translateY(65px) rotate(0deg) scale(.6)}
}
/* Smaller wide cutouts balance the narrower bag/phone without moving card copy. */
.participation-v11 .participation-object-coupon{height:136.69px;top:-1.47px}
.participation-v11 .participation-object-car{height:135.91px;top:-2.98px}

/* Reduce the Winners artwork about 15%; keep the key larger than the bags. */
.winners-celebration .podium-symbol{width:136px;height:136px}
.winners-celebration .podium-grand .podium-symbol{width:196px;height:196px}
.winners-celebration .prize-podium{padding-top:236px}

/* The supplied app home screen, including all navigation, sits inside one frame.
   No cropping, duplicate status bar, or imaginary screen contents. */
.footer-app-device{position:relative;z-index:1;flex:none;height:580px;aspect-ratio:863/1859;padding:6px;background:#171717;border:2px solid #d4a557;border-radius:34px;overflow:hidden;transform:rotate(7deg);box-shadow:0 0 0 1px #f1d38b,0 25px 60px #5600125c}
.footer-app-device>img{display:block;width:100%;height:100%;object-fit:contain;border-radius:25px;background:#fff}
@media(min-width:701px){
  #app>.app-grid{min-height:650px}
  #app .phone-scene{align-items:center}
}
@media(min-width:701px) and (max-width:1000px){
  .footer-app-device{height:520px}
}
@media(max-width:1000px){
  .participation-v11 .quick-steps-grid{row-gap:120px}
}
@media(max-width:700px){
  .winners-celebration .podium-symbol{width:clamp(65px,19.5vw,119px);height:clamp(65px,19.5vw,119px)}
  .winners-celebration .podium-grand .podium-symbol{width:clamp(95px,28vw,170px);height:clamp(95px,28vw,170px)}
  .winners-celebration .prize-podium{padding-top:calc(clamp(95px,28vw,170px) + 35px)}
  .mobile-footer-art .footer-app-device{height:100%;max-width:48%;padding:1cqw;border-width:.35cqw;border-radius:4cqw;transform:rotate(-6deg)}
  .mobile-footer-art .footer-app-device>img{border-radius:3cqw}
}
@media(prefers-reduced-motion:reduce){
  .shop-perfume-image{animation:none!important;opacity:1;transform:translateY(-15px) rotate(var(--bottle-tilt))}
  .footer-app-device,.mobile-footer-art .footer-app-device{transform:none}
}