/* The legacy page drawers remain in the DOM for old page scripts, but never display. */
body:has(#sba-cart) > #cartOverlay,
body:has(#sba-cart) > #cartDrawer,
body:has(#sba-cart) #cartOverlay,
body:has(#sba-cart) #cartDrawer { display:none !important; }
#sba-cart, #sba-cart * { box-sizing:border-box; }
#sba-cart { --sba-ink:#111; --sba-soft:#656565; --sba-line:#e5e5e5; --sba-bg:#fff; --sba-muted:#f2f1ef; --sba-accent:#12348e; font-family:inherit; }
#sba-cart .sba-backdrop { position:fixed;inset:0;background:rgba(17,17,17,.42);opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:999990; }
#sba-cart .sba-panel {position:fixed;right:0;top:0;height:100%;height:100dvh;width:100%;max-width:380px;background:var(--sba-bg);box-shadow:-12px 0 30px rgba(0,0,0,.14);transform:translateX(100%);transition:transform .3s ease;z-index:999991;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);color:var(--sba-ink);}
#sba-cart.is-open .sba-backdrop{opacity:1;pointer-events:auto;}
#sba-cart.is-open .sba-panel{transform:translateX(0);}
#sba-cart .sba-header{display:flex;justify-content:space-between;align-items:center;padding:20px 22px;border-bottom:1px solid var(--sba-line);flex-shrink:0;}
#sba-cart .sba-header h2{margin:0;font-size:16px;font-weight:700;line-height:1.35;color:var(--sba-ink);letter-spacing:normal;text-transform:none;}
#sba-cart button{font-family:inherit;cursor:pointer;background:none;border:0;padding:0;color:inherit;box-shadow:none;}
#sba-cart .sba-close{font-size:24px;line-height:1;color:var(--sba-soft);padding:4px;}
#sba-cart .sba-body{flex:1;overflow-y:auto;padding:8px 22px;overscroll-behavior:contain;}
#sba-cart .sba-empty{text-align:center;color:var(--sba-soft);font-size:14px;padding:32px 0;}
#sba-cart .sba-item{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;padding:16px 0;border-bottom:1px solid var(--sba-line);}
#sba-cart .sba-photo{width:64px;height:80px;background:var(--sba-muted);border:1px dashed #ccc;overflow:hidden;}
#sba-cart .sba-photo img{width:100%;height:100%;object-fit:cover;display:block;}
#sba-cart .sba-name{font-size:13.5px;font-weight:500;line-height:1.4;overflow-wrap:anywhere;}
#sba-cart .sba-price{font-size:12.5px;color:var(--sba-soft);margin-top:2px;}
#sba-cart .sba-was{text-decoration:line-through;margin-right:5px;}
#sba-cart .sba-free{color:var(--sba-accent);font-weight:700;}
#sba-cart .sba-controls{display:flex;align-items:center;justify-content:space-between;margin-top:10px;gap:8px;}
#sba-cart .sba-stepper{display:flex;align-items:center;border:1px solid var(--sba-line);}
#sba-cart .sba-stepper button{width:26px;height:26px;line-height:1;font-size:13px;display:grid;place-items:center;}
#sba-cart .sba-stepper button:hover{background:var(--sba-muted);}
#sba-cart .sba-stepper button:disabled{color:#ccc;cursor:not-allowed;}
#sba-cart .sba-stepper span{width:24px;text-align:center;font-size:12.5px;font-weight:600;}
#sba-cart .sba-remove{font-size:11.5px;color:var(--sba-soft);text-decoration:none;}
#sba-cart .sba-footer{border-top:1px solid var(--sba-line);padding:18px 22px;flex-shrink:0;}
#sba-cart .sba-summary{display:flex;justify-content:space-between;font-size:14.5px;font-weight:700;}
#sba-cart .sba-checkout{display:block;width:100%;margin-top:14px;padding:15px 18px;background:var(--sba-accent);color:white!important;text-align:center;text-decoration:none!important;font-size:14px;font-weight:600;border-radius:4px;}
#sba-cart .sba-checkout:hover{filter:brightness(.94);}
@media (prefers-reduced-motion:reduce){#sba-cart .sba-panel,#sba-cart .sba-backdrop{transition:none;}}
