/* Let the mobile app illustration keep its own readable space below the copy.
   Uploaded footer creatives retain their separate 5:6 canvas. */
@media(max-width:700px){
  #app:not(.custom-footer-banner){height:auto;min-height:0;max-height:none;aspect-ratio:auto;padding:0}
  #app:not(.custom-footer-banner) .mobile-footer-promo{position:relative;inset:auto;grid-template-rows:auto auto;padding:7cqw 6cqw 9cqw;gap:7cqw}
  #app:not(.custom-footer-banner) .mobile-footer-art{height:94cqw;min-height:94cqw;overflow:visible}
  #app:not(.custom-footer-banner) .footer-reward-art{height:100%}
  #app:not(.custom-footer-banner) .footer-phone-float{top:3%;height:91%;max-width:none;--float-tilt:-3deg;--float-rise:-7px}
  #app:not(.custom-footer-banner) .footer-perk{max-width:29cqw;padding:2cqw 1.7cqw;gap:1.2cqw}
  #app:not(.custom-footer-banner) .footer-perk strong{font-size:2.4cqw;line-height:1.35}
  #app:not(.custom-footer-banner) .footer-perk small{font-size:1.85cqw;line-height:1.45}
  #app:not(.custom-footer-banner) :is(.footer-perk-early,.footer-perk-cashback,.footer-perk-gifts){left:-2cqw}
  #app:not(.custom-footer-banner) :is(.footer-perk-vip,.footer-perk-offers){right:-2cqw}
  #app:not(.custom-footer-banner) .footer-perk-early{top:5%}
  #app:not(.custom-footer-banner) .footer-perk-vip{top:24%}
  #app:not(.custom-footer-banner) .footer-perk-cashback{top:45%}
  #app:not(.custom-footer-banner) .footer-perk-offers{bottom:20%}
  #app:not(.custom-footer-banner) .footer-perk-gifts{bottom:1%}

  .campaign-header .menu-row>nav.primary-navigation>a{display:none!important}
  .campaign-header .menu-row>nav.primary-navigation>a:is([data-route="win-a-car"],[data-route="coupons"],[data-route="participate"]){display:flex!important}
  .campaign-header .menu-row>nav.primary-navigation>a{white-space:normal;text-wrap:balance;line-height:1.2}
}