.pm-expansion-featured { box-sizing: border-box; max-width: 1120px; margin: 48px auto; padding: clamp(24px,4vw,40px); background: var(--pm-panel); color: var(--pm-white); border-radius: 12px; }
.pm-expansion-featured > h2 { margin: 0 0 20px; color: var(--pm-white); font-size: clamp(26px,3vw,36px); }
.pm-expansion-featured__intro { max-width: 720px; margin: 0 0 24px; }
.pm-expansion-featured .pm-expansion-grid { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 20px; }
.pm-expansion-featured--3 .pm-expansion-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
.pm-expansion-featured--2 .pm-expansion-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
.pm-expansion-featured--1 .pm-expansion-grid { grid-template-columns: minmax(0,320px); }
.pm-expansion-featured .pm-expansion-card { background: var(--pm-dark); }
.pm-expansion-featured .pm-expansion-card__media { box-sizing: border-box; overflow: hidden; }
.pm-expansion-featured .pm-expansion-card__media img { width: 100%; height: 100%; min-height: 0; object-fit: contain; }
.pm-expansion-featured .pm-expansion-card:hover { background: var(--pm-card-hover); }
.pm-expansion-featured__cta { color: var(--pm-yellow); font-weight: 700; font-size: 14px; }
@media(max-width:781px) { .pm-expansion-featured .pm-expansion-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; } .pm-expansion-featured .pm-expansion-card__media { height: 100px; } }
@media(max-width:359px) { .pm-expansion-featured .pm-expansion-grid { grid-template-columns: 1fr; } }