/* MM Apple repair panel — black IRP panel with photo. */
.mm-irp { padding: 40px 0 var(--mm-sec); }
.mm-irp .irp__panel { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); border-radius: var(--mm-r-lg); overflow: hidden; background: var(--mm-black); color: #f5f5f7; }
.mm-irp .irp__panel--left { grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); }
.mm-irp .irp__panel--left .irp__media { order: -1; }
.mm-irp .irp__panel--noimg { grid-template-columns: minmax(0, 1fr); }
.mm-irp .irp__copy { padding: 64px 56px; }
.mm-irp .irp__badge { display: inline-flex; align-items: center; gap: 8px; font-size: 15px; font-weight: 600; color: #a1a1a6; }
.mm-irp .irp__badge::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: #30d158; flex: none; }
.mm-irp .irp__title { margin-top: 16px; font-size: clamp(32px, 3.6vw, 48px); line-height: 1.08; font-weight: 650; letter-spacing: -0.03em; color: #f5f5f7; }
.mm-irp .irp__text { margin-top: 22px; max-width: 46ch; color: #a1a1a6; font-size: 17px; }
.mm-irp .irp__fine { margin-top: 30px; max-width: 52ch; font-size: 12px; color: #86868b; }
.mm-irp .irp__media { position: relative; min-height: 420px; }
.mm-irp .irp__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.mm-irp.tone-black .irp__panel { background: #1d1d1f; }

@media (max-width: 833px) {
	.mm-irp { padding: 20px 0 var(--mm-sec); }
	.mm-irp .irp__panel, .mm-irp .irp__panel--left { grid-template-columns: minmax(0, 1fr); border-radius: 22px; }
	.mm-irp .irp__media { order: -1; min-height: 0; aspect-ratio: 4 / 3; overflow: hidden; }
	.mm-irp .irp__copy { padding: 34px 24px 36px; }
	.mm-irp .irp__text { font-size: 16px; }
}