.mmpc-carousel{
    --mmpc-dark:#3B4B57;
    --mmpc-dark-hover:#2F404C;
    --mmpc-green:#84BEA0;
    --mmpc-green-hover:#6CA98A;
    --mmpc-green-soft:#EEF9F4;
    --mmpc-green-soft-2:#E4F4EB;
    --mmpc-border:#D7E9DF;
    --mmpc-text:#354953;
    --mmpc-muted:#718087;
    --mmpc-white:#FFFFFF;
    --mmpc-danger:#D86161;
    --mmpc-view:var(--mmpc-desktop,4);

    width:100%;
    max-width:100%;
    position:relative;
    color:var(--mmpc-text);
    font-family:inherit;
    box-sizing:border-box;
}

.mmpc-carousel *,
.mmpc-carousel *::before,
.mmpc-carousel *::after{box-sizing:border-box}

.mmpc-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin-bottom:14px;
}

.mmpc-title{
    margin:0;
    color:var(--mmpc-dark);
    font-size:20px;
    font-weight:800;
    line-height:1.7;
}

.mmpc-nav{display:flex;align-items:center;gap:7px;direction:ltr}

.mmpc-arrow{
    width:38px!important;
    height:38px!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
    border:1px solid var(--mmpc-dark)!important;
    border-radius:11px!important;
    background:var(--mmpc-dark)!important;
    color:#FFFFFF!important;
    box-shadow:none!important;
    cursor:pointer;
    transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease,opacity .2s ease!important;
}

