.oh-drawer dialog{position:fixed;inset:0 0 0 auto;margin:0;border:0;padding:0;width:min(var(--oc-desktop),75vw);max-width:none;height:100dvh;max-height:100dvh;background:var(--oc-bg);color:var(--oc-ink);box-shadow:-12px 0 60px #17271c20;font-family:var(--font-body-family,Arial,sans-serif)}
.oh-drawer dialog::backdrop{background:#14251b66}.oh-drawer dialog[open]{animation:oc-enter .25s ease-out}.oc-shell{display:flex;flex-direction:column;height:100%;min-height:0}.oc-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 24px;border-bottom:1px solid #29382b20}.oc-header h2{margin:0;color:inherit;font-size:24px;letter-spacing:-.5px}.oc-header h2 span{font:400 14px var(--font-body-family,Arial,sans-serif);opacity:.65}.oc-close{border:1px solid #29382b20;border-radius:50%;background:transparent;color:inherit;width:36px;height:36px;font-size:26px;cursor:pointer;flex:none}.oc-content{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:0 24px}.oc-item{display:grid;grid-template-columns:80px minmax(0,1fr);gap:16px;padding:24px 0;border-bottom:1px solid #29382b20}.oc-image{display:grid;place-items:center;background:#fff;border-radius:8px;align-self:start;overflow:hidden;aspect-ratio:1}.oc-image img{width:100%;height:100%;object-fit:cover}.oc-image svg{width:52px;height:52px}.oc-title{font-size:15px;font-weight:600;line-height:1.4;color:inherit;text-decoration:none}.oc-variant{font-size:12px;margin:5px 0;opacity:.65}.oc-prices{display:flex;gap:9px;align-items:center;margin:8px 0;font-size:14px}.oc-prices s{opacity:.5;font-size:12px}.oc-discount{display:inline-block;font-size:10px;padding:3px 7px;border-radius:4px;background:#e1e8da;color:var(--oc-ink);margin-bottom:8px}.oc-controls{display:flex;align-items:center;justify-content:space-between;gap:8px}.oc-quantity{display:flex;align-items:center;border:1px solid #29382b30;border-radius:6px;overflow:hidden}.oc-quantity button{width:32px;min-height:32px;background:transparent;color:inherit;border:0;font-size:18px;cursor:pointer}.oc-quantity span{min-width:28px;text-align:center;font-size:13px}.oc-remove{border:0;padding:6px 0;background:none;color:inherit;font-size:11px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.oc-footer{padding:20px 24px max(20px,env(safe-area-inset-bottom));border-top:1px solid #29382b20;background:var(--oc-bg)}.oc-total{display:flex;justify-content:space-between;gap:12px;font-size:15px}.oc-shipping{margin:8px 0 16px;font-size:11px;line-height:1.5;opacity:.65}.oc-checkout{width:100%;display:flex;align-items:center;justify-content:center;gap:18px;border:0;border-radius:8px;background:var(--oc-accent)!important;color:var(--oc-button)!important;padding:17px 12px;font:600 14px var(--font-body-family,Arial,sans-serif);cursor:pointer}.oc-checkout:hover{filter:brightness(1.12)}.oc-payments{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;list-style:none;margin:14px 0 0;padding:0}.oc-payments svg{width:30px;height:20px}.oc-empty{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:18px}.oc-empty h3{font-size:22px;color:inherit}.oc-error{padding:10px 24px;margin:0;font-size:12px;color:#9c2828}.oh-drawer[aria-busy=true] .oc-controls{opacity:.5;pointer-events:none}.oc-close:focus-visible,.oc-controls button:focus-visible,.oc-checkout:focus-visible{outline:2px solid var(--oc-accent);outline-offset:3px}
@media(max-width:749px){.oh-drawer dialog{width:var(--oc-width)}.oc-header{padding:18px 14px}.oc-header h2{font-size:21px}.oc-content{padding:0 14px}.oc-item{grid-template-columns:60px minmax(0,1fr);gap:10px;padding:18px 0}.oc-title{font-size:13px}.oc-footer{padding:16px 14px max(16px,env(safe-area-inset-bottom))}.oc-total{font-size:13px}.oc-quantity button{width:28px}.oc-quantity span{min-width:22px}.oc-controls{flex-wrap:wrap}.oc-close{width:32px;height:32px}.oc-payments{gap:3px}.oc-payments svg{width:26px}.oc-shipping{font-size:10px}.oc-checkout{padding:16px 8px}}
@keyframes oc-enter{from{transform:translateX(100%)}to{transform:translateX(0)}}@media(prefers-reduced-motion:reduce){.oh-drawer dialog[open]{animation:none}}
.oh-drawer .oc-image{color:var(--oc-ink)}.oh-drawer .oc-close{border-radius:50%!important}.oh-drawer .oc-checkout{border-radius:8px!important;background:var(--oc-accent)!important;color:var(--oc-button)!important}