#cl-shop-cart .cart-scroll{flex:1;min-height:0;overflow-y:auto}#cl-shop-cart #cartItems{max-height:none;overflow:visible;flex:none}#cl-shop-cart .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Shared drawer motion, responsive width, and fully visible cart shortcut. */
#cl-shop-cart .cart{visibility:hidden;transform:translateX(100%);transition:transform .26s ease,visibility 0s linear .26s;animation:none!important}#cl-shop-cart .cart.open{visibility:visible;transform:translateX(0);transition:transform .26s ease,visibility 0s;animation:none!important}#cl-shop-cart .floating-bag{position:fixed;right:max(22px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));z-index:1080;display:flex;align-items:center;justify-content:center;gap:9px;min-width:68px;min-height:56px;padding:14px 18px;border-radius:999px;background:#d63c08;color:#fff;box-shadow:0 4px 22px #1c191629;font:700 14px Bricolage,Inter,sans-serif;cursor:pointer}#cl-shop-cart .floating-bag .cart-icon{width:24px;height:24px}#cl-shop-cart .floating-bag:hover{background:#b8320a}#cl-shop-cart .cart-thumb{object-fit:cover;background:#f3ecdf}
@media(max-width:600px){#cl-shop-cart .cart{width:90vw;max-width:90vw}}@media(prefers-reduced-motion:reduce){#cl-shop-cart .cart,#cl-shop-cart .cart.open{transition:none!important}}

#cl-shop-cart .cart{z-index:1100}#cl-shop-cart .scrim{z-index:1099}#cl-shop-cart .floating-bag{z-index:1080}

/* Keep the cart scroller stable while quantities change. */
#cl-shop-cart .cart-scroll{overflow-anchor:none}

/* Fade the scrim with the drawer; tappable "View bag" in the toast. */
#cl-shop-cart .scrim{opacity:0;pointer-events:none;transition:opacity .26s ease}#cl-shop-cart .scrim.open{opacity:1;pointer-events:auto}#cl-shop-cart #toast{visibility:hidden;display:flex;align-items:center;gap:6px}#cl-shop-cart #toast.show{visibility:visible}#cl-shop-cart #toast.show.has-action{pointer-events:auto;padding-right:8px}#cl-shop-cart #toast .toast-action{background:transparent;color:#fff;font-weight:700;text-decoration:underline;text-underline-offset:3px;min-height:36px;padding:0 12px;margin:-8px 0;border-radius:999px}#cl-shop-cart #toast .toast-action:hover{background:#ffffff1f}@media(prefers-reduced-motion:reduce){#cl-shop-cart .scrim{transition:none}}

/* Compact line items: quantity stepper stacked above the line price in a right column. */
#cl-shop-cart .cart-item{grid-template-columns:64px minmax(0,1fr)}#cl-shop-cart .cart-thumb{width:64px;height:80px}
#cl-shop-cart .cart-item>div{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;align-items:start}#cl-shop-cart .cart-item .item-title{grid-column:1;grid-row:1}#cl-shop-cart .cart-item .item-options{grid-column:1;grid-row:2}#cl-shop-cart .cart-item .item-actions{display:contents}#cl-shop-cart .cart-item .quantity{grid-column:2;grid-row:1/span 2;justify-self:end}#cl-shop-cart .cart-item .quantity button{width:36px}#cl-shop-cart .cart-item .item-price{grid-column:2;grid-row:3;justify-self:end;align-self:center}#cl-shop-cart .cart-item .remove{grid-column:1;grid-row:3;justify-self:start;margin-top:0}

/* Checkout errors show next to the button; the toast sits above the drawer on every page and wraps long messages. */
#cl-shop-cart .checkout-error{margin:-2px 0 10px;padding:10px 12px;border-radius:8px;background:#fdecec;color:#8a1c1c;font-size:13px;line-height:1.45}#cl-shop-cart div#toast{z-index:1101;white-space:normal;text-align:center;max-width:min(92vw,420px)}

/* Phones: 44px bag controls. */
@media(max-width:768px){#cl-shop-cart #closeCart{min-width:44px;min-height:44px}#cl-shop-cart .continue{min-height:44px}}



/* Reassurance right above Checkout: free shipping, ship window, refunds. */
#cl-shop-cart .cart-assure{list-style:none;margin:10px 0 0;padding:0;font-size:12px;line-height:1.5;color:rgba(28,25,22,.66)}#cl-shop-cart .cart-assure li{margin:2px 0}#cl-shop-cart .cart-assure strong{color:#1c1916;font-weight:600}

/* iOS Safari: paint the drawer and scrim past the viewport edges so they also fill the notch row and the area under the floating URL bar. */
#cl-shop-cart .cart{box-shadow:0 -400px 0 #FAF6EF,0 400px 0 #FAF6EF,-12px 0 50px #0002}
#cl-shop-cart .scrim{box-shadow:0 -400px 0 #19231c66,0 400px 0 #19231c66}

/* Bag footer: two reassurance markers on one line; centered Checkout label. */
#cl-shop-cart .cart-assure{display:flex;flex-direction:column;gap:6px;margin:12px 0 0;font-size:12.5px;font-weight:600;color:#24573A}
#cl-shop-cart .cart-assure li{display:flex;align-items:center;gap:6px;margin:0}
#cl-shop-cart .cart-assure svg{flex:none;width:14px;height:14px;padding:2.5px;border-radius:50%;background:#24573A;color:#fff}
#cl-shop-cart .checkout{justify-content:center}