app-cart-sidebar{font-family:var(--font--body);color:var(--mg-text)}app-cart-sidebar .cart-overlay{z-index:6000;background:#14131280;animation:.2s ease-out cart-fade;position:fixed;inset:0}app-cart-sidebar .cart-panel{z-index:6100;border:1px solid var(--mg-stroke);background:var(--mg-surface);width:min(28rem,100vw - 1.5rem);box-shadow:var(--mg-shadow-lg);border-radius:24px;flex-direction:column;animation:.28s cubic-bezier(.22,1,.36,1) cart-slide;display:flex;position:fixed;top:.75rem;bottom:.75rem;right:.75rem;overflow:hidden}app-cart-sidebar .cart-head{border-bottom:1px solid var(--mg-stroke);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.5rem 1.5rem 1.1rem;display:flex}app-cart-sidebar .cart-title{letter-spacing:-.015em;margin:0;font-size:1.5rem;font-weight:700}app-cart-sidebar .cart-count{color:var(--mg-muted);flex-wrap:wrap;align-items:center;gap:.4rem;margin:.3rem 0 0;font-size:.88rem;display:flex}app-cart-sidebar .cart-clear{font:inherit;color:var(--mg-brand-ink);cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}app-cart-sidebar .cart-clear:hover{text-decoration:underline}app-cart-sidebar .cart-close{border:1px solid var(--mg-stroke);background:var(--mg-surface);width:2.75rem;height:2.75rem;color:var(--mg-text);cursor:pointer;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}app-cart-sidebar .cart-close svg{width:1.1rem;height:1.1rem}app-cart-sidebar .cart-close:hover{border-color:var(--mg-brand-ink);color:var(--mg-brand-ink)}app-cart-sidebar .cart-body{flex:1;padding:.5rem 1.5rem;overflow-y:auto}app-cart-sidebar .cart-list{margin:0;padding:0;list-style:none}app-cart-sidebar .cart-item{border-bottom:1px solid var(--mg-stroke);gap:1rem;padding:1.1rem 0;display:flex}app-cart-sidebar .cart-item:last-child{border-bottom:0}app-cart-sidebar .cart-item-media{background:color-mix(in srgb, var(--mg-brand) 8%, var(--mg-surface));border-radius:16px;flex:none;place-items:center;width:84px;height:84px;display:grid;overflow:hidden}app-cart-sidebar .cart-item-media img{object-fit:contain;width:86%;height:86%}app-cart-sidebar .cart-item-main{flex-direction:column;flex:1;min-width:0;display:flex}app-cart-sidebar .cart-item-top{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}app-cart-sidebar .cart-item-cat{color:var(--mg-muted);margin:0 0 .15rem;font-size:.74rem;font-weight:600}app-cart-sidebar .cart-item-name{margin:0;font-size:.95rem;font-weight:650;line-height:1.35}app-cart-sidebar .cart-remove{width:2.25rem;height:2.25rem;color:var(--mg-muted);cursor:pointer;background:0 0;border:0;border-radius:10px;flex:none;place-items:center;margin:-.35rem -.35rem 0 0;padding:0;display:grid}app-cart-sidebar .cart-remove svg{width:1.05rem;height:1.05rem}app-cart-sidebar .cart-remove:hover{background:color-mix(in srgb, var(--mg-danger) 10%, transparent);color:var(--mg-danger)}app-cart-sidebar .cart-item-meta{color:var(--mg-muted);margin:.3rem 0 0;font-size:.8rem}app-cart-sidebar .cart-item-bottom{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.6rem;margin-top:.75rem;display:flex}app-cart-sidebar .cart-qty{border:1px solid var(--mg-stroke);border-radius:999px;align-items:center;display:inline-flex}app-cart-sidebar .cart-qty button{width:2.25rem;height:2.25rem;color:var(--mg-text);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;font-size:1.1rem;display:grid}app-cart-sidebar .cart-qty button:hover:not(:disabled){color:var(--mg-brand-ink)}app-cart-sidebar .cart-qty input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}app-cart-sidebar .cart-qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}app-cart-sidebar .cart-qty input:focus-visible{outline:2px solid var(--mg-brand);outline-offset:2px;border-radius:6px}app-cart-sidebar .cart-qty button:disabled{opacity:.35;cursor:not-allowed}app-cart-sidebar .cart-qty input{width:2.5rem;color:var(--mg-text);appearance:textfield;text-align:center;background:0 0;border:0;padding:0;font-family:inherit;font-size:.9rem;font-weight:700}app-cart-sidebar .cart-item-price{flex-direction:column;align-items:flex-end;display:flex}app-cart-sidebar .cart-item-total{font-size:1rem;font-weight:750}app-cart-sidebar .cart-item-unit{color:var(--mg-muted);font-size:.78rem}app-cart-sidebar .cart-empty{text-align:center;flex-direction:column;align-items:center;padding:3.5rem 1rem;display:flex}app-cart-sidebar .cart-empty-icon{background:color-mix(in srgb, var(--mg-brand) 14%, var(--mg-surface));width:64px;height:64px;color:var(--mg-brand-ink);border-radius:50%;place-items:center;margin-bottom:1rem;display:grid}app-cart-sidebar .cart-empty-icon svg{width:28px;height:28px}app-cart-sidebar .cart-empty-title{margin:0;font-size:1.15rem;font-weight:700}app-cart-sidebar .cart-empty-text{color:var(--mg-muted);margin:.4rem 0 1.4rem;font-size:.92rem}app-cart-sidebar .cart-foot{border-top:1px solid var(--mg-stroke);background:color-mix(in srgb, var(--mg-text) 2.5%, var(--mg-surface));padding:1.1rem 1.5rem 1.5rem}app-cart-sidebar .cart-sum{gap:.45rem;margin:0;display:grid}app-cart-sidebar .cart-sum div{justify-content:space-between;gap:1rem;font-size:.92rem;display:flex}app-cart-sidebar .cart-sum dt{color:var(--mg-muted)}app-cart-sidebar .cart-sum dd{margin:0;font-weight:600}app-cart-sidebar .cart-sum .cart-sum-total{font-size:1.05rem}app-cart-sidebar .cart-sum .cart-sum-total dt{color:var(--mg-text);font-weight:700}app-cart-sidebar .cart-sum .cart-sum-total dd{font-weight:750}app-cart-sidebar .cart-note{color:var(--mg-muted);margin:.5rem 0 1rem;font-size:.8rem}app-cart-sidebar .cart-btn{background:var(--mg-brand);width:100%;min-height:3.1rem;color:var(--mg-on-brand);border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1.4rem;font-size:.98rem;font-weight:700;text-decoration:none;display:inline-flex}app-cart-sidebar .cart-empty .cart-btn{width:auto}app-cart-sidebar .cart-btn:hover{background:var(--mg-brand-hover)}app-cart-sidebar .cart-panel :focus-visible{outline:2px solid var(--mg-focus);outline-offset:2px}@keyframes cart-fade{0%{opacity:0}}@keyframes cart-slide{0%{transform:translate(calc(100% + 1rem))}}html.theme-dark app-cart-sidebar .cart-item-media{background:#eee8f1}@media (width<=575.98px){app-cart-sidebar .cart-panel{border-radius:0;width:100vw;top:0;bottom:0;right:0}app-cart-sidebar .cart-head,app-cart-sidebar .cart-body,app-cart-sidebar .cart-foot{padding-left:1.1rem;padding-right:1.1rem}}@media (prefers-reduced-motion:reduce){app-cart-sidebar .cart-overlay,app-cart-sidebar .cart-panel{animation:none}}
