.skc-mc-overlay{position:fixed;inset:0;background:rgba(0,0,0,0);z-index:999997;pointer-events:none;transition:background .3s;}
.skc-mc-overlay.skc-mc-open{background:rgba(0,0,0,.55);pointer-events:all;}

.skc-mc-panel{
    position:fixed;top:0;right:0;bottom:0;
    width:400px;max-width:100vw;
    background:#fff;
    display:flex;flex-direction:column;
    z-index:999998;
    transform:translateX(100%);
    transition:transform .38s cubic-bezier(.22,.1,.27,1);
    box-shadow:-8px 0 32px rgba(0,0,0,.12);
}
.skc-mc-panel.skc-mc-open{transform:translateX(0);}

/* Header */
.skc-mc-header{padding:18px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f0f0f0;flex-shrink:0;background:#fff;}
.skc-mc-header-left{display:flex;align-items:center;gap:10px;}
.skc-mc-icon-wrap{width:36px;height:36px;background:#fff5f2;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.skc-mc-title{font-size:15px;font-weight:700;color:#111;letter-spacing:-.2px;}
.skc-mc-badge{background:#e8390e;color:#fff;font-size:10px;font-weight:700;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 5px;}

/* Fix: close button icon visibility — force override theme */
.skc-mc-close{
    width:34px;height:34px;
    border:1px solid #e8e8e8 !important;
    background:#fff !important;
    border-radius:9px;cursor:pointer;
    display:flex !important;align-items:center;justify-content:center;
    flex-shrink:0;
    color:#555 !important;
    box-shadow:none !important;
    outline:none;
    padding:0 !important;
}
.skc-mc-close svg{
    stroke:#555 !important;
    fill:none !important;
    display:block !important;
    width:13px !important;height:13px !important;
    visibility:visible !important;
    opacity:1 !important;
}
.skc-mc-close:hover{background:#f5f5f5 !important;}
.skc-mc-close:hover svg{stroke:#111 !important;}
.skc-mc-close:active{background:#f5f5f5 !important;}

/* Body */
.skc-mc-body{flex:1;overflow-y:auto;padding:14px 18px;}
.skc-mc-body::-webkit-scrollbar{width:3px;}
.skc-mc-body::-webkit-scrollbar-thumb{background:#e4e4e4;border-radius:3px;}

/* Loading */
.skc-mc-loading{display:flex;align-items:center;justify-content:center;padding:48px;}
@keyframes skc-mc-spin{to{transform:rotate(360deg);}}
.skc-mc-spinner{display:inline-block;width:22px;height:22px;border:2px solid #e4e4e4;border-top-color:#e8390e;border-radius:50%;animation:skc-mc-spin .7s linear infinite;}

/* Empty */
.skc-mc-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;}
.skc-mc-empty-icon{margin-bottom:16px;opacity:.5;}
.skc-mc-empty-text{font-size:15px;color:#71717a;margin-bottom:20px;}
.skc-mc-shop-link{display:inline-block;padding:10px 22px;background:#111;color:#fff!important;border-radius:9px;font-size:13px;font-weight:600;text-decoration:none;}
.skc-mc-shop-link:hover,.skc-mc-shop-link:active,.skc-mc-shop-link:focus,.skc-mc-shop-link:visited{background:#333;color:#fff!important;text-decoration:none;}

/* Items */
.skc-mc-item{display:flex;gap:13px;padding:13px 0 13px;border-bottom:1px solid #f5f5f5;}
.skc-mc-item:last-child{border-bottom:none;}

/* Fix: right padding so name doesn't overlap remove button */
.skc-mc-item-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:space-between;padding-right:24px;}

.skc-mc-item-img{width:72px;height:72px;border-radius:12px;flex-shrink:0;background:#fdf6f0;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.skc-mc-item-img img{width:100%;height:100%;object-fit:cover;}
.skc-mc-item-name{font-size:13px;font-weight:600;color:#111;line-height:1.4;margin-bottom:2px;word-break:break-word;}
.skc-mc-item-variant{font-size:11px;color:#aaa;margin-bottom:8px;}
.skc-mc-item-bottom{display:flex;align-items:center;justify-content:space-between;}

/* Qty */
.skc-mc-qty{display:flex;align-items:center;background:#f7f7f7;border-radius:8px;overflow:hidden;}
.skc-mc-qty-btn{width:30px;height:28px;border:none;background:transparent;cursor:pointer;font-size:16px;font-weight:500;color:#333;line-height:1;}
.skc-mc-qty-val{font-size:13px;font-weight:600;color:#111;min-width:24px;text-align:center;}

/* Price */
.skc-mc-item-price{font-size:14px;font-weight:700;color:#111;text-align:right;}
.skc-mc-item-price del{font-size:11px;color:#bbb;font-weight:400;}
.skc-mc-item-price ins{text-decoration:none;display:block;}

/* Fix: remove button — no hover, no click effect, no theme override */
.skc-mc-remove{
    border:none !important;
    background:none !important;
    background-color:transparent !important;
    cursor:pointer;
    padding:2px !important;
    display:flex;
    flex-shrink:0;
    align-self:flex-start;
    color:#bbb;
    box-shadow:none !important;
    outline:none !important;
    -webkit-tap-highlight-color:transparent !important;
}
.skc-mc-remove svg{stroke:#bbb !important;fill:none !important;display:block;}
.skc-mc-remove:hover,
.skc-mc-remove:focus,
.skc-mc-remove:active{
    background:none !important;
    background-color:transparent !important;
    box-shadow:none !important;
    color:#bbb !important;
    border:none !important;
}

/* Savings */
.skc-mc-savings{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:9px 12px;display:flex;align-items:center;gap:8px;margin-top:10px;}
.skc-mc-savings span{font-size:12px;color:#16a34a;font-weight:500;}
.skc-mc-savings svg{flex-shrink:0;stroke:#16a34a;}
.skc-mc-savings strong{font-weight:700;}

/* Footer */
.skc-mc-footer{padding:0 18px 20px;border-top:1px solid #f0f0f0;flex-shrink:0;}
.skc-mc-totals{margin-bottom:14px;}
.skc-mc-total-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;}
.skc-mc-total-row span{font-size:12px;color:#888;}
.skc-mc-total-row strong{font-size:13px;color:#333;font-weight:600;}
.skc-mc-total-row:last-child{padding-top:10px;border-top:1px solid #f0f0f0;margin-top:6px;}
.skc-mc-total-row:last-child span{font-size:14px;font-weight:600;color:#111;}
.skc-mc-total-row:last-child strong{font-size:18px;font-weight:700;color:#111;}
.skc-mc-free-ship{color:#16a34a !important;}
.skc-mc-ship-strip{
    background:#f0fdf4;
    border-top:1px solid #bbf7d0;
    border-bottom:1px solid #bbf7d0;
    padding:10px 18px;
    display:flex;align-items:center;justify-content:center;gap:7px;
    margin:0 -18px 14px;
}
.skc-mc-ship-strip-text{font-size:12px;font-weight:600;color:#111;}
.skc-mc-checkout-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:#111;color:#fff;border:none;padding:15px;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;text-decoration:none;transition:background .15s,transform .1s;letter-spacing:.2px;}
.skc-mc-checkout-btn:hover{background:#222;color:#fff;}
.skc-mc-checkout-btn:visited{color:#fff;}

@media(max-width:480px){
    .skc-mc-panel{width:100%;}
}

/* Hide WC default "View cart" link and button tick that appears after add to cart */
.woocommerce-page a.added_to_cart,
a.added_to_cart,
.product a.added_to_cart{display:none!important;}
.single_add_to_cart_button.added::after,
.single_add_to_cart_button.loading::after{display:none!important;}
.single_add_to_cart_button.added,
.single_add_to_cart_button.loading{opacity:1!important;}

/* ── Button click effect ── */
.skc-mc-checkout-btn:active,
.skc-mc-shop-link:active{transform:scale(.97);transition:transform .1s;}
.skc-mc-qty-btn:active{transform:scale(.9);transition:transform .1s;}
.skc-mc-remove:active{transform:scale(.85);transition:transform .1s;}
.skc-mc-close:active{transform:scale(.9);transition:transform .1s;}