/* Rounded offer cards, shared by customer web and native builds. */
html.swift-design body #appScreen #heroPromoSlider,html.swift-design body #appScreen #merchantBannerSlider{position:relative!important;border:0!important;border-radius:28px!important;background:#ffae60!important;overflow:hidden!important;box-shadow:none!important;margin:20px 0 28px!important}
html.swift-design body #appScreen #heroPromoSlider .hero-promo-card,html.swift-design body #appScreen #merchantBannerSlider .merchant-banner{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)!important;gap:20px!important;padding:30px 34px 48px!important;min-height:255px!important;border:0!important;border-radius:28px!important;background:radial-gradient(ellipse at 85% 20%,#ffcc84 0,transparent 60%),linear-gradient(120deg,#ffb56b,#ff8c35)!important;overflow:hidden!important;position:relative!important}
html.swift-design body #appScreen #heroPromoSlider .hero-promo-content,html.swift-design body #appScreen #merchantBannerSlider .banner-copy{width:auto!important;max-width:100%!important;padding:0!important;position:relative;z-index:2}
html.swift-design body #appScreen #heroPromoSlider .hero-promo-tag,html.swift-design body #appScreen #merchantBannerSlider .banner-brand{display:inline-flex!important;align-items:center!important;background:#203124!important;color:#fff!important;padding:7px 12px!important;border-radius:40px!important;font-size:10px!important;font-weight:600!important;letter-spacing:.02em!important;width:fit-content!important;margin:0 0 10px!important}
html.swift-design body #appScreen #merchantBannerSlider .banner-editorial-label{color:#fff!important;font-size:10px!important;letter-spacing:.02em!important}
html.swift-design body #appScreen #merchantBannerSlider .banner-brand-mark{display:none!important}
html.swift-design body #appScreen #heroPromoSlider .hero-promo-title,html.swift-design body #appScreen #merchantBannerSlider h2{font-size:clamp(24px,3vw,37px)!important;line-height:1.12!important;letter-spacing:-1px!important;color:#203124!important;margin:2px 0 10px!important;max-width:20ch!important;font-weight:750!important}
html.swift-design body #appScreen #heroPromoSlider .hero-promo-sub,html.swift-design body #appScreen #merchantBannerSlider .banner-copy p{font-size:13px!important;line-height:1.5!important;color:#4c3929!important;margin:0 0 16px!important;max-width:38ch!important}
html.swift-design body #appScreen #heroPromoSlider .hero-promo-btn,html.swift-design body #appScreen #merchantBannerSlider .banner-copy button{display:inline-flex!important;align-items:center!important;gap:14px!important;background:#203124!important;color:white!important;border:0!important;border-radius:40px!important;min-height:46px!important;padding:6px 7px 6px 17px!important;font-size:13px!important;font-weight:650!important;margin:0!important;box-shadow:none!important}
html.swift-design body #appScreen #heroPromoSlider .hero-promo-btn::after,html.swift-design body #appScreen #merchantBannerSlider .banner-copy button::after{content:'↗';display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff9e9;color:#203124;font-size:24px;font-weight:400}
html.swift-design body #appScreen #heroPromoSlider .hero-promo-image-wrap,html.swift-design body #appScreen #merchantBannerSlider .banner-art-panel{position:relative!important;inset:auto!important;transform:none!important;background:transparent!important;width:100%!important;max-width:none!important;height:195px!important;border-radius:0!important;overflow:visible!important;display:flex!important;align-items:center!important;justify-content:center!important;opacity:1!important}
html.swift-design body #appScreen #heroPromoSlider .hero-promo-image-wrap img,html.swift-design body #appScreen #merchantBannerSlider .banner-art-panel>img{position:relative!important;inset:auto!important;width:100%!important;height:100%!important;max-height:215px!important;max-width:100%!important;object-fit:contain!important;object-position:center!important;border-radius:16px!important;filter:none!important;opacity:1!important;transform:none!important}
html.swift-design body #appScreen #heroPromoSlider .hero-badge-icon,html.swift-design body #appScreen #merchantBannerSlider .banner-art-panel::after,html.swift-design body #appScreen #merchantBannerSlider .banner-art-panel::before{display:none!important}
html.swift-design body #appScreen #heroPromoSlider .hero-promo-dots,html.swift-design body #appScreen #merchantBannerSlider .merchant-banner-controls{position:absolute!important;inset:auto auto 0 50%!important;transform:translateX(-50%)!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;padding:10px 14px 8px!important;background:#fff!important;border-radius:22px 22px 0 0!important;width:fit-content!important;height:26px!important;box-sizing:content-box!important;z-index:5!important;margin:0!important}
html.swift-design body #appScreen #heroPromoSlider .hero-promo-dot,html.swift-design body #appScreen #merchantBannerSlider .merchant-banner-controls button[data-dot]{flex:0 0 6px!important;width:6px!important;min-width:6px!important;height:6px!important;min-height:6px!important;padding:0!important;margin:0!important;background:#deded5!important;border:0!important;box-shadow:none!important;border-radius:20px!important;font-size:0!important}
html.swift-design body #appScreen #heroPromoSlider .hero-promo-dot.is-active,html.swift-design body #appScreen #merchantBannerSlider .merchant-banner-controls button[data-dot][aria-current=true]{width:22px!important;flex-basis:22px!important;background:#ff8c35!important}
html.swift-design body #appScreen #merchantBannerSlider .merchant-banner-controls button[data-dot]::after{display:none!important}
html.swift-design body #appScreen #merchantBannerSlider .banner-count,html.swift-design body #appScreen #merchantBannerSlider .banner-arrow{display:none!important}
html.swift-design body #appScreen #merchantBannerSlider .merchant-banner-controls .banner-pause{min-width:30px!important;min-height:24px!important;height:24px!important;padding:0 3px!important;font-size:9px!important;margin:0!important;border:0!important;background:#fff!important}
@media(max-width:600px){
html.swift-design body #appScreen #heroPromoSlider .hero-promo-card,html.swift-design body #appScreen #merchantBannerSlider .merchant-banner{padding:20px 18px 46px!important;min-height:230px!important;gap:8px!important;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)!important}
html.swift-design body #appScreen #heroPromoSlider .hero-promo-title,html.swift-design body #appScreen #merchantBannerSlider h2{font-size:23px!important;letter-spacing:-.7px!important}
html.swift-design body #appScreen #heroPromoSlider .hero-promo-sub,html.swift-design body #appScreen #merchantBannerSlider .banner-copy p{font-size:11px!important}
html.swift-design body #appScreen #heroPromoSlider .hero-promo-image-wrap,html.swift-design body #appScreen #merchantBannerSlider .banner-art-panel{height:160px!important}
html.swift-design body #appScreen #heroPromoSlider .hero-promo-btn,html.swift-design body #appScreen #merchantBannerSlider .banner-copy button{font-size:11px!important;gap:8px!important;min-height:42px!important;padding-left:12px!important}
html.swift-design body #appScreen #heroPromoSlider .hero-promo-tag{font-size:9px!important}
}
@media(prefers-reduced-motion:reduce){.hero-promo-card{transition:none!important}}

html.swift-design body #appScreen #heroPromoSlider .hero-promo-card:not(.is-active){visibility:hidden!important;pointer-events:none!important;opacity:0!important}html.swift-design body #appScreen #heroPromoSlider .hero-promo-card.is-active{visibility:visible!important;opacity:1!important}html.swift-design body #appScreen #merchantBannerSlider .merchant-banner[hidden],html.swift-design body #appScreen #heroPromoSlider[hidden],html.swift-design body #appScreen #merchantBannerSlider[hidden]{display:none!important}