.promotion-section{max-width:1000px;border-bottom:1px solid var(--line)}
.promotion-section .section-heading{margin-bottom:32px}
.promotion-slider{max-width:760px;margin:auto}
.promotion-art{display:block;width:100%;padding:12px;background:#fffefa;border:1px solid #e4e2d9;box-shadow:6px 12px 24px #30281318;cursor:zoom-in}
.promotion-art img{width:100%;aspect-ratio:3/2;object-fit:contain;background:#faf9f5}
.promotion-controls{display:flex;align-items:center;justify-content:center;gap:25px;margin-top:22px}
.promotion-controls>button{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:transparent}
.promotion-controls>button:hover{background:var(--yellow);border-color:var(--yellow)}
#promo-dots{display:flex;gap:4px}
#promo-dots button{position:relative;width:30px;height:40px;border:0;background:transparent;padding:0}
#promo-dots button:after{content:'';position:absolute;left:11px;top:16px;width:8px;height:8px;background:#cbc9bf;border-radius:10px}
#promo-dots button[aria-pressed=true]:after{width:24px;left:3px;background:var(--ink)}
.promo-status{text-align:center;color:var(--muted);font-size:11px;margin:4px 0 0}
@media(max-width:550px){.promotion-art{padding:7px}.promotion-section .section-heading{margin-bottom:22px}}