/* Keep the four-card layout local to the MP3 landing page. */
.mp3-page .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.mp3-page .feature-card-quality .feature-visual{background:radial-gradient(ellipse at 50% 85%,#e9e5ff,#f6f4ff 75%)}
.mp3-page .feature-card-check .feature-visual{background:radial-gradient(ellipse at 50% 85%,#dff2ee,#f0f9f6 75%)}
.mp3-quality-visual{width:220px;display:grid;gap:18px;padding:22px;background:white;border:1px solid #e5dff5;border-radius:12px;box-shadow:0 9px 20px #53427a0c;transform:rotate(-3deg);color:#7551bc}
.mp3-quality-visual>span{display:flex;align-items:center;gap:12px}
.mp3-quality-visual>div{display:flex;gap:8px}
.mp3-quality-visual>div>span{padding:5px 9px;background:#f2edff;border-radius:5px;font-size:12px}
.mp3-free-visual{position:relative;display:grid;place-items:center;gap:10px;width:140px;height:145px;background:white;border:1px solid #d4e8e1;border-radius:16px;box-shadow:0 9px 20px #2c675710;transform:rotate(3deg);color:#249580;padding:20px}
.mp3-free-visual>.icon{width:42px;height:42px;padding:8px;border-radius:50%;background:#eaf7f2}
.mp3-free-visual>span{position:absolute;right:-15px;bottom:15px;background:#249580;color:white;padding:10px;border:4px solid white;border-radius:12px}
@media(max-width:760px){.mp3-page .feature-grid{grid-template-columns:1fr}}

.mp3-page .quality-chips span{white-space:nowrap}
