/* ===== Minumku Product Carousel v1.4 (Swiper) ===== */
.mkpc-wrap { width:100%; position:relative; padding: 20px 56px 44px; border-radius:12px; background: transparent; overflow:hidden; box-sizing:border-box; }
@media (min-width:1800px){ .mkpc-wrap.mkpc-limit { max-width:80%; margin:0 auto; } }
@media (max-width:679px){ .mkpc-wrap { padding-left:0; padding-right:0; } }

/* Ensure swiper layout wins over product grid styles */
.mkpc-wrap .products.swiper-wrapper { display:flex !important; flex-wrap:nowrap !important; grid-template-columns:none !important; }
.mkpc-wrap .swiper-slide { height:auto; box-sizing:border-box; }
.mkpc-wrap .swiper-slide.product { box-sizing:border-box; flex-shrink:0; }
@media (max-width:679px){
  .mkpc-wrap .products.swiper-wrapper { gap:0 !important; }
}
.mkpc-wrap .swiper-slide.product { margin:0 !important; }

/* Let the theme (Blocksy) handle product card layout and styling */
.mkpc-wrap .swiper-slide { height:auto; }

/* Arrows: white circle -> invert on hover */
.mkpc-wrap .swiper-button-prev, .mkpc-wrap .swiper-button-next {
  width:32px; height:32px; background:#fff; color:#000; border-radius:50%;
  box-shadow:0 4px 12px rgba(0,0,0,.15); transition:all .25s ease; top:50%; transform:translateY(-50%);
}
.mkpc-wrap .swiper-button-prev::after, .mkpc-wrap .swiper-button-next::after { font-size:14px; font-weight:700; }
.mkpc-wrap .swiper-button-prev { left: 16px; }
.mkpc-wrap .swiper-button-next { right: 16px; }
.mkpc-wrap .swiper-button-prev:hover, .mkpc-wrap .swiper-button-next:hover { background:#000; color:#fff; }

/* Pagination dots inside area */
.mkpc-pagination { bottom: 12px !important; }
.mkpc-wrap .swiper-pagination-bullet {
  background:#ccc; opacity:.6; width:8px; height:8px; transition:opacity .25s ease, background .25s ease;
}
.mkpc-wrap .swiper-pagination-bullet:hover { opacity:1; }
.mkpc-wrap .swiper-pagination-bullet-active { background:#FBC75D; opacity:1; }
/* Force override of Swiper pagination styles */
.mkpc-wrap.swiper .swiper-pagination .swiper-pagination-bullet {
  background: #ddd !important;
  opacity: 1 !important;
  width: 10px !important;
  height: 10px !important;
  border-radius: 999px !important;
  transition: all 0.3s ease;
  margin: 0 5px !important;
}

.mkpc-wrap.swiper .swiper-pagination .swiper-pagination-bullet-active {
  background: #f4c45b !important; /* MinumKu gold */
  width: 30px !important;
  border-radius: 999px !important;
}