/* Mr Kleen Product Listing */
.mkpl-wrap{--mkpl-primary:#0a7f3f;--mkpl-primary-2:#0c9b4d;--mkpl-text:#1a1a1a;--mkpl-muted:#6b7280;--mkpl-bg:#ffffff;--mkpl-surface:#f7f9fa;--mkpl-border:#e6e8eb;--mkpl-radius:20px;--mkpl-shadow-md:0 8px 24px rgba(15,23,42,.08);--mkpl-shadow-lg:0 18px 48px rgba(15,23,42,.12);font-family:inherit;color:var(--mkpl-text);}
.mkpl-wrap *,.mkpl-wrap *::before,.mkpl-wrap *::after{box-sizing:border-box;}
.mkpl-list{display:flex;flex-direction:column;gap:24px;}
.mkpl-toolbar{margin-bottom:16px;display:flex;justify-content:flex-end;}
.mkpl-toolbar .mkpl-search{padding:10px 14px;border:1px solid var(--mkpl-border);border-radius:999px;min-width:260px;font-size:14px;outline:none;background:var(--mkpl-bg);}
.mkpl-toolbar .mkpl-search:focus{border-color:var(--mkpl-primary);box-shadow:0 0 0 3px rgba(10,127,63,.15);}
.mkpl-empty{padding:40px;text-align:center;color:var(--mkpl-muted);background:var(--mkpl-surface);border-radius:var(--mkpl-radius);}

/* Card */
.mkpl-card{display:flex;flex-wrap:wrap;gap:28px;padding:24px;background:var(--mkpl-bg);border:1px solid var(--mkpl-border);border-radius:var(--mkpl-radius);position:relative;transition:transform .25s ease,box-shadow .25s ease;align-items:stretch;}
.mkpl-shadow-none .mkpl-card{box-shadow:none;}
.mkpl-shadow-sm .mkpl-card{box-shadow:0 2px 8px rgba(15,23,42,.06);}
.mkpl-shadow-md .mkpl-card{box-shadow:var(--mkpl-shadow-md);}
.mkpl-shadow-lg .mkpl-card{box-shadow:var(--mkpl-shadow-lg);}
.mkpl-shadow-xl .mkpl-card{box-shadow:0 24px 60px rgba(15,23,42,.18);}
.mkpl-hover-lift .mkpl-card:hover{transform:translateY(-4px);box-shadow:var(--mkpl-shadow-lg);}
.mkpl-hover-glow .mkpl-card:hover{box-shadow:0 0 0 3px rgba(10,127,63,.18),var(--mkpl-shadow-lg);}
.mkpl-hover-zoom .mkpl-card .mkpl-img{transition:transform .4s ease;}
.mkpl-hover-zoom .mkpl-card:hover .mkpl-img{transform:scale(1.05);}

.mkpl-img-right .mkpl-card{flex-direction:row-reverse;}
.mkpl-alternate .mkpl-list>.mkpl-card:nth-child(even){flex-direction:row-reverse;}
.mkpl-img-right.mkpl-alternate .mkpl-list>.mkpl-card:nth-child(even){flex-direction:row;}

.mkpl-card.mkpl-out-of-stock{opacity:.85;}

/* Media */
.mkpl-media{flex:0 0 320px;max-width:320px;position:relative;display:flex;flex-direction:column;gap:10px;}
.mkpl-main-image{position:relative;overflow:hidden;border-radius:14px;background:var(--mkpl-surface);aspect-ratio:1/1;}
.mkpl-main-image img,.mkpl-img{width:100%;height:100%;object-fit:cover;display:block;}
.mkpl-thumbs{display:flex;gap:8px;flex-wrap:wrap;}
.mkpl-thumb{padding:0;border:2px solid transparent;border-radius:10px;background:none;overflow:hidden;cursor:pointer;width:56px;height:56px;}
.mkpl-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.mkpl-thumb.is-active,.mkpl-thumb:hover{border-color:var(--mkpl-primary);}
.mkpl-badge{position:absolute;top:12px;left:12px;background:#ef4444;color:#fff;font-size:12px;font-weight:700;padding:5px 10px;border-radius:999px;z-index:2;letter-spacing:.3px;}
.mkpl-badge-sale{background:linear-gradient(135deg,#f97316,#ef4444);}

/* Info */
.mkpl-info{flex:1 1 320px;min-width:0;display:flex;flex-direction:column;gap:12px;}
.mkpl-cats{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--mkpl-primary);font-weight:600;}
.mkpl-cats a{color:inherit;text-decoration:none;}
.mkpl-title{margin:0;font-size:22px;line-height:1.25;font-weight:700;color:var(--mkpl-text);}
.mkpl-title a{color:inherit;text-decoration:none;}
.mkpl-title a:hover{color:var(--mkpl-primary);}
.mkpl-rating{display:flex;align-items:center;gap:6px;font-size:14px;color:#f59e0b;}
.mkpl-rating .star-rating{font-size:14px;}
.mkpl-rating-count{color:var(--mkpl-muted);font-size:13px;}
.mkpl-sku{font-size:13px;color:var(--mkpl-muted);}
.mkpl-desc{font-size:14.5px;line-height:1.6;color:var(--mkpl-muted);}
.mkpl-desc p{margin:0 0 8px;}
.mkpl-desc.is-clamped{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.mkpl-readmore{background:none;border:0;padding:0;color:var(--mkpl-primary);font-weight:600;cursor:pointer;font-size:13px;margin-top:4px;}

/* Variations */
.mkpl-variations{display:flex;flex-direction:column;gap:10px;margin:4px 0;}
.mkpl-attr{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.mkpl-attr-label{font-size:13px;font-weight:600;color:var(--mkpl-text);margin:0;min-width:80px;}
.mkpl-attr-options{display:flex;flex-wrap:wrap;gap:8px;}
.mkpl-swatch{padding:8px 14px;border:1.5px solid var(--mkpl-border);background:var(--mkpl-bg);border-radius:10px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;color:var(--mkpl-text);min-width:44px;}
.mkpl-swatch:hover{border-color:var(--mkpl-primary);}
.mkpl-swatch.is-selected{background:var(--mkpl-primary);color:#fff;border-color:var(--mkpl-primary);}
.mkpl-attr-color .mkpl-swatch{width:32px;height:32px;border-radius:50%;padding:0;border-width:2px;}
.mkpl-attr-color .mkpl-swatch.is-selected{box-shadow:0 0 0 3px rgba(10,127,63,.25);}
.mkpl-attr-color .mkpl-swatch .mkpl-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);}

/* Bottom */
.mkpl-bottom{margin-top:auto;display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;padding-top:8px;}
.mkpl-price{font-size:24px;font-weight:800;color:var(--mkpl-text);}
.mkpl-price del{font-size:16px;color:var(--mkpl-muted);font-weight:500;margin-right:8px;}
.mkpl-price ins{text-decoration:none;color:var(--mkpl-primary);}
.mkpl-stock{font-size:13px;color:var(--mkpl-muted);}
.mkpl-stock .in-stock{color:var(--mkpl-primary);font-weight:600;}
.mkpl-stock .out-of-stock{color:#ef4444;font-weight:600;}
.mkpl-actions{display:flex;gap:10px;align-items:center;margin-left:auto;flex-wrap:wrap;}
.mkpl-qty{display:inline-flex;align-items:center;border:1.5px solid var(--mkpl-border);border-radius:999px;overflow:hidden;background:var(--mkpl-bg);}
.mkpl-qty button{border:0;background:none;width:36px;height:40px;font-size:18px;cursor:pointer;color:var(--mkpl-text);}
.mkpl-qty button:hover{background:var(--mkpl-surface);}
.mkpl-qty input{border:0;width:44px;height:40px;text-align:center;font-size:15px;font-weight:600;background:none;outline:none;color:var(--mkpl-text);-moz-appearance:textfield;}
.mkpl-qty input::-webkit-outer-spin-button,.mkpl-qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.mkpl-btn-cart{display:inline-flex;align-items:center;gap:8px;background:var(--mkpl-primary);color:#fff;border:0;padding:11px 22px;border-radius:999px;font-size:14px;font-weight:700;cursor:pointer;letter-spacing:.02em;transition:transform .15s ease,background .2s ease,box-shadow .2s ease;}
.mkpl-btn-cart:hover:not([disabled]){background:var(--mkpl-primary-2);transform:translateY(-1px);box-shadow:0 6px 18px rgba(10,127,63,.3);}
.mkpl-btn-cart[disabled]{opacity:.6;cursor:not-allowed;}
.mkpl-btn-cart.is-loading{pointer-events:none;opacity:.85;}
.mkpl-btn-cart.is-added{background:#16a34a;}

/* Pagination */
.mkpl-pagination{display:flex;justify-content:center;gap:6px;margin-top:24px;flex-wrap:wrap;}
.mkpl-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 10px;border-radius:10px;background:var(--mkpl-surface);color:var(--mkpl-text);text-decoration:none;font-size:14px;font-weight:600;border:1px solid var(--mkpl-border);}
.mkpl-pagination .page-numbers.current{background:var(--mkpl-primary);color:#fff;border-color:var(--mkpl-primary);}
.mkpl-pagination a.page-numbers:hover{border-color:var(--mkpl-primary);color:var(--mkpl-primary);}
.mkpl-loadmore-wrap{display:flex;justify-content:center;margin-top:24px;}
.mkpl-loadmore{background:var(--mkpl-primary);color:#fff;border:0;padding:12px 28px;border-radius:999px;font-weight:700;cursor:pointer;font-size:14px;}
.mkpl-loadmore:hover{background:var(--mkpl-primary-2);}

/* Notice */
.mkpl-toast{position:fixed;bottom:24px;right:24px;background:#111827;color:#fff;padding:12px 18px;border-radius:12px;font-size:14px;font-weight:600;box-shadow:0 12px 30px rgba(0,0,0,.25);z-index:9999;opacity:0;transform:translateY(20px);transition:all .3s ease;pointer-events:none;}
.mkpl-toast.is-show{opacity:1;transform:translateY(0);}
.mkpl-toast.is-error{background:#dc2626;}

/* Responsive */
@media (max-width:880px){
	.mkpl-card{flex-direction:column !important;gap:18px;padding:18px;}
	.mkpl-media{flex:1 1 100% !important;max-width:100% !important;}
	.mkpl-main-image{aspect-ratio:4/3;}
	.mkpl-title{font-size:19px;}
	.mkpl-price{font-size:21px;}
	.mkpl-bottom{flex-direction:column;align-items:flex-start;}
	.mkpl-actions{margin-left:0;width:100%;justify-content:space-between;}
}
@media (max-width:480px){
	.mkpl-attr-label{min-width:0;width:100%;}
	.mkpl-btn-cart{flex:1 1 auto;justify-content:center;}
}