/* Full artwork on desktop; compact connected artwork and copy on phones. */
.marketplace-section{padding:28px 0 12px;background:#edf2f5}
.marketplace-banner{display:grid;grid-template-columns:minmax(0,1fr);padding:0;min-height:0;overflow:hidden;border:0;border-radius:var(--radius,22px);background:#0b1023;background-image:none;color:#fff;box-shadow:0 12px 32px #0b102312}
.marketplace-banner.has-image{grid-template-columns:minmax(0,1fr)}
.marketplace-media{min-width:0;grid-area:1/1;align-self:center;display:block;background:#0b1023}
.marketplace-media img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;filter:none;opacity:1}
.marketplace-copy{grid-area:1/1;z-index:1;min-width:0;max-width:430px;width:40%;margin:28px;padding:26px;align-self:center;background:#0b1023;border:1px solid #ffffff14;border-radius:18px}
.marketplace-copy h2{margin:0;color:#fff;font-size:clamp(24px,2.3vw,30px);font-weight:750;line-height:1.2;letter-spacing:-.025em;overflow-wrap:anywhere}
.marketplace-copy p{margin:14px 0 20px;color:#d1d8e5;font-size:16px;line-height:1.55;overflow-wrap:anywhere}
.marketplace-copy .btn{width:auto;min-height:44px;max-width:100%;margin-top:20px;padding:11px 20px;border-radius:10px;font-size:14px;line-height:1.4;white-space:normal;text-align:center}
.marketplace-copy p+.btn{margin-top:0}
.marketplace-banner:not(.has-image) .marketplace-copy{width:auto;max-width:680px;border:0;background:none}
.banner-navigation{display:flex;justify-content:center;gap:2px;margin-top:4px}
.banner-navigation button{display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:50%;background:transparent}
.banner-navigation button::before{content:"";display:block;width:22px;height:4px;border-radius:8px;background:#aebbc2}
.banner-navigation button[aria-current=true]{background:transparent}
.banner-navigation button[aria-current=true]::before{background:#087b53}
.banner-navigation button:focus-visible{outline:2px solid #087b53;outline-offset:0}
.banner-admin-preview{display:block;min-height:0;background:transparent;overflow:hidden;border-radius:16px}
.banner-admin-preview img{width:100%;height:auto;object-fit:contain}
.marketplace-banner.marketplace-banner--preview .marketplace-media{grid-area:auto}
.marketplace-banner.marketplace-banner--preview .marketplace-copy{grid-area:auto;width:auto;max-width:none;margin:0;padding:20px;border:0;border-radius:0}
.marketplace-banner--preview .marketplace-copy h2{font-size:22px}
.marketplace-banner--preview .marketplace-copy .btn{pointer-events:none}
@media(max-width:960px){
 .marketplace-section{padding:20px 0 4px}
 .marketplace-media{grid-area:auto}
 .marketplace-copy{grid-area:auto;width:auto;max-width:none;margin:0;padding:22px;border:0;border-radius:0}
 .marketplace-copy h2{font-size:24px;line-height:1.25}
 .marketplace-copy p{margin:12px 0 18px;font-size:16px}
 .marketplace-copy .btn{width:auto}
 .marketplace-banner:not(.has-image) .marketplace-copy{max-width:none}
}
@media(max-width:360px){.marketplace-copy{padding:20px}.marketplace-copy h2{font-size:22px}}

.marketplace-banner--artwork.has-image{background:transparent;position:relative}.marketplace-banner--artwork .marketplace-media{position:relative;inset:auto}.marketplace-banner--artwork .marketplace-media img{width:100%;height:auto;display:block;object-fit:contain}.marketplace-banner--artwork .marketplace-copy:has(.btn){position:absolute;right:24px;bottom:24px;left:auto;width:auto;padding:0;background:none}
/* Promo cards below the search hero use their full artwork in a two-card rail. */
.search-promotions .marketplace-banner{height:100%;border-radius:12px}.search-promotions .marketplace-media{grid-area:auto;align-self:start}.search-promotions .marketplace-copy{grid-area:auto;width:auto;max-width:none;margin:0;padding:18px;background:var(--navy);border:0;border-radius:0}.search-promotions .marketplace-copy h2{font-size:20px;line-height:1.3}.search-promotions .marketplace-copy p{font-size:14px;margin:10px 0 14px}.search-promotions .marketplace-copy .btn{margin-top:10px;min-height:44px}.search-promotions .marketplace-media img{width:100%;height:auto;object-fit:contain}.search-promotions .marketplace-banner--artwork .marketplace-copy{display:none}.search-promotions .marketplace-banner--artwork .marketplace-media{align-self:center}

.search-hero.artwork-only .search-hero-image{position:static;height:auto;object-fit:contain}.search-hero.artwork-only:before{display:none}.search-hero.artwork-only .search-hero-inner{position:absolute;left:50%;bottom:0;transform:translateX(-50%);padding-block:0 24px}.search-hero.artwork-only .search-hero-bar{margin-top:0}@media(max-width:760px){.search-hero.artwork-only .search-hero-inner{padding-bottom:12px}}

/* A bright, compact promo rail: complete artwork, readable copy, native swipes. */
.marketplace-section{padding:24px 0 12px;background:#edf2f5}
.banner-track{display:flex;align-items:flex-start;overflow-x:auto;overflow-y:hidden;transition:height .2s ease;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:18px;touch-action:pan-x pan-y pinch-zoom}
.banner-track::-webkit-scrollbar{display:none}
.banner-track:focus-visible{outline:2px solid #087b53;outline-offset:4px}
.banner-slide{flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always;display:block;align-self:flex-start}
.banner-slide .marketplace-banner{width:100%;border-radius:18px;box-shadow:none}
.marketplace-banner,.marketplace-banner.has-image{background:#fff;color:#0b1023;grid-template-columns:minmax(0,1fr);align-content:start}
.marketplace-media{grid-area:auto;align-self:start;background:transparent;overflow:hidden}
.marketplace-media img{filter:none;opacity:1;height:auto;width:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}
.marketplace-copy,.marketplace-banner:not(.has-image) .marketplace-copy{grid-area:auto;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 24px;width:auto;max-width:none;margin:0;padding:22px 26px;background:#fff;color:#0b1023;border:0;border-radius:0}
.marketplace-copy h2{grid-column:1;font-size:clamp(20px,2.1vw,28px);line-height:1.25;color:#0b1023;margin:0}
.marketplace-copy p{grid-column:1;margin:0;color:#536171;font-size:16px;line-height:1.5;max-width:70ch}
.marketplace-copy .btn{grid-column:2;grid-row:1/3;align-self:center;justify-self:start;margin:0;min-height:44px;padding:10px 18px;border-radius:10px;color:#071a12;font-size:14px;width:auto}
.marketplace-copy p+.btn{margin:0}
.marketplace-banner--artwork.has-image{background:transparent}
.marketplace-banner--artwork .marketplace-copy:has(.btn){position:static;grid-area:auto;grid-template-columns:1fr;padding:14px 18px;background:#fff;inset:auto}
.marketplace-banner--artwork .marketplace-copy .btn{grid-column:1;grid-row:auto;justify-self:end}
.banner-toolbar{display:flex;align-items:center;justify-content:center;gap:12px;min-height:48px;margin-top:4px}
.banner-navigation{margin:0;gap:0;flex-wrap:wrap}
.banner-navigation button{width:28px;min-width:28px;min-height:44px;height:44px;border-radius:8px}
.banner-navigation button::before{width:7px;height:7px;background:#aebbc2;border-radius:8px;transition:width .2s ease}
.banner-navigation button[aria-current=true]::before{width:20px;background:#087b53}
.banner-navigation .banner-arrow{width:36px;min-width:36px;color:#536171;font-size:26px;line-height:1}
.banner-navigation .banner-arrow::before{display:none}
.banner-play{min-height:44px;padding:8px 12px;border:0;border-radius:8px;background:transparent;color:#536171;font-size:14px;white-space:nowrap}
.banner-play:focus-visible{outline:2px solid #087b53;outline-offset:0}
.marketplace-banner--preview .marketplace-copy{grid-template-columns:1fr;padding:18px}
.marketplace-banner--preview .marketplace-copy .btn{grid-column:1;grid-row:auto}
@media(max-width:600px){
 .marketplace-section{padding:18px 0 8px}
 .marketplace-section>.container{width:calc(100% - 32px)}
 .marketplace-copy,.marketplace-banner:not(.has-image) .marketplace-copy{grid-template-columns:minmax(0,1fr);padding:18px;gap:10px}
 .marketplace-copy h2{font-size:20px;line-height:1.25;letter-spacing:-.02em}
 .marketplace-copy p{font-size:16px;line-height:1.45;margin:0}
 .marketplace-copy .btn{grid-column:1;grid-row:auto;margin-top:2px;min-height:44px;padding:10px 16px}
 .banner-toolbar{gap:4px}
 .banner-navigation button{width:24px;min-width:24px}
 .banner-navigation .banner-arrow{width:32px;min-width:32px}
 .banner-play{padding-inline:8px}
}
@media(prefers-reduced-motion:reduce){.banner-navigation button::before,.banner-track{transition:none}}

.search-promotions .marketplace-copy{background:#fff;color:#0b1023;grid-template-columns:minmax(0,1fr);gap:10px}
.search-promotions .marketplace-copy .btn{grid-column:1;grid-row:auto;margin:0}

.banner-slide .marketplace-media,.marketplace-banner--preview .marketplace-media{aspect-ratio:auto;display:block;background:transparent}
.banner-slide .marketplace-media img,.marketplace-banner--preview .marketplace-media img{display:block;width:100%;height:auto;object-fit:contain}