.mmpc-arrow svg{width:19px!important;height:19px!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important;stroke-linecap:round;stroke-linejoin:round}
.mmpc-arrow svg path{fill:none!important;stroke:currentColor!important}
.mmpc-arrow:hover:not(:disabled){background:var(--mmpc-green-hover)!important;border-color:var(--mmpc-green-hover)!important;color:#FFFFFF!important;transform:translateY(-1px)}
.mmpc-arrow:disabled{background:#F2F5F4!important;border-color:var(--mmpc-border)!important;color:#849197!important;opacity:1!important;cursor:default}

.mmpc-viewport{
    width:100%;
    overflow-x:auto;
    overflow-y:hidden;
    overscroll-behavior-inline:contain;
    scrollbar-width:none;
    scroll-snap-type:x mandatory;
    scroll-behavior:smooth;
    -webkit-overflow-scrolling:touch;
    touch-action:pan-x pan-y;
    outline:none;
    padding:1px;
}
.mmpc-viewport::-webkit-scrollbar{display:none}

.mmpc-track{
    display:flex;
    flex-wrap:nowrap;
    gap:var(--mmpc-gap,16px);
    width:100%;
    min-width:100%;
    direction:rtl;
}

.mmpc-card{
    flex:0 0 calc((100% - (var(--mmpc-gap,16px) * (var(--mmpc-view) - 1))) / var(--mmpc-view));
    width:calc((100% - (var(--mmpc-gap,16px) * (var(--mmpc-view) - 1))) / var(--mmpc-view));
    min-width:0;
    overflow:hidden;
    background:var(--mmpc-white);
    border:1px solid var(--mmpc-border);
    border-radius:16px;
    box-shadow:0 8px 24px rgba(41,61,72,.07);
    scroll-snap-align:start;
    transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.mmpc-card:hover{transform:translateY(-3px);border-color:#C7DED2;box-shadow:0 14px 34px rgba(41,61,72,.11)}

.mmpc-media{
    position:relative;
    display:block;
    width:100%;
    aspect-ratio:1/1;
    overflow:hidden;
    background:#F8FBF9;
    text-decoration:none!important;
}

.mmpc-image{
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    display:block!important;
    object-fit:cover;
    margin:0!important;
    transition:transform .35s ease;
}
.mmpc-card:hover .mmpc-image{transform:scale(1.025)}

.mmpc-sale{
    position:absolute;
    top:10px;
    right:10px;
    z-index:2;
    padding:5px 9px;
    border-radius:999px;
    background:var(--mmpc-green-soft);
    border:1px solid var(--mmpc-border);
    color:var(--mmpc-green-hover);
    font-size:11px;
    font-weight:800;
    line-height:1.4;
}

.mmpc-body{padding:12px 12px 13px}

.mmpc-name{
    min-height:3.55em;
    margin:0 0 10px!important;
    padding:0!important;
    color:var(--mmpc-dark);
    font-size:14px!important;
    font-weight:800!important;
    line-height:1.75!important;
    overflow:hidden;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}
.mmpc-name a{color:inherit!important;text-decoration:none!important;display:block}
.mmpc-name a:hover{color:var(--mmpc-green-hover)!important}

.mmpc-bottom{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    min-width:0;
}

.mmpc-price{
    min-width:0;
    flex:1 1 auto;
    overflow:hidden;
    color:var(--mmpc-green-hover);
    font-size:13px;
    font-weight:800;
    line-height:1.5;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.mmpc-price .price{margin:0!important}
.mmpc-price del{color:#9AA6AB;opacity:.75;font-size:11px;margin-left:4px}
.mmpc-price ins{color:var(--mmpc-green-hover);text-decoration:none}
.mmpc-price .woocommerce-Price-currencySymbol{font-size:.86em}
.mmpc-price.is-expired{color:var(--mmpc-muted)}

.mmpc-cart{
    flex:0 0 auto;
    min-height:38px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    margin:0!important;
    padding:8px 10px!important;
    border:1px solid var(--mmpc-dark)!important;
    border-radius:10px!important;
    background:var(--mmpc-dark)!important;
    color:#fff!important;
    box-shadow:none!important;
    font-family:inherit!important;
    font-size:11px!important;
    font-weight:800!important;
    line-height:1.4!important;
    text-decoration:none!important;
    white-space:nowrap!important;
    cursor:pointer;
    transition:background .2s ease,border-color .2s ease,transform .2s ease,opacity .2s ease!important;
}
.mmpc-cart svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.mmpc-cart:hover{background:var(--mmpc-dark-hover)!important;border-color:var(--mmpc-dark-hover)!important;color:#fff!important;transform:translateY(-1px)}
.mmpc-cart.loading{opacity:.58;pointer-events:none}
.mmpc-cart.added{background:var(--mmpc-green-hover)!important;border-color:var(--mmpc-green-hover)!important}
.mmpc-cart--select{background:var(--mmpc-green)!important;border-color:var(--mmpc-green)!important}
.mmpc-cart--select:hover{background:var(--mmpc-green-hover)!important;border-color:var(--mmpc-green-hover)!important}
.mmpc-cart.is-disabled{background:#F2F5F4!important;border-color:#E2EAE6!important;color:#9AA6AB!important;cursor:not-allowed;pointer-events:none}

.mmpc-dots{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:12px;direction:ltr}
.mmpc-dot{width:7px;height:7px;border:0;border-radius:999px;background:#D9E6DF;padding:0;cursor:pointer;transition:width .2s ease,background .2s ease}
.mmpc-dot.is-active{width:20px;background:var(--mmpc-green)}

@media(max-width:1024px){
    .mmpc-carousel{--mmpc-view:var(--mmpc-tablet,2.5)}
}

@media(max-width:767px){
    .mmpc-carousel{--mmpc-view:var(--mmpc-mobile,1.35)}
    .mmpc-head{margin-bottom:11px}
    .mmpc-title{font-size:17px}
    .mmpc-nav{display:none}
    .mmpc-card{border-radius:14px}
    .mmpc-body{padding:10px}
    .mmpc-name{font-size:13px!important;margin-bottom:8px!important}
    .mmpc-price{font-size:12px}
    .mmpc-cart{min-height:36px!important;padding:7px 9px!important;font-size:10.5px!important}
}

@media(max-width:390px){
    .mmpc-cart span{display:none}
    .mmpc-cart{width:36px!important;height:36px!important;padding:0!important;border-radius:10px!important}
    .mmpc-cart svg{width:17px;height:17px}
}

@media(prefers-reduced-motion:reduce){
    .mmpc-viewport{scroll-behavior:auto}
    .mmpc-card,.mmpc-image,.mmpc-arrow,.mmpc-cart,.mmpc-dot{transition:none!important}
}

/* WooCommerce after-AJAX cart link is intentionally hidden so the compact row stays intact. */
.mmpc-bottom > a.added_to_cart.wc-forward:not(.mmpc-cart){display:none!important}

/* ==========================================================
   Article cards - v1.1.0
   ========================================================== */
.mmpc-card--article{
    display:flex;
    flex-direction:column;
}

.mmpc-card--article .mmpc-article-media{
    aspect-ratio:16/10;
    background:linear-gradient(135deg,var(--mmpc-green-soft),#FAFDFC);
}

.mmpc-article-placeholder{
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--mmpc-green-hover);
}
.mmpc-article-placeholder svg{
    width:44px;
    height:44px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.5;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.mmpc-article-category{
    position:absolute;
    top:10px;
    right:10px;
    z-index:2;
    max-width:calc(100% - 20px);
    padding:5px 9px;
    overflow:hidden;
    border:1px solid var(--mmpc-border);
    border-radius:999px;
    background:rgba(238,249,244,.94);
    color:var(--mmpc-green-hover);
    font-size:11px;
    font-weight:800;
    line-height:1.4;
    white-space:nowrap;
    text-overflow:ellipsis;
    backdrop-filter:blur(4px);
}

.mmpc-article-body{
    flex:1 1 auto;
    display:flex;
    flex-direction:column;
}

.mmpc-article-title{
    min-height:3.55em;
    margin-bottom:7px!important;
}

.mmpc-article-excerpt{
    margin:0 0 12px!important;
    color:var(--mmpc-muted);
    font-size:12px;
    font-weight:500;
    line-height:1.9;
    display:-webkit-box;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
}

.mmpc-article-bottom{
    margin-top:auto;
    padding-top:2px;
}

.mmpc-article-date{
    min-width:0;
    flex:1 1 auto;
    color:var(--mmpc-muted);
    font-size:11px;
    font-weight:700;
    line-height:1.5;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.mmpc-read{
    flex:0 0 auto;
    min-height:38px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    padding:8px 10px;
    border:1px solid var(--mmpc-green);
    border-radius:10px;
    background:var(--mmpc-green);
    color:#fff!important;
    font-size:11px;
    font-weight:800;
    line-height:1.4;
    text-decoration:none!important;
    white-space:nowrap;
    transition:background .2s ease,border-color .2s ease,transform .2s ease;
}
.mmpc-read svg{
    width:15px;
    height:15px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.9;
    stroke-linecap:round;
    stroke-linejoin:round;
    transform:scaleX(-1);
}
.mmpc-read:hover{
    background:var(--mmpc-green-hover);
    border-color:var(--mmpc-green-hover);
    color:#fff!important;
    transform:translateY(-1px);
}

@media(max-width:767px){
    .mmpc-article-excerpt{font-size:11.5px;-webkit-line-clamp:2}
    .mmpc-read{min-height:36px;padding:7px 9px;font-size:10.5px}
}

@media(max-width:390px){
    .mmpc-read{min-height:36px;padding:7px 9px;font-size:10px}
}


/* ==========================================================
   Static row/grid layout for articles - v1.3.0
   layout="horizontal" is intentionally NOT a carousel.
   desktop/tablet/mobile control the number of columns per row.
   ========================================================== */
.mmpc-static-grid{
    --mmpc-grid-cols:var(--mmpc-grid-desktop,2);
}

.mmpc-head--static{
    justify-content:flex-start;
}

.mmpc-grid{
    display:grid;
    grid-template-columns:repeat(var(--mmpc-grid-cols),minmax(0,1fr));
    gap:var(--mmpc-gap,16px);
    width:100%;
    min-width:0;
    direction:rtl;
}

.mmpc-static-grid .mmpc-card{
    width:auto;
    min-width:0;
    flex:none;
    scroll-snap-align:none;
}

@media(max-width:1024px){
    .mmpc-static-grid{--mmpc-grid-cols:var(--mmpc-grid-tablet,1)}
}

@media(max-width:767px){
    .mmpc-static-grid{--mmpc-grid-cols:var(--mmpc-grid-mobile,1)}
    .mmpc-grid{gap:12px}
}

/* ==========================================================
   Article horizontal row card - v1.3.0
   shortcode: [mm_article_carousel layout="horizontal"]
   ========================================================== */
.mmpc-article-meta{
    min-width:0;
    display:flex;
    align-items:center;
    gap:12px;
    flex:1 1 auto;
    color:var(--mmpc-muted);
}

.mmpc-article-comments{
    display:inline-flex;
    align-items:center;
    gap:4px;
    color:var(--mmpc-muted);
    font-size:11px;
    font-weight:700;
    line-height:1.5;
    white-space:nowrap;
}
.mmpc-article-comments svg{
    width:14px;
    height:14px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.mmpc-card--article-horizontal{
    display:grid;
    grid-template-columns:minmax(170px,31%) minmax(0,1fr);
    min-height:210px;
    border-radius:20px;
}

.mmpc-card--article-horizontal .mmpc-article-media{
    width:100%;
    height:100%;
    min-height:210px;
    aspect-ratio:auto;
    border-radius:0;
    background:linear-gradient(135deg,var(--mmpc-green-soft),#FAFDFC);
}

.mmpc-card--article-horizontal .mmpc-article-category{
    display:none;
}

.mmpc-card--article-horizontal .mmpc-article-body{
    min-width:0;
    padding:18px 20px 16px;
    justify-content:flex-start;
}

.mmpc-card--article-horizontal .mmpc-article-title{
    min-height:3.45em;
    margin:0 0 12px!important;
    padding:0 0 12px!important;
    border-bottom:1px solid #EDF3F0;
    color:var(--mmpc-green-hover);
    font-size:14px!important;
    line-height:1.72!important;
    text-align:center;
}

.mmpc-card--article-horizontal .mmpc-article-title a{
    color:var(--mmpc-green-hover)!important;
}
.mmpc-card--article-horizontal .mmpc-article-title a:hover{
    color:var(--mmpc-dark)!important;
}

.mmpc-card--article-horizontal .mmpc-article-excerpt{
    margin:0 0 10px!important;
    font-size:11.5px;
    line-height:1.85;
    -webkit-line-clamp:2;
}

.mmpc-card--article-horizontal .mmpc-article-bottom{
    width:100%;
    margin-top:auto;
    padding-top:8px;
    gap:12px;
}

.mmpc-card--article-horizontal .mmpc-article-meta{
    flex-wrap:wrap;
    row-gap:5px;
}

.mmpc-card--article-horizontal .mmpc-article-date,
.mmpc-card--article-horizontal .mmpc-article-comments{
    font-size:11px;
}

.mmpc-card--article-horizontal .mmpc-read{
    min-height:38px;
    padding:8px 12px;
    border-color:var(--mmpc-dark);
    background:var(--mmpc-dark);
    color:#fff!important;
}
.mmpc-card--article-horizontal .mmpc-read:hover{
    border-color:var(--mmpc-dark-hover);
    background:var(--mmpc-dark-hover);
}

@media(max-width:1024px){
    .mmpc-card--article-horizontal{
        grid-template-columns:minmax(150px,33%) minmax(0,1fr);
        min-height:190px;
    }
    .mmpc-card--article-horizontal .mmpc-article-media{
        min-height:190px;
    }
}

@media(max-width:767px){
    .mmpc-card--article-horizontal{
        grid-template-columns:minmax(118px,36%) minmax(0,1fr);
        min-height:165px;
        border-radius:16px;
    }
    .mmpc-card--article-horizontal .mmpc-article-media{
        min-height:165px;
    }
    .mmpc-card--article-horizontal .mmpc-article-body{
        padding:12px 13px 11px;
    }
    .mmpc-card--article-horizontal .mmpc-article-title{
        min-height:3.4em;
        margin-bottom:8px!important;
        padding-bottom:8px!important;
        font-size:12.5px!important;
        line-height:1.7!important;
    }
    .mmpc-card--article-horizontal .mmpc-article-excerpt{
        display:none;
    }
    .mmpc-card--article-horizontal .mmpc-article-bottom{
        align-items:flex-end;
        gap:7px;
        padding-top:4px;
    }
    .mmpc-card--article-horizontal .mmpc-article-meta{
        display:grid;
        gap:4px;
    }
    .mmpc-card--article-horizontal .mmpc-article-date,
    .mmpc-card--article-horizontal .mmpc-article-comments{
        font-size:9.5px;
    }
    .mmpc-card--article-horizontal .mmpc-read{
        min-height:34px;
        padding:6px 8px;
        gap:4px;
        font-size:9.5px;
        border-radius:9px;
    }
    .mmpc-card--article-horizontal .mmpc-read svg{
        width:13px;
        height:13px;
    }
}

@media(max-width:420px){
    .mmpc-card--article-horizontal{
        grid-template-columns:minmax(110px,35%) minmax(0,1fr);
        min-height:155px;
    }
    .mmpc-card--article-horizontal .mmpc-article-media{
        min-height:155px;
    }
    .mmpc-card--article-horizontal .mmpc-article-body{
        padding:10px 11px 9px;
    }
    .mmpc-card--article-horizontal .mmpc-article-title{
        font-size:11.5px!important;
    }
    .mmpc-card--article-horizontal .mmpc-read{
        white-space:nowrap;
    }
}
