html.mtm-sc-open{overflow:hidden}
#mtm-side-cart{position:fixed;inset:0 0 0 auto;margin:0;width:min(460px,100vw);max-width:100vw;height:100vh;height:100dvh;max-height:none;padding:0;border:0;background:var(--mtm-ui-paper,#f7f4ee);color:var(--mtm-ui-ink,#101214);box-shadow:-12px 0 60px #0003;font-family:var(--mtm-ui-font,Inter,ui-sans-serif,system-ui,sans-serif);overflow:hidden}
#mtm-side-cart:not([open]){display:none}
#mtm-side-cart::backdrop{background:rgb(14 24 25 / 55%)}
#mtm-side-cart *{box-sizing:border-box}
#mtm-side-cart .mtm-sc-shell{height:100%;display:flex;flex-direction:column}
#mtm-side-cart .mtm-sc-header{padding:22px 24px;background:#000;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:16px}
#mtm-side-cart h2{margin:0;font-size:28px;color:inherit}
#mtm-side-cart button{font:inherit;cursor:pointer}
#mtm-side-cart .mtm-sc-close{border:1px solid var(--mtm-ui-line,#d5d1c9);color:#fff;background:transparent;font-size:28px;line-height:1;width:44px;height:44px;border-radius:50%;padding:0}
#mtm-side-cart .mtm-sc-status{margin:0;padding:0 24px;font-size:14px;color:var(--mtm-ui-ink,#101214)}
#mtm-side-cart .mtm-sc-status:not(:empty){padding:12px 24px;background:var(--mtm-ui-paper,#f7f4ee)}
#mtm-side-cart .mtm-sc-content{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 24px 20px}
#mtm-side-cart .mtm-sc-item{display:flex;gap:16px;padding:22px 0;border-bottom:1px solid var(--mtm-ui-line,#d5d1c9)}
#mtm-side-cart .mtm-sc-item img{width:76px;height:76px;object-fit:cover;border-radius:10px;background:var(--mtm-ui-paper,#f7f4ee);flex-shrink:0}
#mtm-side-cart .mtm-sc-detail{flex:1;min-width:0}
#mtm-side-cart a{color:var(--mtm-ui-ink,#101214)}
#mtm-side-cart .mtm-sc-name{font-size:17px;font-weight:700;text-decoration:none;overflow-wrap:anywhere}
#mtm-side-cart .mtm-sc-variation{font-size:13px;margin:5px 0;color:var(--mtm-ui-ink,#101214)}
#mtm-side-cart .mtm-sc-price{font-weight:700;margin:8px 0}
#mtm-side-cart .mtm-sc-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
#mtm-side-cart .mtm-sc-controls button{min-width:44px;min-height:44px;border:1px solid var(--mtm-ui-line,#d5d1c9);background:#fff;color:var(--mtm-ui-ink,#101214);border-radius:6px;padding:4px 9px}
#mtm-side-cart .mtm-sc-quantity{font-size:13px}
#mtm-side-cart .mtm-sc-controls .mtm-sc-remove{border:0;background:transparent;text-decoration:underline;font-size:13px}
#mtm-side-cart button:disabled{opacity:.4;cursor:not-allowed}
#mtm-side-cart .mtm-sc-totals{display:grid;grid-template-columns:1fr auto;gap:12px;margin:24px 0 14px;font-size:15px}
#mtm-side-cart .mtm-sc-totals dt,#mtm-side-cart .mtm-sc-totals dd{margin:0}
#mtm-side-cart .mtm-sc-totals dd{text-align:right}
#mtm-side-cart .mtm-sc-totals dt:nth-last-child(2),#mtm-side-cart .mtm-sc-totals dd:last-child{font-size:19px;font-weight:700;border-top:1px solid var(--mtm-ui-line,#d5d1c9);padding-top:14px}
#mtm-side-cart .mtm-sc-note{font-size:13px;line-height:1.6;color:var(--mtm-ui-ink,#101214)}
#mtm-side-cart .mtm-sc-error{color:#9a201a;font-size:14px}
#mtm-side-cart .mtm-sc-empty{margin-top:30px;font-size:18px}
#mtm-side-cart .mtm-sc-footer{flex-shrink:0;display:grid;gap:12px;text-align:center;padding:18px 24px max(18px,env(safe-area-inset-bottom));border-top:1px solid var(--mtm-ui-line,#d5d1c9);background:var(--mtm-ui-paper,#f7f4ee)}
#mtm-side-cart .mtm-sc-checkout{display:block;min-width:44px;min-height:44px;background:#000;color:#fff;border-radius:8px;padding:15px;font-weight:700;text-decoration:none}
#mtm-side-cart .mtm-sc-checkout[hidden]{display:none}
#mtm-side-cart .mtm-sc-checkout[aria-disabled=true]{opacity:.5;cursor:wait}
#mtm-side-cart .mtm-sc-full{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;font-size:14px}
#mtm-side-cart .mtm-sc-continue{min-width:44px;min-height:44px;border:0;background:transparent;color:var(--mtm-ui-ink,#101214);font-size:14px;padding:5px}
#mtm-side-cart :focus-visible{outline:3px solid #8c6a24;outline-offset:3px}
@media(prefers-reduced-motion:no-preference){#mtm-side-cart[open]{animation:mtm-cart-enter .2s ease-out}@keyframes mtm-cart-enter{from{transform:translateX(100%)}to{transform:translateX(0)}}}
@media(max-width:380px){#mtm-side-cart .mtm-sc-content{padding-left:16px;padding-right:16px}#mtm-side-cart .mtm-sc-item{gap:10px}#mtm-side-cart .mtm-sc-item img{width:58px;height:58px}}
