/* Homepage composition matched to the supplied 1534 × 816 reference.
   Scoped here so the campaign forms and secondary pages retain their styling. */
.reference-home {
  --headerHeight: 3.35rem;
  --footerHeight: 2.4rem;
  --fontStdRegular: Arial, sans-serif;
  --mechanic-title-size: 1.45455rem;
  --mechanic-detail-size: .9rem;
  --campaign-title-size: 3.55rem;
}

.reference-home .container-footer {
  box-shadow: none;
}

.reference-home .winter-ghost-claim {
  opacity: 1 !important;
}

.reference-home .container-home .text-headline-logo .winter-headline {
  opacity: 1 !important;
}

/* Reserve the established title area while sizing the artwork to the font's
   capital height. The raster's N is 102 px tall in its 1300 px wide source. */
.reference-home .winter-headline-slot {
  position: relative;
  display: block;
  flex-shrink: 0;
  width: 24.6rem;
  aspect-ratio: 1300 / 394;
}

.reference-home .winter-home {
  min-height: 46.6vw !important;
  background: #072f80 !important;
}

.reference-home .winter-home::before {
  background: url('../images/winter/poster-emblema-original.png') center 59% / 26% auto no-repeat !important;
}

.reference-home .corner-white-shape {
  display: none !important;
}

/* Show the full transparent snow silhouette above the footer. */
.reference-home .winter-home::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: auto 0 -.4rem !important;
  height: 7.2vw !important;
  background: url('../images/winter/poster-zapada-jos-original.png') center bottom / 100% 100% no-repeat !important;
  z-index: 190 !important;
  pointer-events: none !important;
}

/* The bottle sits behind the snow; trees and corner marks sit in front. */
.reference-home .winter-tree {
  z-index: 200 !important;
  transform-origin: center bottom;
}

.reference-home .winter-tree-left {
  display: block !important;
  width: 6.2% !important;
  left: -.5% !important;
  bottom: 1.2rem !important;
  transform: rotate(-8deg) !important;
}

.reference-home .winter-tree-left-small {
  width: 3.8% !important;
  left: 6.3% !important;
  bottom: .3rem !important;
  transform: rotate(9deg) !important;
}

.reference-home .winter-tree-right {
  width: 8% !important;
  right: -.5% !important;
  bottom: 0 !important;
  transform: rotate(5deg) !important;
}

.reference-home .winter-tree-right-mid {
  width: 5.4% !important;
  right: 10% !important;
  bottom: 1.3rem !important;
  transform: rotate(-8deg) !important;
}

.reference-home .winter-sky {
  background: url('../images/winter/poster-zapada-sw-original.png') center 55.7% / 100% auto no-repeat !important;
}

.reference-home .container-home .corner-white {
  inset: auto 0 0 !important;
  width: 100% !important;
  height: 12rem !important;
  padding: 0 !important;
  pointer-events: none;
  overflow: visible;
}

.reference-home .container-home .corner-white .tuborg-da-tonul-logo {
  top: auto !important;
  right: 14rem !important;
  bottom: .7rem;
  opacity: 1;
}

.reference-home .container-home .corner-white .age-img {
  top: auto !important;
  right: 0.9rem;
  bottom: 1rem;
  width: 3.9rem;
  transform: rotate(0deg);
}

.reference-home .container-home .banda-blue .mecanica-item {
  animation: none !important;
}

/* Original staggered entrance, using separate scale/translate so the
   prizes stay upright despite legacy transform declarations. */
.reference-home .container-home .premii-container .winter-prize {
  transform: none !important;
  rotate: none !important;
  animation: winterPrizeEntrance 1.5s 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 winterPrizeEntrance {
  0%, 70% { opacity: 0; scale: 0; translate: 0 -300px; }
  100% { opacity: 1; scale: 1; translate: 0 0; }
}
@media (prefers-reduced-motion: reduce) {
  .reference-home .container-home .premii-container .winter-prize { animation: none !important; }
}

.reference-home .container-home .banda-blue .mecanica-item-3 .small {
  font-size: .82rem;
}

/* Match all mechanics to the main and supporting copy of the prize step. */
.reference-home .container-home .banda-blue .banda-blue-mecanica .mecanica .mecanica-item .mecanica-text .bold {
  font-family: var(--fontStdBold), sans-serif !important;
  font-size: var(--mechanic-title-size) !important;
  font-weight: 400;
  line-height: 1.02 !important;
}
.reference-home .container-home .banda-blue .banda-blue-mecanica .mecanica .mecanica-item .mecanica-text .mechanic-detail,
.reference-home .container-home .banda-blue .banda-blue-mecanica .mecanica .mecanica-item .mecanica-text .receipt-copy,
.reference-home .container-home .banda-blue .banda-blue-mecanica .mecanica .mecanica-item .mecanica-text .small {
  font-family: var(--fontStdRegular) !important;
  font-size: var(--mechanic-detail-size) !important;
  font-weight: 400;
  line-height: 1.02 !important;
}

.reference-home .containerButtonStd .btn-content .button {
  border: 0;
  color: #fff !important;
  white-space: nowrap;
}

.reference-home a:focus-visible,
.reference-home button:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 5px;
}

