/* Same dark/orange countdown language as the HYRO iPhone promotion. */
.promotion-banner {
  position:relative; z-index:4; width:calc(100% - 32px); max-width:560px; margin:26px auto 0; padding:20px 24px;
  border:1px solid rgba(255,81,28,.35); border-radius:20px;
  background:linear-gradient(145deg,rgba(255,81,28,.11),rgba(255,255,255,.025)),#0b0c0f;
  box-shadow:0 14px 30px rgba(0,0,0,.2); color:#f4f4f6;
}
.promotion-banner-label {display:block;color:#ff7948;font-size:12px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;line-height:1.5;}
.promotion-banner-value {display:block;margin:8px 0;font-size:clamp(22px,5.8vw,32px);line-height:1.25;font-variant-numeric:tabular-nums;}
.promotion-banner-detail,.promotion-banner-purchase {display:block;margin:0;color:#c3c4ca;font-size:13px;line-height:1.6;}
.promotion-banner-purchase {margin-top:8px;color:#989ba5;}
.promotion-banner[data-phase="ended"] {border-color:rgba(255,255,255,.15);}
.promotion-banner[data-phase="ended"] .promotion-banner-label {color:#b7b9bf;}
@media(max-width:480px){.promotion-banner{padding:17px 18px;border-radius:16px;margin-top:16px;}.promotion-banner-label{font-size:11px;}}