.mobile-app-banner{position:fixed;top:0;left:0;right:0;width:100%;background:linear-gradient(135deg,#fffffffa,#f5faf7fa);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);color:#0a0a0a;border-bottom:1px solid rgba(0,154,97,.15);z-index:9999;display:none;box-shadow:0 8px 32px #009a6114,0 1px 2px #0000000a;transform:translateY(0);transition:transform .4s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .mobile-app-banner{background:linear-gradient(135deg,#0f0f0ff5,#141e19f5);color:#f5f5f5;border-bottom-color:#00d97e2e;box-shadow:0 8px 32px #00000080,0 1px #00d97e1a inset}@media(max-width:768px){.mobile-app-banner{display:block}}.mobile-app-banner.hidden{transform:translateY(-100%);pointer-events:none}.banner-container{padding:12px 14px 14px;display:flex;align-items:center;gap:12px;position:relative;max-width:600px;margin:0 auto}.banner-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#009a61,#00d97e);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #009a6140,0 0 0 1px #ffffff1a inset;position:relative;overflow:hidden}.banner-icon:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.3),transparent 60%);pointer-events:none}.banner-icon svg{width:26px;height:26px;color:#fff;position:relative;z-index:1}.banner-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.banner-title{font-size:15px;font-weight:700;line-height:1.2;color:#0a0a0a;letter-spacing:-.015em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-theme=dark] .banner-title{color:#f5f5f5}.banner-subtitle{font-size:12px;font-weight:500;line-height:1.35;color:#5a6b62;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.banner-subtitle .highlight{color:#009a61;font-weight:700}[data-theme=dark] .banner-subtitle{color:#a0aaa3}[data-theme=dark] .banner-subtitle .highlight{color:#00d97e}.banner-cta{flex-shrink:0;display:flex;align-items:center;gap:6px;height:38px;padding:0 16px;border-radius:100px;background:linear-gradient(135deg,#009a61,#00b873);color:#fff;font-size:13px;font-weight:700;letter-spacing:-.01em;text-decoration:none;border:none;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 14px #009a6159,0 0 0 1px #ffffff1a inset;white-space:nowrap}[data-theme=dark] .banner-cta{background:linear-gradient(135deg,#00d97e,#0f8);color:#0a0a0a;box-shadow:0 4px 14px #00d97e66,0 0 0 1px #ffffff26 inset}.banner-cta:hover{transform:translateY(-1px);box-shadow:0 6px 20px #009a6173}.banner-cta:active{transform:translateY(0);box-shadow:0 2px 8px #009a614d}.banner-cta svg{width:14px;height:14px;flex-shrink:0}.banner-close{width:28px;height:28px;border-radius:50%;background:transparent;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0;color:#8a958d;margin-left:-4px}.banner-close:hover{background:#0000000d;color:#0a0a0a}[data-theme=dark] .banner-close{color:#6a7570}[data-theme=dark] .banner-close:hover{background:#ffffff14;color:#f5f5f5}.banner-close:active{transform:scale(.92)}.banner-close svg{width:14px;height:14px;stroke-width:2.5}.banner-stores{display:flex;gap:8px;margin-top:4px;font-size:11px;color:#8a958d}[data-theme=dark] .banner-stores{color:#6a7570}.banner-stores a{color:inherit;text-decoration:none;display:inline-flex;align-items:center;gap:3px;transition:color .2s ease}.banner-stores a:hover{color:#009a61}[data-theme=dark] .banner-stores a:hover{color:#00d97e}.banner-stores svg{width:11px;height:11px}.banner-stores .divider{color:#8a958d66}@media(max-width:768px){body:not(.app-banner-closed){padding-top:76px}}@media(max-width:360px){.banner-container{padding:10px 12px 12px;gap:10px}.banner-icon{width:42px;height:42px;border-radius:10px}.banner-icon svg{width:22px;height:22px}.banner-title{font-size:14px}.banner-subtitle{font-size:11px}.banner-cta{height:34px;padding:0 12px;font-size:12px}body:not(.app-banner-closed){padding-top:72px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/app-banner.css.map */