html.cl-cart-open,html.cl-cart-open body{overflow:hidden;overscroll-behavior:none}
.cl-drawer{display:none;position:fixed;inset:0 0 0 auto;margin:0;width:min(480px,100%);max-width:100%;height:100%;height:100dvh;max-height:100dvh;padding:0;border:0;color:var(--cl-ink);background:var(--cl-cream);box-shadow:-12px 0 48px #081b2d26;overflow:hidden}
.cl-drawer[open]{display:flex;flex-direction:column;animation:cl-cart-enter .22s ease-out}
.cl-drawer::backdrop{background:#081b2d80;backdrop-filter:blur(2px)}
.cl-drawer-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px;border-bottom:1px solid var(--cl-border);flex:none}
.cl-drawer-heading .cl-eyebrow{font-size:10px;margin:0 0 7px;color:var(--cl-muted)}
.cl-drawer-heading h2{font-size:30px;margin:0}
.cl-drawer-close{display:grid;place-items:center;width:44px;height:44px;flex:none;border:1px solid var(--cl-border);border-radius:50%;background:transparent;color:var(--cl-ink);font-size:29px;line-height:1}
.cl-drawer-close:hover{background:#fff}
.cl-drawer-status{margin:0;padding:10px 24px;background:#ebe8df;font-size:12px;flex:none}
.cl-drawer-status:empty{padding:0;height:0;overflow:hidden}
.cl-drawer-status[data-error=true],.cl-cart-form-status[data-error=true]{color:#8b2525;background:#fff0ed}
.cl-drawer-content{display:flex;flex-direction:column;flex:1;min-height:0}
.cl-drawer-items{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 24px}
.cl-drawer-count{font-size:12px;color:var(--cl-muted);margin:16px 0 0}
.cl-drawer-list{list-style:none;margin:0;padding:0}
.cl-drawer-item{display:grid;grid-template-columns:68px minmax(0,1fr);gap:14px;padding:20px 0;border-bottom:1px solid var(--cl-border)}
.cl-drawer-item:last-child{border-bottom:0}
.cl-drawer-image{align-self:start;background:#fff;padding:4px;border:1px solid var(--cl-border);border-radius:4px;overflow:hidden}
.cl-drawer-image img{width:100%;height:94px;object-fit:contain}
.cl-drawer-details{min-width:0}
.cl-drawer-details h3{font-size:15px;line-height:1.4;margin:0 0 5px;overflow-wrap:anywhere}
.cl-drawer-details p{font-size:11px;line-height:1.5;margin:3px 0;overflow-wrap:anywhere}
.cl-drawer-item-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:12px}
.cl-drawer-item-actions .cl-quantity{height:38px;min-height:38px;width:114px;background:#fff}
.cl-drawer-item-actions .cl-quantity button{width:34px;min-width:34px;min-height:36px}
.cl-drawer-item-actions .cl-quantity input{width:44px;min-height:36px;padding:3px;font-size:13px}
.cl-drawer-remove{border:0;background:transparent;color:var(--cl-muted);font-size:11px;text-decoration:underline;text-underline-offset:3px;min-height:38px;padding:0 3px}
.cl-drawer-line-total{grid-column:2;display:flex;justify-content:flex-end;gap:8px;font-size:13px;margin-top:-6px}
.cl-drawer-line-total s{color:var(--cl-muted);font-size:11px}
.cl-drawer-footer{flex:none;padding:20px 24px max(16px,env(safe-area-inset-bottom));border-top:1px solid var(--cl-border);background:#fff}
.cl-drawer-subtotal{display:flex;align-items:center;justify-content:space-between;font-size:17px;margin:0 0 6px}
.cl-drawer-footer .cl-fine{font-size:11px;margin:0 0 15px}
.cl-drawer-footer .cl-button{width:100%;min-height:46px}
.cl-drawer-footer>.cl-button{margin-top:9px}
.cl-drawer-view-cart{display:block;width:max-content;margin:12px auto 0;font-size:11px;text-decoration:underline;text-underline-offset:3px}
.cl-drawer-discount{display:flex;justify-content:space-between;gap:10px;color:#245a42;font-size:11px;margin:0 0 8px}
.cl-drawer-empty{flex:1;overflow:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px 24px}
.cl-drawer-empty>.cl-icon{width:44px;height:44px;color:var(--cl-gold);margin-bottom:20px}
.cl-drawer-empty h3{font-size:26px;line-height:1.25;margin:0 0 12px}
.cl-drawer-empty p{font-size:13px;max-width:300px;color:var(--cl-muted);margin:0 0 24px}
.cl-cart-form-status{font-size:13px;border-radius:4px;padding:12px;margin:12px 0}
.cl-cart-form-status:empty{display:none}
.cl-drawer[aria-busy=true] .cl-drawer-items{opacity:.65}
@keyframes cl-cart-enter{from{transform:translateX(100%)}to{transform:translateX(0)}}
@media(max-width:500px){.cl-drawer{width:calc(100% - 16px)}.cl-drawer-heading{padding:18px}.cl-drawer-heading h2{font-size:26px}.cl-drawer-items{padding:0 16px}.cl-drawer-footer{padding:16px 16px max(12px,env(safe-area-inset-bottom))}.cl-drawer-item{grid-template-columns:60px minmax(0,1fr);gap:12px}.cl-drawer-status{padding-inline:16px}}
@media(max-height:550px){.cl-drawer-heading{padding-block:10px}.cl-drawer-footer{padding-block:10px}.cl-drawer-footer .cl-fine{margin-bottom:8px}.cl-drawer-footer .cl-button{min-height:38px;padding-block:8px}}
@media(prefers-reduced-motion:reduce){.cl-drawer[open]{animation:none}}