/* Original campaign motion, composed with the existing layout transforms. */
/* Keep the entrance visible after the visitor dismisses the age gate. */
.reference-home:has([data-age-gate]:not([hidden])) .container-home .banda-blue .banda-blue-mecanica .mecanica .mecanica-item,
.reference-home:has([data-age-gate]:not([hidden])) .container-home :is(.bottle-with-lines, .bottle-with-lines-mobile) .img-bottle:is(.winter-standard-bottle, .winter-xmas-bottle),
.reference-home:has([data-age-gate]:not([hidden])) .container-home .premii-container .winter-prize,
.reference-home:has([data-age-gate]:not([hidden])) .winter-instant-heading {
  animation-play-state: paused !important;
}

.reference-home .container-home :is(.bottle-with-lines, .bottle-with-lines-mobile) .img-bottle:is(.winter-standard-bottle, .winter-xmas-bottle) {
  animation: campaignBottleFloat 20s ease-in-out infinite !important;
}

.reference-home .container-home :is(.bottle-with-lines, .bottle-with-lines-mobile) .img-bottle.winter-xmas-bottle {
  animation-name: campaignWinterBottleFloat !important;
}

.reference-home .container-home .banda-blue .banda-blue-mecanica .mecanica .mecanica-item.mecanica-item-1 {
  animation: campaignMechanicEntrance 1.5s ease-out forwards, campaignMechanicPulse 7s ease-in 1.5s infinite !important;
}
.reference-home .container-home .banda-blue .banda-blue-mecanica .mecanica .mecanica-item.mecanica-item-2 {
  animation: campaignMechanicEntrance 1.8s ease-out forwards, campaignMechanicPulse 7s ease-in 4s infinite !important;
}
.reference-home .container-home .banda-blue .banda-blue-mecanica .mecanica .mecanica-item.mecanica-item-3 {
  animation: campaignMechanicEntrance 2.1s ease-out forwards, campaignMechanicPulse 7s ease-in 6.5s infinite !important;
}

.reference-home .container-home .premii-container .winter-prize {
  animation: campaignPrizeEntrance 1.5s ease-in both !important;
}
.reference-home .winter-instant-heading {
  animation: campaignPrizeEntrance 1.7s ease-in both !important;
}
.reference-home .container-home .premii-container .winter-prize.prize-item2 { animation-duration: 1.9s !important; }
.reference-home .container-home .premii-container .winter-prize.prize-item3 { animation-duration: 2.3s !important; }
.reference-home .container-home .premii-container .winter-prize.prize-item4 { animation-duration: 2.7s !important; }

@keyframes campaignBottleFloat {
  0%, 50%, 100% { translate: 0 0; rotate: 0deg; }
  10% { translate: -4px -6px; rotate: -1deg; }
  20% { translate: 3px -10px; rotate: 1deg; }
  30% { translate: 6px -5px; rotate: .5deg; }
  40% { translate: -3px -7px; rotate: -.5deg; }
}
@keyframes campaignWinterBottleFloat {
  0%, 50%, 100% { translate: 0 0; rotate: 0deg; }
  60% { translate: -4px -6px; rotate: -1deg; }
  70% { translate: 3px -10px; rotate: 1deg; }
  80% { translate: 6px -5px; rotate: .5deg; }
  90% { translate: -3px -7px; rotate: -.5deg; }
}
@keyframes campaignMechanicEntrance {
  0%, 45% { scale: 0; }
  90% { scale: 1.2; }
  100% { scale: 1; }
}
@keyframes campaignMechanicPulse {
  0%, 80%, 100% { scale: 1; }
  90% { scale: 1.05; }
}
@keyframes campaignPrizeEntrance {
  0%, 70% { opacity: 0; scale: 0; translate: 0 -300px; }
  100% { opacity: 1; scale: 1; translate: 0 0; }
}

@media (max-width: 1023px) {
  .reference-home .container-home :is(.bottle-with-lines, .bottle-with-lines-mobile) .img-bottle:is(.winter-standard-bottle, .winter-xmas-bottle) {
    animation-duration: 30s !important;
  }
  .reference-home .container-home .premii-container .winter-prize.prize-item3 { animation-duration: 2.7s !important; }
  .reference-home .container-home .premii-container .winter-prize.prize-item4 { animation-duration: 3.1s !important; }
}

@media (prefers-reduced-motion: reduce) {
  .reference-home .container-home :is(.bottle-with-lines, .bottle-with-lines-mobile) .img-bottle:is(.winter-standard-bottle, .winter-xmas-bottle),
  .reference-home .container-home .banda-blue .banda-blue-mecanica .mecanica .mecanica-item:is(.mecanica-item-1, .mecanica-item-2, .mecanica-item-3),
  .reference-home .container-home .premii-container .winter-prize,
  .reference-home .winter-instant-heading {
    animation: none !important;
  }
}
