/* minimal styles for MPC */
.mpc-container {
    position: relative;
    margin: 20px 20px 115px;
    display: flex;
    flex-direction: column;
    overflow: hidden;

}

.mpc-header {
    display: flex;
    text-align: left;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}

@media screen and (max-width: 767.98px) {
    .mpc-container {
        margin: 20px 20px 100px;
    }
}

.mpc-title {
    text-align: left;
    font-size: 24px;
    font-weight: 800;
    text-transform: uppercase;

}



.swiper-container {
    width: 100%
}


/* MPC Minimal product box styling */
.product-carousel-item-box { }
.product-carousel-item-box .product-item { }
.product-carousel-item-box .picture {
    position: relative;
    display: block;
}
.product-carousel-item-box .picture figure {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 160px;
}
.product-carousel-item-box .picture img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Discount badge */
.mpc-badge {
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    line-height: 1;
}
.mpc-badge--new {
    background: #d8ffd8; /* light green */
    color: #196d2e; /* dark green text */
    border: 1px solid #c6f1c6;
}

/* Details */
.product-carousel-item-box .details { margin-top: 10px; }
.product-carousel-item-box .product-title { margin: 10px 0 6px; font-size: 14px; font-weight: 600; color: #222; text-align: left; }
.product-carousel-item-box .product-title a { color: inherit; text-decoration: none; }

/* Rating row */
.mpc-rating { color: #c2c2c2; margin-bottom: 8px; }
.mpc-rating .fa-star { margin-right: 2px; font-size: 13px; }

/* Prices */
.product-carousel-item-box .price-container { display: flex; align-items: baseline; gap: 10px; }
.product-carousel-item-box .price-container .actual-price { font-weight: 700; color: #000; }
.product-carousel-item-box .price-container .old-price { color: #9b9b9b; text-decoration: line-through; }


@media screen and (min-width: 992px) {
    .mpc-container {
        margin-left: auto;
        margin-right: auto;
        max-width: 1360px;

    }

}

/* Navigation (minimal black/white) */
.mpc-nav {
    position: absolute;
    top: 0;
    right: 0;

    display: inline-flex;
    gap: 8px;
    align-items: center;
    z-index: 1;
}
.mpc-nav-btn {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 2px solid #000;
    background: #fff;
    color: #000;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: background .15s ease, color .15s ease, opacity .15s ease, border-color .15s ease;
}
.mpc-nav-btn:hover { background: #000; color: #fff; }
.mpc-nav-btn:focus { outline: none; box-shadow: 0 0 0 2px rgba(0,0,0,.2); }
.mpc-nav-btn:disabled,
.mpc-nav-btn.swiper-button-disabled { opacity: .4; cursor: default; pointer-events: none; }

/* Mobile tweaks for arrows */
@media screen and (max-width: 575.98px) {
    .mpc-nav-btn { width: 30px; height: 30px; border-width: 2px; }
}