/* Artwork supplied with the campaign poster. */
.reference-home .winter-poster-sleigh {
  position: absolute;
  z-index: 125;
  top: 1.5rem;
  right: 26%;
  width: 12%;
  height: auto;
  pointer-events: none;
  transform: rotate(-20deg);
  transform-origin: left top;
}
.reference-home .container-home .banda-blue .mecanica-img .winter-cart-icon,
.reference-home .container-home .banda-blue .mecanica-img .winter-receipt-icon {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  filter: none !important;
  box-shadow: none !important;
}
.reference-home .container-home .bottle-with-lines .img-bottle,
.reference-home .container-home .bottle-with-lines-mobile .img-bottle {
  position: absolute !important;
  object-fit: contain !important;
  max-width: none !important;
  margin: 0 !important;
  animation: none !important;
  pointer-events: none;
}

.reference-home .winter-instant-heading {
  position: absolute;
  color: var(--winterIce);
  font-family: var(--fontStdBlack), Arial, sans-serif;
  font-size: 1.55rem;
  line-height: 1.1;
  text-transform: uppercase;
  white-space: nowrap;
  transform: rotate(-10.9deg);
  transform-origin: left top;
}

@media (min-width: 1024px) {
  .reference-home .container-footer {
    padding-top: .35rem;
  }

  .reference-home .container-footer .footer-item {
    font-size: .75rem;
  }

  .reference-home .container-home .text-headline-logo {
    left: 12rem !important;
    top: 1.45rem !important;
    width: 41rem !important;
  }

  .reference-home .container-home .text-headline-logo .winter-headline {
    position: absolute !important;
    left: 0; bottom: 0;
    font-family: var(--fontStdBlack);
    font-size: var(--campaign-title-size);
    width: 12.2cap !important;
    max-width: none !important;
    height: auto !important;
    transform: translateY(1rem) rotate(2deg) !important;
    transform-origin: left bottom;
    bottom: 0.8rem;
  }

  .reference-home .winter-ghost-claim {
    font-size: var(--campaign-title-size) !important;
    line-height: 2.496rem !important;
    margin: -2.82rem 0 0 7rem !important;
  }

  .reference-home .winter-main-claim {
    font-size: var(--campaign-title-size) !important;
    line-height: .87 !important;
    margin: 1rem 0 0 1.05rem !important;
  }

  .reference-home .container-home .bottle-with-lines {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    overflow: visible !important;
  }

  .reference-home .container-home .bottle-with-lines .winter-xmas-bottle {
    top: auto !important;
    bottom: 2rem !important;
    left: auto !important;
    right: 2rem !important;
    width: auto !important;
    height: 35rem !important;
    transform: rotate(5deg) !important;
    transform-origin: 45% 93% !important;
    animation: none !important;
  }

  .reference-home .container-home .bottle-with-lines .winter-standard-bottle {
    top: auto !important;
    bottom: 2rem !important;
    left: 2rem !important;
    right: auto !important;
    width: auto !important;
    height: 30rem !important;
    transform: rotate(-5deg) !important;
    transform-origin: center bottom !important;
    filter: drop-shadow(0 16px 13px rgba(9,49,88,.27));
  }

  .reference-home .container-home .banda-blue .banda-blue-mecanica {
    width: 76% !important;
    padding-left: 22% !important;
  }

  .reference-home .container-home .banda-blue .mecanica-item-1 .mecanica-img,
  .reference-home .container-home .banda-blue .mecanica-item-2 .mecanica-img {
    width: 4.5rem !important;
    min-width: 4.5rem !important;
    height: 4.5rem !important;
    filter: none !important;
  }

  /* Individual prizes share the band's angle, without a second rotation. */
  .reference-home .winter-instant-heading {
    left: 48%;
    top: 23.5rem;
    width: 38%;
    text-align: center;
  }
  .reference-home .container-home .premii-container .winter-prizes {
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    transform: none !important;
  }

  .reference-home .container-home .premii-container .winter-prize {
    position: absolute !important;
    margin: 0 !important;
    rotate: none !important;
    transform: rotate(-10.9deg) !important;
    transform-origin: center top !important;
  }

  .reference-home .container-home .premii-container .winter-prize.prize-item1 {
    left: 22% !important;
    top: 25.1rem !important;
    width: 23% !important;
  }

  .reference-home .container-home .premii-container .winter-prize.prize-item2 {
    left: 48% !important;
    top: 25.3rem !important;
    width: 11% !important;
  }

  .reference-home .container-home .premii-container .winter-prize.prize-item3 {
    left: 63% !important;
    top: 22.9rem !important;
    width: 8.5% !important;
  }

  .reference-home .container-home .premii-container .winter-prize.prize-item4 {
    left: 75% !important;
    top: 20.6rem !important;
    width: 11% !important;
  }

  .reference-home .container-home .premii-container .winter-prize .prize-image {
    height: 8.2rem !important;
  }

  .reference-home .container-home .premii-container .winter-prize.grand-prize .prize-image {
    height: 9rem !important;
  }

  .reference-home .container-home .banda-blue .mecanica-item-1 .mecanica-text {
    font-size: 1.13rem !important;
  }

  .reference-home .container-home .banda-blue {
    top: 10.5rem !important;
    border-width: 6px !important;
  }

  .reference-home .container-home .premii-container .winter-prize .winter-prize-label {
    margin: .35rem 0 0 !important;
  }

  .reference-home .container-home .premii-container .winter-prize.grand-prize .winter-prize-label {
    margin-top: -.6rem !important;
    padding-top: 0 !important;
  }

  .reference-home .container-home .premii-container .prize-qty-number {
    font-size: 1.7rem !important;
  }
}