/* Endast slider-layout, inget som ändrar kortens look */
.mpc-carousel {
  position: relative;
  width: 100%;
  --mpc-per-view: 4;
}

/* NATIV SCROLL & SNAP (ändrat från overflow:hidden) */
.mpc-viewport {
  overflow-x: auto;
  overflow-y: visible;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x mandatory;
  width: 100%;
}

/* Gör UL till en horisontell rad – men låt kortens egna stilar vara */
.mpc-track {
  display: flex;
  gap: var(--mpc-gap, 0); /* håll 0 så temat/margins får styra spacing */
  /* vi använder nativ scroll nu, inte transform-animation */
  transition: none;
  will-change: auto;
}

/* Viktigt: INTE styra li.product bredd/typografi/spacing här.
   Temat/WC sätter redan allt (priser, knappar, fonts, hover etc). */

/* Navigation */
.mpc-nav {
  position: absolute; top: 40%; transform: translateY(-50%);
  border: 0; background: rgba(0,0,0,0.5); color: #fff;
  width: 32px!important; height: 32px!important; border-radius: 999px;
  cursor: pointer; display: grid; place-items: center; z-index: 2; border: 0px!important; padding: 0px!important;
}
.mpc-prev { left: -40px; } .mpc-next { right: -40px; }
.mpc-nav[disabled]{ opacity:.4; cursor:not-allowed; }
.mpc-chevron { font-size: 22px; line-height: 1; }

/* Karusellen ska alltid vara EN rad även om temat gör grid/wrap */
.mpc-carousel ul.products.mpc-track {
  display: flex !important;     /* slå ut ev. grid från tema */
  flex-wrap: nowrap !important; /* ingen radbrytning */
  align-items: stretch;
  /* låt temats gaps/margins bestämma spacing – vi rör inte det här */
}

/* Låt temats breddregler gälla + scroll-snap för varje kort */
.mpc-carousel ul.products.mpc-track > li.product {
  flex: 0 0 auto;               /* respektera width från temat */
  gap: 0px;
  margin: 0 1.1% 0 0;
  width: 24.05%;
  scroll-snap-align: start;     /* snappar in vid drag */
}

/* Justeringar du hade */
.mpc-carousel li.product.type-product.last {
  margin-right: 1.8%;
}

.mpc-carousel.woocommerce ul.products li.product .onsale {
  top: 15px;
  right: auto;
  left: 5px;
}

.mpc-carousel.woocommerce .woosw-btn {
  position: absolute;
  right: 1em;
  margin-top: -50px;
}
.mpc-carousel.woocommerce ul.products li.product a img { border-radius: 16px; }

.mpc-carousel.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-size: 1.1em !important;
  margin: 0;
  font-weight: 600;
}

.mpc-carousel.woocommerce ul.products li.product .price {
  font-weight: 700;
  font-size: 1.2em;
  margin-top: 0em;
  display: inline-flex;
  color: inherit;
}

/* (Valfritt) göm horisontell scrollbar utan att stänga av scroll */
.mpc-viewport::-webkit-scrollbar { display: none; }
.mpc-viewport { scrollbar-width: none; }

@media (max-width: 980px) {
  .mpc-carousel ul.products.mpc-track > li.product {
    width: 49%;
  }
	.mpc-prev { left: -10px; } .mpc-next { right: -10px; }
}