/* One satin-gold treatment for header actions and the My Coupons collection. */
:root{--essenzi-cta-gradient:linear-gradient(125deg,#c5a052 0%,#f0dca1 26%,#fffcef 46%,#e1c27d 72%,#bea05f 100%)}
.campaign-header .header-app,.campaign-header .account-link{background:var(--essenzi-cta-gradient)}
#my-coupons .entry-coupon{background:var(--essenzi-cta-gradient);color:#211a10;border-color:#bd9a55;box-shadow:inset 0 1px 0 #fff9,0 6px 20px #6a48100d}
#my-coupons .entry-coupon .coupon-top{color:#372816;border-color:#7f663b66}
#my-coupons .entry-coupon>strong{color:#1d1912}
#my-coupons .entry-coupon p{color:#493c29}
#my-coupons .entry-coupon .text-button{color:#292014;font-weight:600}
#my-coupons .entry-coupon .text-button:hover{color:#000}
#my-coupons .entry-coupon:before,#my-coupons .entry-coupon:after{border-color:#bd9a55;background:var(--page)}
#my-coupons .entry-coupon .barcode{opacity:.8;background:repeating-linear-gradient(90deg,#292014 0,#292014 1px,transparent 1px,transparent 3px,#292014 3px,#292014 5px,transparent 5px,transparent 8px)}
#my-coupons .account-summary{background:var(--essenzi-cta-gradient);color:#292014;border:1px solid #c8ab70}
#my-coupons .account-summary>div{border-color:#9b7d4340}
#my-coupons .account-summary span{color:#59452b}
#my-coupons .account-summary strong,#my-coupons .account-summary a{color:#241b0e}
.coupon-locked-shell .locked-summary,.coupon-locked-shell .locked-cards>div{background:var(--essenzi-cta-gradient)}
.mobile-promo,.mobile-footer-promo{display:none}

/* 1000×1200 artwork scales fluidly at a consistent 5:6 on every mobile banner.
   Carousel controls and the overlapping countdown stay outside that canvas. */
@media(max-width:700px){
  .video-hero,.campaign-banner,#app,.live-draw-hero{aspect-ratio:1000/1200;width:100%;height:auto;min-height:0;max-height:none;container-type:inline-size;position:relative}
  .campaign-banner{flex:0 0 100%;align-self:flex-start}
  .campaign-banner>.banner-grid{display:none}
  .mobile-promo{display:grid;position:absolute;inset:0;grid-template-rows:auto minmax(0,1fr);gap:3cqw;padding:6cqw;color:white}
  .mobile-promo-copy{position:relative;z-index:2;min-width:0}
  .mobile-promo .eyebrow{font-size:2cqw;letter-spacing:.35cqw;line-height:1.4;margin-bottom:3cqw;color:#ffe7ac}
  .mobile-promo h2{font:700 7.1cqw/1.08 var(--heading);letter-spacing:-.25cqw;margin:0 0 3cqw;text-transform:none}
  .mobile-promo h2 em{font-style:normal;color:#ffe4a2;font-weight:700}
  .mobile-promo-copy>p{font-size:2.9cqw;line-height:1.65;margin:0 0 3.4cqw;max-width:87cqw;color:#ffebe6}
  .mobile-promo .app-badges,.mobile-footer-promo .app-badges{margin:0;display:flex;gap:2.5cqw;flex-wrap:nowrap}
  .mobile-promo .app-badge,.mobile-footer-promo .app-badge{min-width:0;width:37cqw;min-height:10.5cqw;padding:1.7cqw 2.5cqw;gap:2cqw;border-radius:1.2cqw}
  .mobile-promo .app-badge svg,.mobile-footer-promo .app-badge svg{width:5cqw;height:5.5cqw}
  .mobile-promo .app-badge small,.mobile-footer-promo .app-badge small{font-size:1.8cqw;letter-spacing:0}
  .mobile-promo .app-badge strong,.mobile-footer-promo .app-badge strong{font-size:3.3cqw;letter-spacing:-.05cqw}
  .mobile-promo-actions{display:flex;align-items:center;gap:4cqw}
  .mobile-promo-actions .btn{min-height:10cqw;padding:2.7cqw 4cqw;font-size:2.8cqw;border-radius:1cqw}
  .mobile-promo-actions .text-button{font-size:2.7cqw}
  .mobile-promo-art{min-height:0;position:relative;display:flex;align-items:center;justify-content:center;gap:4cqw}
  .mobile-promo-phone{height:100%;width:auto;max-width:53%;object-fit:contain;transform:rotate(7deg);filter:drop-shadow(0 8px 14px #40001140)}
  .mobile-reward-note{font:700 4.2cqw/1.25 var(--heading);color:#ffe5ac;letter-spacing:-.1cqw}
  .mobile-promo-car{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
  .banner-car .mobile-promo-art{background:#fff4db;border-radius:3cqw;padding:1cqw 0 9cqw}
  .mobile-art-caption{position:absolute;bottom:2cqw;left:0;right:0;text-align:center;font-size:2.1cqw;line-height:1.5;color:#5c4123}
  .banner-shopping .mobile-promo{color:#451828}
  .banner-shopping .mobile-promo h2 em{color:#b50027}
  .banner-shopping .mobile-promo-copy>p{color:#795961}
  .banner-shopping .mobile-promo .eyebrow{color:#9c1737}
  .mobile-shopping-cards{display:grid;grid-template-columns:1fr 1fr;gap:3cqw;width:100%;height:90%;max-height:43cqw}
  .mobile-shopping-cards>span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2cqw;border:1px solid #e0c38b;border-radius:3cqw;background:linear-gradient(135deg,#fff,#f4e8d1)}
  .mobile-shopping-cards svg{width:8cqw;height:8cqw;color:#ad1237}
  .mobile-shopping-cards strong{font:600 4cqw var(--heading)}
  .mobile-shopping-cards small{font-size:2.2cqw;color:#71565c}
  .mobile-promo-coupon{width:90%;padding:6cqw 4cqw;background:var(--essenzi-cta-gradient);border:1px solid #bd9a55;border-radius:2cqw;color:#392814;transform:rotate(-4deg);text-align:center;box-shadow:0 3cqw 7cqw #43000e33}
  .mobile-promo-coupon>span{display:block;font-size:2cqw;letter-spacing:.4cqw;padding-bottom:3cqw;border-bottom:1px dashed #7d602b70}
  .mobile-promo-coupon>strong{display:block;font:700 5.2cqw var(--heading);margin:3cqw 0 1cqw;letter-spacing:-.2cqw}
  .mobile-promo-coupon>small{font-size:2cqw}

  .video-hero .hero-film{height:100%;width:100%;object-fit:cover;object-position:center center!important}
  .video-hero .video-hero-content{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:6cqw 6cqw 21cqw;justify-content:flex-start;min-height:0}
  .video-hero-content .eyebrow{font-size:1.9cqw;line-height:1.4;letter-spacing:.3cqw;margin:0 0 3.3cqw}
  .video-hero h1{font-size:8.5cqw;line-height:1.1;letter-spacing:-.3cqw;max-width:88cqw;margin-bottom:3.5cqw}
  .video-hero-content>p{font-size:2.85cqw;line-height:1.65;max-width:82cqw;margin-bottom:4cqw}
  .video-hero .hero-actions{gap:4cqw;flex-direction:row}
  .video-hero .hero-actions .btn{min-height:10cqw;padding:2.6cqw 4cqw;font-size:2.65cqw}
  .video-hero .video-learn{font-size:2.45cqw}
  .video-hero .hero-prize-tag{font-size:2.7cqw;gap:2.5cqw;margin-top:4cqw}
  .video-hero .hero-prize-tag>span{font-size:2.1cqw;padding-left:2.5cqw}
  .video-hero .hero-film-controls{bottom:20cqw;right:6cqw}
  .video-hero .hero-film-controls>span{font-size:1.7cqw;max-width:65cqw;text-align:right}
  .video-hero .hero-scroll{bottom:6cqw;font-size:2.4cqw}
  .video-hero .hero-fade{height:23cqw}

  .uploaded-banner,.uploaded-banner picture,.uploaded-banner img,.custom-footer-banner .uploaded-banner,.custom-footer-banner .uploaded-banner img{width:100%;height:100%;aspect-ratio:1000/1200}
  .banner-artwork .uploaded-banner,#app.custom-footer-banner>.uploaded-banner{position:absolute;inset:0}
  #app>.app-grid{display:none}
  .mobile-footer-promo{display:grid;position:absolute;inset:0;padding:6cqw;gap:4cqw;grid-template-rows:auto minmax(0,1fr);color:#fff}
  .mobile-footer-promo .eyebrow{font-size:2cqw;letter-spacing:.35cqw;line-height:1.4;margin-bottom:3.5cqw;color:#ffe6ac}
  .mobile-footer-promo h2{font:700 8cqw/1.14 var(--heading);letter-spacing:-.3cqw;margin:0 0 4cqw}
  .mobile-footer-promo h2 em{font-style:normal;color:#ffe2a1}
  .mobile-footer-promo p{font-size:3cqw;line-height:1.7;color:#ffe6e0;margin:0 0 4.5cqw}
  .mobile-footer-art{display:flex;align-items:center;justify-content:center;min-height:0;gap:5cqw}
  .mobile-footer-art>img{height:100%;width:auto;max-width:52%;object-fit:contain;transform:rotate(-6deg);filter:drop-shadow(0 10px 12px #43000e50)}
  .mobile-footer-art>span{font:700 4cqw/1.4 var(--heading);color:#ffe4ab}

  .live-draw-hero .live-draw-hero-inner{position:absolute;inset:0;width:100%;height:100%;min-height:0;padding:6cqw 6cqw 26cqw;align-items:flex-start}
  .live-draw-hero .countdown-heading{max-width:88cqw}
  .live-draw-hero .countdown-heading .eyebrow{font-size:1.9cqw;margin-bottom:4cqw;letter-spacing:.35cqw}
  .live-draw-hero .countdown-heading h1{font-size:8.2cqw;line-height:1.12;letter-spacing:-.3cqw;max-width:88cqw;margin-bottom:3.5cqw}
  .live-draw-hero .countdown-heading p{font-size:2.8cqw;line-height:1.7;max-width:81cqw}
  .live-draw-prize-pills{margin-top:4cqw;gap:2cqw}
  .live-draw-prize-pills>span{font-size:2.2cqw;padding:2cqw 2.5cqw;gap:1.5cqw}
  .live-draw-prize-pills svg{width:3.5cqw;height:3.5cqw}
  .live-banner-note{right:6cqw;bottom:24cqw;font-size:1.6cqw;max-width:58cqw}
  .countdown-bridge{margin-top:-20vw}
}
@media(prefers-reduced-motion:reduce){.mobile-promo-phone,.mobile-promo-coupon,.mobile-footer-art>img{transform:none}}