/* Shared product-carousel pattern: full cards + an intentional next-card preview. */
.mkm-product-carousel {
  --mkm-carousel-cards:4;
  --mkm-carousel-peek:112px;
  --mkm-carousel-gap:22px;
  position:relative;isolation:isolate;min-width:0;
}
.mkm-product-carousel .mkm-product-track {
  grid-auto-columns:calc((100% - var(--mkm-carousel-peek) - var(--mkm-carousel-gap)*var(--mkm-carousel-cards))/var(--mkm-carousel-cards));
  gap:var(--mkm-carousel-gap);padding-inline:0;scroll-padding-inline:0;
}
.mkm-product-carousel::before,.mkm-product-carousel::after {
  content:'';position:absolute;top:2px;bottom:10px;z-index:2;pointer-events:none;
  opacity:0;transition:opacity .2s ease;
}
.mkm-product-carousel::after {
  right:0;width:var(--mkm-carousel-peek);
  background:linear-gradient(90deg,#ffffff00 20%,#ffffff59);
}
.mkm-product-carousel::before {
  left:0;width:24px;background:linear-gradient(90deg,#ffffff59,#ffffff00);
}
.mkm-product-carousel.has-next::after,.mkm-product-carousel.has-previous::before {opacity:1}
.mkm-product-carousel .mkm-product-track:focus-visible {outline-offset:3px}
@media(max-width:1199px) {
  .mkm-product-carousel {--mkm-carousel-cards:3;--mkm-carousel-peek:88px;--mkm-carousel-gap:20px}
}
@media(max-width:1023px) {
  .mkm-product-carousel {--mkm-carousel-cards:2;--mkm-carousel-peek:64px}
}
@media(max-width:599px) {
  .mkm-product-carousel {--mkm-carousel-cards:1;--mkm-carousel-peek:68px;--mkm-carousel-gap:14px}
  .mkm-product-carousel::before {width:14px}
}
@media(max-width:359px) {
  .mkm-product-carousel {--mkm-carousel-peek:36px;--mkm-carousel-gap:12px}
}
@media(prefers-reduced-motion:reduce) {
  .mkm-product-carousel::before,.mkm-product-carousel::after {transition:none}
}