/* MM Devices — Apple repair-page device row. */
.mm-devices { padding: 110px 0 90px; }
.mm-devices .mm-devices__row { margin-top: 48px; display: flex; justify-content: center; flex-wrap: wrap; gap: 8px 6px; }
.mm-devices.is-left .mm-devices__row { justify-content: flex-start; }
.mm-devices .mm-devices__row a { display: grid; justify-items: center; gap: 12px; width: 104px; padding: 14px 4px; border-radius: var(--mm-r-md); font-size: 14px; line-height: 1.25; text-align: center; text-decoration: none; color: var(--mm-ink); transition: background-color .2s; }
.mm-devices .mm-devices__row a:hover { background: var(--mm-mist); }
.mm-devices.tone-mist .mm-devices__row a:hover { background: var(--mm-white); }
.mm-devices.tone-black .mm-devices__row a { color: #f5f5f7; }
.mm-devices.tone-black .mm-devices__row a:hover { background: #1d1d1f; }
.mm-devices .mm-devices__ico { width: 52px; height: 52px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }

@media (max-width: 833px) {
	.mm-devices { padding: 70px 0 50px; }
	.mm-devices .mm-devices__row { margin-top: 30px; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 4px; }
	.mm-devices .mm-devices__row a { width: auto; padding: 10px 2px; gap: 8px; font-size: 12px; }
	.mm-devices .mm-devices__ico { width: 40px; height: 40px; }
}
@media (max-width: 359px) {
	.mm-devices .mm-devices__row { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}