.mz-cart{position:fixed;inset:0 0 0 auto;margin:0;padding:0;border:0;width:min(580px,100vw);max-width:100vw;height:100vh;height:100dvh;max-height:100dvh;color:#10131a;background:#fff;box-shadow:-12px 0 45px #10131a24;font:16px/1.45 Arial,sans-serif;overflow:hidden}
.mz-cart[open]{animation:mz-cart-in .22s ease-out}.mz-cart::backdrop{background:#10182780;animation:mz-cart-fade .2s ease-out}.mz-cart.is-closing{animation:mz-cart-out .18s ease-in forwards}.mz-cart.is-closing::backdrop{opacity:0;transition:opacity .18s}
.mz-cart-open{overflow:hidden}.mz-cart *{box-sizing:border-box}.mz-cart [hidden]{display:none!important}.mz-cart a{color:inherit}.mz-cart button,.mz-cart input{font:inherit}.mz-cart button{cursor:pointer}.mz-cart button:disabled{opacity:.4;cursor:default}.mz-cart :focus-visible{outline:3px solid #1554f6;outline-offset:3px}
.mz-cart__shell{height:100%;display:flex;flex-direction:column}.mz-cart__header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;border-bottom:1px solid #e4e8ef;flex-shrink:0}.mz-cart__header h2{margin:0;font-size:26px;line-height:1.2}.mz-cart__header p{font-size:14px;margin:6px 0 0;color:#626a79}.mz-cart__close{border:0;background:#f1f4fa;border-radius:50%;width:44px;height:44px;flex-shrink:0;font-size:30px!important;line-height:1}
.mz-cart__list{min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;padding:0 24px}.mz-cart__item{display:grid;grid-template-columns:96px minmax(0,1fr);gap:18px;padding:24px 0;border-bottom:1px solid #e4e8ef}.mz-cart__image{position:relative;width:96px;height:106px;background:#fff;border:1px solid #e4e8ef;border-radius:9px;overflow:hidden}.mz-cart__image img{width:100%;height:96px;object-fit:contain}.mz-cart__image-note{position:absolute;bottom:0;left:0;right:0;text-align:center;background:#fffffff0;color:#626a79;font-size:11px;line-height:15px}.mz-cart__placeholder{display:grid;place-items:center;height:100%;color:#8490a0;font-size:30px}
.mz-cart__name{font-size:16px;line-height:1.45;margin:0;overflow-wrap:anywhere}.mz-cart__name a{text-decoration:none}.mz-cart__name a:hover{color:#1554f6;text-decoration:underline}.mz-cart__description{font-size:14px;color:#626a79;margin:7px 0;overflow-wrap:anywhere}.mz-cart__sku{font-size:12px;color:#737e8e;margin:7px 0;overflow-wrap:anywhere}.mz-cart__price{font-size:19px;font-weight:700;margin:12px 0}.mz-cart__price small{display:block;font-size:13px;font-weight:400;color:#626a79;margin-top:2px}.mz-cart__controls{display:flex;align-items:center;flex-wrap:wrap;gap:0}.mz-cart__button{width:40px;height:42px;padding:0;border:1px solid #dce2ed;background:#f5f7fc;color:#10131a;font-size:22px!important}.mz-cart__quantity{width:50px;height:42px;border:1px solid #dce2ed;border-left:0;border-right:0;border-radius:0;text-align:center;padding:0 2px;appearance:textfield;-moz-appearance:textfield}.mz-cart__quantity::-webkit-inner-spin-button,.mz-cart__quantity::-webkit-outer-spin-button{appearance:none;margin:0}.mz-cart__remove{margin-left:auto;background:none;border:0;min-height:44px;padding:8px 0 8px 12px;font-size:14px!important;color:#b42318}
.mz-cart__footer{flex-shrink:0;border-top:1px solid #e4e8ef;background:#f8faff;padding:18px 24px max(18px,env(safe-area-inset-bottom))}.mz-cart__total{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.mz-cart__total span{font-size:16px}.mz-cart__total strong{font-size:24px;white-space:nowrap}.mz-cart__note{font-size:13px;color:#626a79;margin:10px 0 16px}.mz-cart__actions{display:grid;gap:8px}.mz-cart__primary,.mz-cart__secondary{display:block;border:1px solid #1554f6;border-radius:8px;text-align:center;padding:12px 16px;text-decoration:none;font-size:16px;line-height:1.4;min-height:46px}.mz-cart__primary{background:#1554f6;color:#fff!important}.mz-cart__secondary{background:#fff;color:#1554f6}.mz-cart__continue{display:block;margin:10px auto 0;padding:8px;border:0;background:transparent;color:#1554f6;font-size:14px!important}.mz-cart__empty{text-align:center;padding:40px 10px;color:#626a79}.mz-cart__empty h3{color:#10131a;font-size:22px}.mz-cart__empty .mz-cart__primary{margin-top:20px}.mz-cart__retry{padding:12px 20px;border:0;border-bottom:1px solid #f1c5bd;background:#fff3ef;color:#923921;text-align:left;font-size:14px!important;flex-shrink:0}
.mz-cart-toast{position:fixed;right:20px;bottom:20px;z-index:1000;max-width:calc(100vw - 40px);padding:14px 18px;background:#15233f;color:#fff;border-radius:10px;box-shadow:0 8px 32px #15233f30;font:15px/1.5 Arial,sans-serif;display:none;gap:14px;align-items:center;flex-wrap:wrap}.mz-cart-toast.is-visible{display:flex}.mz-cart-toast button{width:auto;height:auto;border:0;background:transparent;color:#fff;text-decoration:underline;font:inherit!important;padding:5px;cursor:pointer}
.mz-cart__sprite{position:absolute;left:50%;top:50%;width:145px;height:160px;transform:translate(-50%,-50%) scale(.6);background-image:url('/assets/design-reference.png');background-size:1024px 1536px;background-repeat:no-repeat}.mz-cart__sprite[data-sprite=board]{background-position:-22px -817px}.mz-cart__sprite[data-sprite=cpu]{background-position:-184px -817px}.mz-cart__sprite[data-sprite=ram]{background-position:-350px -817px}.mz-cart__sprite[data-sprite=canon]{background-position:-515px -817px}.mz-cart__sprite[data-sprite=toner]{background-position:-676px -817px}.mz-cart__sprite[data-sprite=game]{background-position:-840px -817px}
@keyframes mz-cart-in{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes mz-cart-out{to{transform:translateX(100%)}}@keyframes mz-cart-fade{from{opacity:0}to{opacity:1}}
@media(max-width:480px){.mz-cart__header{padding:18px 16px}.mz-cart__list{padding:0 16px}.mz-cart__item{grid-template-columns:72px minmax(0,1fr);gap:12px;padding:18px 0}.mz-cart__image{width:72px;height:84px}.mz-cart__image img{height:72px}.mz-cart__sprite{transform:translate(-50%,-50%) scale(.45)}.mz-cart__footer{padding:14px 16px max(14px,env(safe-area-inset-bottom))}.mz-cart__header h2{font-size:24px}.mz-cart__total strong{font-size:22px}.mz-cart__remove{font-size:13px!important}.mz-cart__description{font-size:14px}.mz-cart__note{margin:8px 0 12px}}
@media(prefers-reduced-motion:reduce){.mz-cart[open],.mz-cart.is-closing,.mz-cart::backdrop{animation:none;transition:none}}
@media(max-height:600px){.mz-cart__footer{max-height:45vh;overflow-y:auto}.mz-cart__header{padding-top:12px;padding-bottom:12px}}
.mz-cart__image-note{font-size:12px}.mz-cart__total{flex-wrap:wrap}