/* Galaxy category and detail placements. Preserve the existing Duo banner. */
.galaxy-promo-slot {min-width:0; grid-column:1 / -1; container-type:inline-size;}
.galaxy-promo-banner {position:relative; display:flex; align-items:center; box-sizing:border-box; height:80px; overflow:hidden; border:0; border-radius:0; background:#24191d; color:#fff; font-family:"Pretendard",sans-serif;}
.galaxy-promo-slot a.galaxy-promo-banner {color:#fff; text-decoration:none;}
.galaxy-promo-slot a.galaxy-promo-banner:focus-visible {outline:2px solid #fff; outline-offset:-4px;}
.galaxy-promo-copy {position:relative; z-index:1; display:flex; flex-direction:column; gap:4px; min-width:0; padding:12px 30px;}
.galaxy-promo-title {display:block; font-size:22px; font-weight:700; line-height:1.2; letter-spacing:-.03em; white-space:nowrap;}
.galaxy-promo-title--mobile {display:none;}
.galaxy-promo-tagline {font-size:15px; line-height:1.4; color:#e9dfe8; word-break:keep-all;}
.galaxy-promo-tagline--mobile {display:none;}
/* Crop x1680..2680/y60..560 from the supplied image; no baked-in promotion copy. */
.galaxy-promo-art {position:absolute; right:28px; bottom:0; width:170px; aspect-ratio:2 / 1; overflow:hidden; pointer-events:none; mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent),linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent); mask-composite:intersect;}
.galaxy-promo-art img {position:absolute; display:block; width:288%; max-width:none; height:auto; left:-168%; top:-12%;}
.detail-period > .galaxy-promo-slot--detail {margin:16px -16px -16px; padding-top:24px; background:#fff;}
.detail-period > .galaxy-promo-slot--detail .galaxy-promo-banner {border-radius:12px;}
@media (min-width:901px) {
    .galaxy-promo-slot--detail .galaxy-promo-copy {width:calc(100% - 160px); padding:10px 16px;}
    .galaxy-promo-slot--detail .galaxy-promo-tagline--desktop {font-size:13px;}
    .galaxy-promo-slot--detail .galaxy-promo-art {right:0; width:160px;}
}
@media (min-width:901px) and (max-width:1100px) {
    .galaxy-promo-copy {padding-left:20px;}
    .galaxy-promo-title {font-size:20px;}
    .galaxy-promo-art {right:16px;}
    .galaxy-promo-slot--detail .galaxy-promo-copy {padding:8px 12px; gap:3px;}
    .galaxy-promo-slot--detail .galaxy-promo-title {font-size:18px;}
    .galaxy-promo-slot--detail .galaxy-promo-tagline--desktop {font-size:12px;}
}
@media (max-width:1024px) {
    .galaxy-promo-slot {margin-bottom:24px;}
}
@media (max-width:900px) {
    .galaxy-promo-banner {height:80px;}
    .galaxy-promo-copy {width:60%; padding:4px 0 4px 12px; gap:2px;}
    .galaxy-promo-title {display:none;}
    .galaxy-promo-title--mobile {display:block; font-size:17px; line-height:20px;}
    .galaxy-promo-tagline--desktop {display:none;}
    .galaxy-promo-tagline--mobile {display:block; font-size:14px; line-height:17px; letter-spacing:-.02em;}
    .galaxy-promo-tagline--mobile span {display:inline-block; white-space:nowrap;}
    .galaxy-promo-art {right:-10px; bottom:0; width:46%; max-width:160px;}
    .detail-period > .galaxy-promo-slot--detail {padding-top:16px;}
}