/* ==== Montinix Related – hård, entydig styling ==== */

/* Dölj ev. standardruta */
.woocommerce div.product section.related.products:not(#mntx-related){ display:none !important; }

/* Fönster och kortbredd */
#mntx-related{ --mntx-card-w: 280px; }
#mntx-related .rjm-viewport{ overflow:hidden !important; }

/* träffa även om Woo lägger en .woocommerce runt UL */
#mntx-related .rjm-viewport ul.m-products,
#mntx-related .rjm-viewport ul.products,
#mntx-related .rjm-viewport .woocommerce > ul.m-products,
#mntx-related .rjm-viewport .woocommerce > ul.products,
#mntx-related .rjm-viewport .woocommerce ul.m-products,
#mntx-related .rjm-viewport .woocommerce ul.products {
  display:flex !important;
  flex-wrap:nowrap !important;
  overflow-x:auto !important;
  gap:16px !important;
  row-gap:0 !important;
  margin:0 !important;
  padding-bottom:8px !important;
}

/* 4 per vy – fast kortbredd (hindrar att 12 får plats) */
#mntx-related .rjm-viewport ul.m-products > li.product,
#mntx-related .rjm-viewport ul.products     > li.product {
  box-sizing:border-box !important;
  flex:0 0 var(--mntx-card-w) !important;
  width:var(--mntx-card-w) !important;
  min-width:var(--mntx-card-w) !important;
  max-width:var(--mntx-card-w) !important;
  margin:0 !important;
  scroll-snap-align:start;
}
/* Pilar */
#mntx-related .rjm-prod-carousel{ position:relative !important; }
#mntx-related .rjm-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;
}
#mntx-related .rjm-prev{ left: -40px; }
#mntx-related .rjm-next{ right: -40px; }
#mntx-related .rjm-prod-carousel:not(.rjm-can-scroll-prev) .rjm-prev,
#mntx-related .rjm-prod-carousel:not(.rjm-can-scroll-next) .rjm-next{ opacity:.35 !important; }

/* Responsiv kortbredd (valfritt) */
@media (max-width:1200px){ #mntx-related{ --mntx-card-w:260px; } }
@media (max-width:1024px){ 
    #mntx-related{ --mntx-card-w:240px; } 
    #mntx-related .rjm-prev { left: -10px; }
    #mntx-related .rjm-next { right: -10px; }
}
@media (max-width: 768px){ #mntx-related{ --mntx-card-w:220px; } }
@media (max-width: 520px){ #mntx-related{ --mntx-card-w:50%; } }

/* Dölj scrollbar i relaterade-karusellen (alla browsers) */
#mntx-related .rjm-viewport ul.m-products,
#mntx-related .rjm-viewport ul.products {
  -ms-overflow-style: none;       /* IE/old Edge */
  scrollbar-width: none;          /* Firefox */
  -webkit-overflow-scrolling: touch; /* mjuk scroll på iOS */
}
#mntx-related .rjm-viewport ul.m-products::-webkit-scrollbar,
#mntx-related .rjm-viewport ul.products::-webkit-scrollbar {
  display: none;                   /* Chrome/Safari/Edge */
}