.promotion-panel{margin:0 0 22px;border-radius:8px;overflow:hidden;background:#e5eee9;position:relative}
.promotion-frame{aspect-ratio:25/8;display:grid;place-items:center;background:#f2f5f3}
.promotion-frame a{display:block;width:100%;height:100%;min-height:0}
.promotion-frame img{display:block;width:100%;height:100%;object-fit:contain}
.promotion-controls{display:flex;align-items:center;justify-content:center;gap:16px;background:white;padding:4px;border-top:1px solid var(--line)}
.promotion-controls button{width:44px;height:36px;background:transparent;color:var(--green);font-size:26px;border-radius:4px}
.promotion-controls span{font-size:12px;color:#587069}
.promotion-placeholder{min-height:190px;aspect-ratio:25/8;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:30px 36px;background:linear-gradient(110deg,#e7efeb,#d5e5dc)}
.promotion-placeholder h1{font:600 clamp(20px,2.2vw,32px) Rubik,sans-serif;margin:0 0 12px;max-width:430px;line-height:1.2}
.promotion-placeholder p{font-size:14px;color:#45665b;margin:0;line-height:1.6}
.promotion-placeholder svg{width:28%;max-height:160px;flex-shrink:0}
@media(max-width:650px){.promotion-placeholder{padding:22px;min-height:155px}.promotion-placeholder h1{font-size:21px}.promotion-placeholder p{font-size:12px}.promotion-placeholder svg{width:25%}}