/* Promo artwork stays bright and complete; copy sits inside a compact banner. */
.marketplace-section{padding:24px 0 18px;background:#f3f6f8}
.marketplace-banner{position:relative;display:grid;grid-template-columns:minmax(0,1fr);padding:0;min-width:0;min-height:180px;border:1px solid #e5eae8;border-radius:16px;overflow:hidden;background:#eaf7f0;color:#11291e;box-shadow:none}
.marketplace-banner.has-image{aspect-ratio:3/1;min-height:0;background:#f1f5f3}
.marketplace-media{grid-area:1/1;display:block;min-width:0;width:100%;height:100%;align-self:stretch}
.marketplace-media img{display:block;width:100%;height:100%;object-fit:contain;filter:none;opacity:1;user-select:none;-webkit-user-drag:none}
.marketplace-media picture{display:block;width:100%;height:100%}
.marketplace-post-head{display:none}
.marketplace-copy{grid-area:1/1;z-index:1;align-self:center;justify-self:start;display:grid;gap:12px;width:45%;max-width:490px;margin:24px;padding:22px;border:0;border-radius:12px;background:rgba(255,255,255,.96);color:#0b1023;min-width:0}
.marketplace-copy h2{margin:0;color:inherit;font-size:clamp(20px,2.5vw,30px);line-height:1.22;letter-spacing:-.025em;font-weight:760;overflow-wrap:anywhere}
.marketplace-copy p{margin:0;color:#536171;font-size:15px;line-height:1.5;overflow-wrap:anywhere}
.marketplace-copy .btn{justify-self:start;width:auto;min-height:40px;max-width:100%;margin:0;padding:9px 16px;font-size:13px;line-height:1.3;border-radius:9px;white-space:normal;text-align:center}
.marketplace-banner:not(.has-image) .marketplace-copy{width:auto;max-width:740px;margin:0;background:transparent;padding:30px}
.marketplace-banner--artwork .marketplace-copy{width:auto;max-width:calc(100% - 40px);justify-self:end;align-self:end;margin:20px;padding:0;background:transparent}
.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:16px;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%;box-shadow:none}
.banner-toolbar{display:flex;align-items:center;justify-content:center;gap:6px;min-height:40px;margin-top:6px}
.banner-navigation{display:flex;align-items:center;justify-content:center;gap:0;flex-wrap:wrap}
.banner-navigation button{display:grid;place-items:center;width:26px;min-width:26px;height:40px;min-height:40px;padding:0;border:0;border-radius:8px;background:transparent}
.banner-navigation button::before{content:"";width:6px;height:6px;background:#bbc6c1;border-radius:8px;transition:width .2s ease}
.banner-navigation button[aria-current=true]::before{width:18px;background:#078554}
.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{display:grid;place-items:center;width:40px;height:40px;min-height:40px;padding:0;border:0;border-radius:50%;background:transparent;color:#536171}
.banner-play svg{display:block;pointer-events:none}
.banner-play:hover{background:#0b102308}
.banner-navigation button:focus-visible,.banner-play:focus-visible{outline:2px solid #087b53;outline-offset:0}
.banner-admin-preview{display:block;min-width:0;overflow:hidden;border-radius:12px}
.banner-admin-preview>img{display:block;width:100%;height:auto;object-fit:contain}
.marketplace-banner--preview .btn{pointer-events:none}
.search-promotions .marketplace-banner{height:100%;border-radius:12px}
.search-promotions .marketplace-copy{width:50%;margin:12px;padding:12px;gap:8px}
.search-promotions .marketplace-copy h2{font-size:17px}
.search-promotions .marketplace-copy p{font-size:12px}
.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){
 .marketplace-section{padding:16px 0 12px}
 .marketplace-section>.container{width:calc(100% - 32px)}
 .marketplace-banner,.search-promotions .marketplace-banner{display:flex;flex-direction:column;height:auto;aspect-ratio:auto;min-height:0;border-radius:18px;background:#fff;color:#0b1023}
 .marketplace-banner.has-image{aspect-ratio:auto}
 .marketplace-post-head{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid #edf1ef}
 .marketplace-post-head img{width:30px;height:30px;border-radius:8px}
 .marketplace-post-head span{display:grid;gap:1px;line-height:1.3}
 .marketplace-post-head strong{font-size:14px;font-weight:750}
 .marketplace-post-head small{font-size:11px;color:#63746b}
 .marketplace-media{grid-area:auto;aspect-ratio:4/3;height:auto;background:#eef4f0}
 .has-mobile-image .marketplace-media{aspect-ratio:4/5}
 .marketplace-copy,.search-promotions .marketplace-copy,.marketplace-banner:not(.has-image) .marketplace-copy,.marketplace-banner--artwork .marketplace-copy{grid-area:auto;align-self:stretch;justify-self:auto;width:auto;max-width:none;margin:0;padding:22px;gap:14px;border-radius:0;background:#fff}
 .marketplace-copy h2,.search-promotions .marketplace-copy h2{display:block;overflow:visible;font-size:24px;line-height:1.22;letter-spacing:-.025em;-webkit-line-clamp:unset}
 .marketplace-copy p,.marketplace-banner.has-image .marketplace-copy p,.search-promotions .marketplace-copy p{display:block;font-size:15px;line-height:1.6}
 .marketplace-copy .btn{justify-self:stretch;width:100%;min-height:46px;padding:12px 16px;font-size:15px;line-height:1.4}
 .marketplace-banner:not(.has-image) .marketplace-copy{min-height:300px;align-content:center;background:linear-gradient(155deg,#effbf4,#e2f2e9)}
 .marketplace-banner--artwork .marketplace-media{aspect-ratio:auto}
 .marketplace-banner--artwork .marketplace-media img{height:auto}
 .marketplace-banner--artwork.has-mobile-image .marketplace-media{aspect-ratio:4/5}
 .marketplace-banner--artwork.has-mobile-image .marketplace-media img{height:100%}
 .search-promo-rail{grid-auto-columns:100%;align-items:start;scrollbar-width:none}
 .banner-toolbar{margin-top:2px;gap:2px}
 .banner-navigation button{width:24px;min-width:24px}
 .banner-navigation .banner-arrow{width:32px;min-width:32px}
 .search-hero.artwork-only .search-hero-inner{position:static;left:auto;bottom:auto;transform:none;padding-block:16px 20px}
}
@media(prefers-reduced-motion:reduce){.banner-navigation button::before,.banner-track{transition:none}}