/* v11: white-and-gold masthead, 700px desktop canvases and compact coupons. */
.campaign-header .masthead{background:#fff;border-bottom-color:#d8ba78}
.campaign-header .official-logo{position:relative;filter:none}
@supports ((mask-image:url('assets/essenzi-logo.png')) or (-webkit-mask-image:url('assets/essenzi-logo.png'))){
 .campaign-header .official-logo{--logo-mask-width:213px}
 .campaign-header .official-logo img{opacity:0}
 .campaign-header .official-logo:after{content:'';position:absolute;inset:0;background:var(--essenzi-cta-gradient);-webkit-mask:url('assets/essenzi-logo.png') left top / var(--logo-mask-width) auto no-repeat;mask:url('assets/essenzi-logo.png') left top / var(--logo-mask-width) auto no-repeat;mask-mode:alpha}
}
/* Only the right-side action group remains over the film. Its original lower-right
   placement is independent of the removed headline/copy. */
.video-hero .video-hero-content{justify-content:flex-end;padding-top:0;padding-bottom:160px}
.video-hero>h1.visually-hidden{font-size:1px;max-width:1px}
@media(min-width:701px){
 .video-hero,.campaign-carousel .campaign-banner,body[data-page="win-a-car"] #app{height:700px!important;min-height:700px!important;max-height:700px;aspect-ratio:auto}
 .campaign-carousel .carousel-track{height:700px}
 .campaign-carousel .banner-grid,.campaign-carousel .banner-car .banner-grid{height:700px;min-height:700px;max-height:700px;align-content:center}
 .campaign-carousel .banner-artwork .uploaded-banner,.campaign-carousel .banner-artwork picture,.campaign-carousel .banner-artwork img{height:100%;aspect-ratio:auto;object-fit:cover}
 body[data-page="win-a-car"] #app>.app-grid{height:100%;min-height:0;max-height:700px;grid-template-columns:1fr 1fr}
 body[data-page="win-a-car"] #app .phone-scene{min-height:0}
}
#my-coupons .coupon-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
#my-coupons .entry-coupon{padding:15px 16px 13px;border-radius:7px}
#my-coupons .entry-coupon .coupon-top{font-size:7px;letter-spacing:.6px;padding-bottom:9px}
#my-coupons .entry-coupon .coupon-top svg{width:15px;height:15px}
#my-coupons .entry-coupon .invoice-label{font-size:9px;margin:10px 0 4px}
#my-coupons .entry-coupon>strong{font:700 17px/1.35 var(--heading);letter-spacing:-.35px;margin:0 0 8px;overflow-wrap:anywhere}
#my-coupons .entry-coupon .coupon-parent{font-size:9px!important;line-height:1.6;margin:0!important}
#my-coupons .entry-coupon .coupon-parent b{font-size:10px}
#my-coupons .entry-coupon .invoice-value{margin:8px 0 6px;padding:7px 0;gap:7px}
#my-coupons .entry-coupon .invoice-value dt{font-size:9px}
#my-coupons .entry-coupon .invoice-value dd{font-size:14px;white-space:nowrap}
#my-coupons .entry-coupon .invoice-sample{font-size:8px!important}
#my-coupons .entry-coupon .barcode{height:12px;width:68px;margin-top:9px}
#my-coupons .entry-coupon:before,#my-coupons .entry-coupon:after{width:12px;height:12px;top:34px}
#my-coupons .entry-coupon:before{left:-7px}#my-coupons .entry-coupon:after{right:-7px}
@media(max-width:1100px){#my-coupons .coupon-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){
 .campaign-header .official-logo{--logo-mask-width:157px}
 .campaign-header nav.primary-navigation{grid-template-columns:repeat(3,minmax(0,1fr))}
 .campaign-header nav.primary-navigation>a{display:none!important}
 .campaign-header nav.primary-navigation>a:is([data-route="win-a-car"],[data-route="coupons"],[data-route="winners"]){display:flex!important}
 .campaign-header nav.mobile-menu{background:#fff;border-color:#dcc18a}
 .campaign-header nav.mobile-menu a{color:#78132e}
 .campaign-header nav.mobile-menu a:hover{background:#fcf5e7;color:#951a35}
 .campaign-header nav.mobile-menu a[aria-current=page]{color:#a67a25;background:#faf2de}
 .video-hero .video-hero-content{padding:6cqw 6cqw 26cqw;justify-content:flex-end}
 #my-coupons .coupon-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 #my-coupons .entry-coupon{padding:11px 10px 10px}
 #my-coupons .entry-coupon>strong{font:700 clamp(10px,3vw,16px)/1.4 var(--heading);letter-spacing:-.4px}
 #my-coupons .entry-coupon .coupon-parent{font-size:8px!important}
 #my-coupons .entry-coupon .coupon-parent b{font-size:9px;letter-spacing:-.2px}
 #my-coupons .entry-coupon .invoice-value{gap:4px}
 #my-coupons .entry-coupon .invoice-value dt{font-size:8px}
 #my-coupons .entry-coupon .invoice-value dd{font-size:12px}
 #my-coupons .entry-coupon .coupon-top{font-size:6px;letter-spacing:.3px}
 #my-coupons .entry-coupon .invoice-sample{font-size:7px!important}
}
@media(max-width:360px){.campaign-header .official-logo{--logo-mask-width:140px}}

/* Red and gold celebration. Four draw prizes, not an invented winner ranking. */
.winners-celebration{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 30%,#fffcf5,#fff0d8 90%);border-bottom:5px solid #a90029;padding-top:65px}
.celebration-heading{position:relative;z-index:2;text-align:center}
.celebration-heading .eyebrow{color:#b9072d;font-size:10px;letter-spacing:3px;margin-bottom:20px}
.celebration-heading h1{color:#c90b32;font:800 clamp(34px,4.4vw,72px)/1.15 var(--heading);letter-spacing:-2px;text-shadow:0 3px 0 #d5ac55,0 12px 20px #8d24412a;margin:0 auto 22px;max-width:1200px}
.celebration-heading p{font-size:14px;line-height:1.8;color:#784c46;margin-bottom:0}
.prize-podium{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:12px;align-items:end;max-width:960px;padding-top:190px;position:relative;z-index:2}
.prize-podium>div{position:relative;text-align:center;background:linear-gradient(150deg,#e00a30,#a50028 75%);border-top:3px solid #ffdc8a;color:#fff7e8;padding:34px 16px 25px;transform-origin:bottom;animation:podium-rise .8s cubic-bezier(.2,.8,.2,1) both}
.prize-podium>div:before{content:'';position:absolute;top:-21px;left:0;right:0;height:20px;background:linear-gradient(#fff5cf,#e5bd68);clip-path:polygon(5% 0,95% 0,100% 100%,0 100%)}
.prize-podium .podium-cash-left{min-height:190px;animation-delay:.14s}
.prize-podium .podium-grand{min-height:265px;padding-top:45px}
.prize-podium .podium-cash-right{min-height:170px;animation-delay:.28s}
.podium-symbol{position:absolute;bottom:calc(100% + 20px);left:50%;width:105px;height:105px;transform:translateX(-50%)}
.podium-symbol svg{width:100%;height:100%;filter:drop-shadow(0 8px 10px #77321717);animation:prize-float 2.4s ease-in-out 2}
.podium-grand .podium-symbol{width:150px;height:150px}
.prize-podium>div>span{display:block;font-size:9px;font-weight:800;letter-spacing:1.3px;color:#ffe6ad;margin-bottom:12px}
.prize-podium>div>strong{display:block;font:800 clamp(21px,2.4vw,34px)/1.25 var(--heading);letter-spacing:-.8px;margin-bottom:9px}
.podium-grand>strong{background:var(--essenzi-cta-gradient);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 #7f391e)}
.prize-podium small{display:block;font-size:10px;line-height:1.7;color:#ffe7db}
.podium-jump{display:inline-block;margin-top:25px;font-size:10px;font-weight:600;text-decoration:underline;text-underline-offset:5px;color:#fff0cd}
.celebration-sparkles{position:absolute;inset:0;z-index:0;pointer-events:none}
.celebration-sparkles i{position:absolute;left:calc(5% + var(--i)*6%);top:var(--y);width:6px;height:13px;background:#cea75c;opacity:0;transform:rotate(calc(var(--i)*27deg));animation:celebration-confetti 3.6s ease-out 1;animation-delay:calc(var(--i)*.045s)}
.celebration-sparkles i:nth-child(3n){background:#bd163c;width:9px;height:5px}
.celebration-sparkles i:nth-child(2n){border-radius:50%;height:6px}
@keyframes podium-rise{from{opacity:0;transform:translateY(60px)}to{opacity:1;transform:none}}
@keyframes prize-float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-8px) rotate(3deg)}}
@keyframes celebration-confetti{0%{opacity:0;translate:0 -40px}15%{opacity:.8}75%{opacity:.6}100%{opacity:0;translate:20px 270px;rotate:160deg}}
@media(max-width:700px){
 .winners-celebration{padding-top:40px}
 .celebration-heading h1{font-size:clamp(30px,7.5vw,48px);letter-spacing:-1.2px;max-width:570px}
 .celebration-heading p{font-size:11px}
 .prize-podium{width:calc(100% - 24px);padding-top:135px;gap:6px;grid-template-columns:1fr 1.25fr 1fr}
 .prize-podium>div{padding:25px 7px 18px}
 .prize-podium .podium-cash-left{min-height:170px}.prize-podium .podium-cash-right{min-height:155px}
 .prize-podium .podium-grand{min-height:230px;padding-top:30px}
 .podium-symbol{width:75px;height:75px}.podium-grand .podium-symbol{width:110px;height:110px}
 .prize-podium>div>span{font-size:6px;letter-spacing:.5px;line-height:1.6;min-height:20px;margin-bottom:9px}
 .prize-podium>div>strong{font-size:clamp(13px,3.8vw,25px);letter-spacing:-.5px}
 .prize-podium small{font-size:8px}.podium-jump{font-size:8px;line-height:1.8;margin-top:16px}
}
/* Participation cards follow the supplied icon-over-card reference. */
.participation-v11 .section-heading{display:block;text-align:center;margin-bottom:92px}
.participation-v11 .section-heading .eyebrow{margin-bottom:15px}
.participation-v11 .section-heading h2{font-size:clamp(28px,3.1vw,45px);font-weight:800;color:#bd0b31;text-shadow:0 2px 0 #e1be70}
.participation-v11 .section-heading p{max-width:none;margin-top:13px;font-size:13px}
.participation-v11 .quick-steps-grid{gap:22px}
.participation-v11 .quick-step{overflow:visible;position:relative;border-radius:22px;border-color:#ecd2a5;box-shadow:0 14px 30px #8e382319;text-align:center}
.step-illustration{position:absolute;top:-66px;left:50%;transform:translateX(-50%);width:122px;height:122px;pointer-events:none}
.step-illustration svg{width:100%;height:100%}
.participation-v11 .quick-step-copy{padding:65px 22px 28px}
.participation-v11 .step-number{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;font:800 16px var(--heading);color:#8f0b28;background:var(--essenzi-cta-gradient);border-radius:50%;box-shadow:0 2px 0 #ad802c}
.participation-v11 .quick-step h3{font:800 24px/1.2 var(--heading);color:#c70b35;margin:17px 0 15px;text-transform:uppercase}
.participation-v11 .quick-step p{font-size:12px;line-height:1.9;color:#76534f}
.step-links{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:18px}
.step-links .text-button{font-size:10px}
@media(max-width:1000px){.participation-v11 .quick-steps-grid{row-gap:90px}.participation-v11 .quick-step-copy{padding-inline:20px}}
@media(max-width:560px){.participation-v11 .quick-steps-grid{gap:85px}.participation-v11 .quick-step-copy{padding:62px 25px 26px}.participation-v11 .quick-step p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.prize-podium>div,.podium-symbol svg,.celebration-sparkles i{animation:none!important}.celebration-sparkles{display:none}}

.campaign-journey-section{padding-top:clamp(43px,5vw,74px)}
.steps-line.campaign-journey{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
@media(max-width:1000px){.steps-line.campaign-journey{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.steps-line.campaign-journey{grid-template-columns:1fr}}
