/* App download blocks on brand, category, blog and product pages; markup from seo-generate.js, logic in /js/app-cta.js */
.app-cta{display:flex;gap:24px;align-items:center;box-sizing:border-box;max-width:760px;margin:24px 0;padding:20px;background:var(--bg-dark-subtle,#18181a);border:1px solid var(--border-on-dark,#2a2a2e)}
.app-cta-qr{display:none;flex:none;width:116px;height:116px}
.app-cta-body{min-width:0;flex:1}
.app-cta .app-cta-title{margin:0 0 6px;font-size:20px;line-height:26px;font-weight:700;letter-spacing:-.01em;color:var(--text-on-dark,#fff)}
.app-cta .app-cta-text{margin:0;font-size:15px;line-height:22px;color:var(--text-on-dark-secondary,#94969d)}
.app-cta .app-cta-proof{margin:10px 0 0;font-family:var(--font-mono,monospace);font-size:12px;line-height:18px;letter-spacing:.04em;color:var(--text-on-dark-secondary,#94969d)}
.app-cta a.app-cta-btn{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;min-height:52px;margin-top:14px;padding:12px 20px;background:var(--white,#fff);color:#000;font-size:16px;line-height:20px;font-weight:700;text-decoration:none}
.app-cta .app-cta-hint{display:none;margin:10px 0 0;font-size:13px;line-height:18px;font-weight:600;color:var(--text-on-dark,#fff)}
.app-cta .app-cta-stores{display:flex;gap:10px;margin-top:12px}
.app-cta .app-cta-stores a{display:inline-flex}
.app-cta .app-cta-stores img{display:block;height:40px;width:auto;max-width:none;margin:0;border-radius:0}
.app-cta img.app-cta-qr{margin:0;border-radius:0}
.info .app-cta{margin:20px 0}
.related .app-cta{max-width:none;margin:32px 0 0}
.content .app-cta{margin:32px 0}
/* Desktop: the QR code replaces the button */
@media (min-width:761px) and (hover:hover){
.app-cta-qr{display:block}
.app-cta a.app-cta-btn{display:none}
.app-cta .app-cta-hint{display:block}
}
/* The fixed bar steps aside while a block is on screen, so the same offer never shows twice */
.home-sticky.store-sticky.app-cta-away{display:none!important}
/* Phones: one line of text next to the matching store badge */
.sticky-hub-text{display:none}
@media (max-width:760px){
.home-sticky.store-sticky.has-hub-text{left:var(--layout-margin,12px);flex-wrap:wrap;justify-content:space-between;background:rgba(0,0,0,.92)}
.has-hub-text .sticky-hub-text{display:block;flex:1 1 130px;min-width:0;font-size:14px;line-height:18px;font-weight:600;color:var(--text-on-dark,#fff)}
}