.bonus-section{border-top:1px solid var(--line);background:radial-gradient(ellipse at 80% 100%,#25103944,transparent 65%),var(--bg)}
.bonus-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.bonus-card{display:flex;flex-direction:column;min-height:285px;padding:30px;border:1px solid #39313f;border-radius:8px;background:linear-gradient(145deg,#18121f,#101011);transition:transform .2s,border-color .2s}
.bonus-card:hover{transform:translateY(-4px);border-color:#dfb65c88}
.bonus-platform{color:var(--accent-text);font-size:14px;letter-spacing:1.4px;margin-bottom:32px}
.bonus-card h3{font-size:32px;line-height:1.2;margin-bottom:14px}
.bonus-handle{font-family:Arial,Helvetica,sans-serif;font-size:15px;color:#aaa4b1;letter-spacing:0;text-transform:none;overflow-wrap:anywhere}
.bonus-caption{font-size:18px;color:#aaa4b1}
.bonus-action{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:auto;padding-top:30px;color:var(--accent-text);font-size:18px}
.bonus-action>span{font-family:Arial,sans-serif;font-size:22px}
@media(max-width:1100px){.bonus-card{padding:24px}.bonus-card h3{font-size:27px}}
@media(max-width:800px){.bonus-grid{grid-template-columns:1fr;gap:18px}.bonus-card{min-height:230px}.bonus-card h3{font-size:30px}.bonus-platform{margin-bottom:24px}}
@media(max-width:560px){.bonus-card{padding:25px}.bonus-card h3{font-size:29px}}
@media(prefers-reduced-motion:reduce){.bonus-card{transition:none}.bonus-card:hover{transform:none}}

.bonus-grid{align-items:start}
.bonus-cover{display:block;width:100%;height:auto;aspect-ratio:1;border-radius:6px;margin-bottom:20px}

.bonus-playlist .bonus-save{align-self:flex-start;margin-top:6px;max-width:100%;white-space:normal;text-align:center;line-height:1.4}