/* Real retailer storefronts, using the eCommerce page's opposing vertical lanes. */
.hero-retailer-showcase{overflow:hidden;min-width:0;background:#e8edff;--showcase-origin:265px}
.hero-retailer-showcase .storefront-scroll{position:absolute;inset:0;overflow:hidden;isolation:isolate;mask-image:linear-gradient(transparent,#000 7%,#000 93%,transparent)}
.hero-retailer-showcase .storefront-scroll-tilt{display:flex;align-items:flex-start;gap:18px;width:calc(100% + 56px);margin:-32px -28px 0;transform:rotate(-9deg);transform-origin:50% var(--showcase-origin)}
.hero-retailer-showcase .storefront-scroll-lane{flex:1;min-width:0;animation:home-retailer-rise 34s linear infinite;will-change:transform}
.hero-retailer-showcase .storefront-scroll-lane:nth-child(2){margin-top:-90px;animation-direction:reverse;animation-duration:40s}
.hero-retailer-showcase .storefront-scroll-group{display:flex;flex-direction:column;gap:18px;padding-bottom:18px}
.hero-retailer-showcase .storefront-preview{background:#fff;border:1px solid #dbe0ed;border-radius:9px;overflow:hidden;box-shadow:0 10px 22px #26351c19}
.hero-retailer-showcase .storefront-preview-bar{display:flex;align-items:center;gap:9px;padding:11px 12px;background:#fafbf8;white-space:nowrap}
.hero-retailer-showcase .storefront-preview-bar>span{font-size:6px;letter-spacing:1px;color:#b5bdb0}
.hero-retailer-showcase .storefront-preview-bar>b{font:500 11px 'DM Sans';color:#5e6854;overflow:hidden;text-overflow:ellipsis}
.hero-retailer-showcase .storefront-preview-screen{position:relative;height:220px;overflow:hidden}
.hero-retailer-showcase .storefront-preview-screen img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.hero-retailer-showcase.motion-paused .storefront-scroll-lane{animation-play-state:paused}
@keyframes home-retailer-rise{to{transform:translateY(-50%)}}
@media(max-width:1100px){
 .hero-retailer-showcase{--showcase-origin:235px}
 .hero-retailer-showcase .storefront-scroll-tilt{gap:15px;width:calc(100% + 44px);margin-inline:-22px}
 .hero-retailer-showcase .storefront-scroll-group{gap:15px;padding-bottom:15px}
 .hero-retailer-showcase .storefront-preview-screen{height:195px}
 .hero-retailer-showcase .storefront-preview-bar{padding:9px 10px}
 .hero-retailer-showcase .storefront-preview-bar>b{font-size:10px}
}
@media(max-width:700px){
 .hero-retailer-showcase{--showcase-origin:195px}
 .hero-retailer-showcase .storefront-scroll-tilt{gap:13px;width:calc(100% + 38px);margin:-23px -19px 0}
 .hero-retailer-showcase .storefront-scroll-group{gap:13px;padding-bottom:13px}
 .hero-retailer-showcase .storefront-scroll-lane:nth-child(2){margin-top:-73px}
 .hero-retailer-showcase .storefront-preview-screen{height:171px}
 .hero-retailer-showcase .storefront-preview-bar{padding:8px 9px;gap:7px}
 .hero-retailer-showcase .storefront-preview-bar>b{font-size:9px}
 .hero-retailer-showcase .storefront-preview-bar>span{font-size:5px}
 .hero-retailer-showcase .storefront-preview{border-radius:7px}
}
@media(max-width:360px){.hero-retailer-showcase{--showcase-origin:178px}.hero-retailer-showcase .storefront-preview-screen{height:153px}.hero-retailer-showcase .storefront-preview-bar>b{font-size:8px}}
@media(prefers-reduced-motion:reduce){.hero-retailer-showcase .storefront-scroll-lane{animation:none;will-change:auto}.hero-retailer-showcase .storefront-scroll-clone{display:none}}