/* MedicalMag — карусель акций на главной (слот SALE, шаблон mm_promo), 2026-09-28 */
.mm-promo__head { align-items: center; margin-bottom: 20px; }
.mm-promo__track { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 40px) / 3); gap: 20px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.mm-promo__track::-webkit-scrollbar { display: none; }
.mm-promo__item { position: relative; display: block; aspect-ratio: 16 / 9; border-radius: var(--mm-radius); overflow: hidden; background: var(--mm-surface); box-shadow: 0 0 0 1px var(--mm-border); scroll-snap-align: start; }
.mm-promo__item img { position: relative; z-index: 1; display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.mm-promo__item--fit img { object-fit: contain; }
.mm-promo__item--fit::before { content: ""; position: absolute; inset: -20px; background: var(--mm-promo-bg) center / cover no-repeat; filter: blur(16px); opacity: .7; }
.mm-promo__item:hover img { transform: scale(1.02); }
.mm-promo__item:focus-visible { outline: 3px solid var(--mm-brand); outline-offset: 2px; }

@media (max-width: 1100px) {
	.mm-promo__track { grid-auto-columns: calc((100% - 20px) / 2); }
}
@media (max-width: 767px) {
	.mm-promo__head .mm-h2 { font-size: 26px; }
	.mm-promo__arrows { display: none; }
	.mm-promo__track { grid-auto-columns: 86%; gap: 12px; }
}
@media (prefers-reduced-motion: reduce) {
	.mm-promo__track { scroll-behavior: auto; }
	.mm-promo__item img { transition: none; }
}