.mpc-carousel { position: relative; overflow: hidden; }
.mpc-carousel .swiper-wrapper { box-sizing: content-box; display: flex; position: relative; transition-property: transform; width: 100%; }
.mpc-card { flex-shrink: 0; min-width: 0; position: relative; width: 100%; }
.mpc-link { color: inherit; display: block; text-decoration: none; }
.mpc-image { aspect-ratio: 4 / 5; margin-bottom: 12px; overflow: hidden; }
.mpc-image img { display: block; height: 100%; object-fit: cover; transition: transform .45s ease; width: 100%; }
.mpc-link:hover .mpc-image img { transform: scale(1.025); }
.mpc-title { color: inherit; font-size: 16px; font-weight: 400; line-height: 1.3; margin: 0 0 6px; }
.mpc-title--truncate { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.mpc-price { font-size: 15px; line-height: 1.3; }
.mpc-price del { opacity: .6; }
.mpc-arrow { align-items: center; background: #fff; border: 0; border-radius: 50%; box-shadow: 0 2px 12px rgba(0,0,0,.12); cursor: pointer; display: flex; font-size: 20px; height: 48px; justify-content: center; padding: 0; position: absolute; top: 45%; transform: translateY(-50%); width: 48px; z-index: 3; }
.mpc-prev { left: 12px; }
.mpc-next { right: 12px; }
.mpc-arrow.swiper-button-disabled { opacity: .35; pointer-events: none; }
.mpc-pagination { margin-top: 20px; position: static; }
@media (max-width: 767px) { .mpc-arrow { height: 40px; width: 40px; } }