/* v23: full portrait creative, uncropped Live Draw scenes and classic footer. */
:root{--essenzi-banner-two-tone:radial-gradient(ellipse at 76% 36%,#ec234833,transparent 60%),linear-gradient(115deg,#cf062b 0%,#ad0027 55%,#810020 100%)}
.campaign-carousel :is(.banner-shopping,.banner-car){background:var(--essenzi-banner-two-tone)}
.campaign-car-picture{display:block;width:100%;min-width:0}
.participation-prize-art{padding-bottom:0}

/* The full image is fitted inside the available canvas. The car and bag never
   disappear behind a cover crop or the overlapping countdown ticket. */
.live-draw-hero{background:#550017}
.live-draw-artwork{inset:0 0 90px 0;display:block}
.live-draw-artwork img{display:block;width:100%;height:100%;object-fit:contain;object-position:right top;filter:none}
.live-draw-hero-shade{background:linear-gradient(90deg,#550017 0%,#550017e6 22%,#55001744 41%,transparent 58%),linear-gradient(0deg,#550017 0%,transparent 19%)}
.live-draw-hero .countdown-heading{width:40%;max-width:480px}
.live-draw-hero .countdown-heading h1{font-size:clamp(28px,2.8vw,52px)}
.live-draw-hero .countdown-heading p{max-width:100%}

/* The supplied classic black logo has transparent side margins. Reveal its
   original silhouette at the existing footer size without altering the file. */
.footer-top .official-logo{width:150px;height:45px;overflow:hidden}
.footer-top .official-logo img{width:208.333px;height:46.667px;max-width:none;object-fit:fill;transform:translate(-29.167px,-2.083px);filter:none;opacity:1}
.footer-top .official-logo:after{content:none;display:none}

@media(max-width:700px){
  /* The artwork itself is 5:6. It fills the 1000×1200 mobile slot edge to edge;
     its upper quiet area holds the existing live HTML copy and CTA. */
  .banner-car .mobile-promo{padding:5cqw 6cqw;gap:0;isolation:isolate}
  .banner-car .mobile-promo-copy{z-index:2}
  .banner-car .mobile-promo h2{font-size:7cqw;line-height:1.08;margin-bottom:2.5cqw}
  .banner-car .mobile-promo .eyebrow{font-size:1.9cqw;margin-bottom:2.5cqw}
  .banner-car .mobile-promo-copy>p{font-size:2.7cqw;line-height:1.55;margin-bottom:3cqw;max-width:87cqw}
  .banner-car .mobile-promo-art,.banner-car .mobile-promo .campaign-car-stage{position:static;padding:0;min-height:0}
  .banner-car .mobile-promo .campaign-car-picture{position:absolute;inset:0;width:100%;height:100%;z-index:0}
  .banner-car .mobile-promo .campaign-car-scene{width:100%;height:100%;max-height:none;object-fit:contain;border:0;border-radius:0;box-shadow:none}
  .banner-car .mobile-promo .campaign-prize-emblem{width:19cqw;top:48cqw;right:4cqw;z-index:1}
  .banner-car .mobile-promo .campaign-prize-emblem>span{font-size:1.4cqw;padding:1cqw 1.4cqw;letter-spacing:.14cqw}
  .banner-car .mobile-promo .campaign-car-caption{bottom:3cqw;left:4cqw;right:4cqw;z-index:1}
  .participation-prize-art{padding-bottom:0}

  /* Portrait Live Draw composition: copy sits in the clear upper-left area,
     the complete floating bag and car remain on screen to its right/below. */
  .live-draw-artwork{inset:0}
  .live-draw-artwork img{object-position:center;object-fit:contain}
  .live-draw-hero-shade{background:linear-gradient(90deg,#410016b3,transparent 62%),linear-gradient(0deg,#550017 0%,transparent 14%)}
  .live-draw-hero .live-draw-hero-inner{padding:6cqw;align-items:flex-start}
  .live-draw-hero .countdown-heading{width:47cqw;max-width:47cqw}
  .live-draw-hero .countdown-heading .eyebrow{font-size:1.65cqw;line-height:1.55;letter-spacing:.18cqw;margin-bottom:3cqw}
  .live-draw-hero .countdown-heading h1{font-size:5.4cqw;line-height:1.16;letter-spacing:-.18cqw;margin-bottom:3cqw}
  .live-draw-hero .countdown-heading p{font-size:2.45cqw;line-height:1.65;max-width:45cqw}
  .live-draw-hero .live-draw-prize-pills{gap:1.5cqw;margin-top:3cqw;flex-direction:column;align-items:flex-start}
  .live-draw-hero .live-draw-prize-pills>span{font-size:1.9cqw;padding:1.5cqw 2cqw;gap:1.5cqw}
  .live-draw-hero .live-draw-prize-pills svg{width:2.8cqw;height:2.8cqw}
  .draw-countdown-banner .countdown-bridge{margin-top:-14vw}
}