#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 .cart-addons{padding:20px 22px;border-top:1px solid rgba(28,25,22,.12)}#cl-shop-cart .cart-addons h3{font:500 17px Inter,sans-serif;margin:0 0 14px}#cl-shop-cart .addon-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}#cl-shop-cart .addon-tile{min-width:0;display:flex;flex-direction:column}#cl-shop-cart .addon-tile img{display:block;width:100%;aspect-ratio:1;object-fit:contain;background:white;border-radius:8px}#cl-shop-cart .addon-tile h4{font:600 11px Inter,sans-serif;margin:10px 0 5px}#cl-shop-cart .addon-tile p{font:10px/1.4 Inter,sans-serif;margin:0 0 8px;min-height:28px;color:rgba(28,25,22,.62)}#cl-shop-cart .addon-tile select,#cl-shop-cart .addon-size{height:32px;min-height:32px!important;margin-top:auto!important;margin-bottom:8px!important;font:11px Inter,sans-serif}#cl-shop-cart .addon-tile select{width:100%;background:transparent;border:1px solid rgba(28,25,22,.2);border-radius:5px;padding:4px;color:#1c1916}#cl-shop-cart .addon-tile button{border:1px solid rgba(28,25,22,.25);border-radius:999px;padding:9px 3px;font:600 10px Inter,sans-serif;background:transparent;color:#1c1916;cursor:pointer;min-height:36px}#cl-shop-cart .addon-tile button:hover{background:#f3ecdf}#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}#cl-shop-cart .addon-image{width:100%;aspect-ratio:1;overflow:hidden;border-radius:8px;background:#f3ecdf}#cl-shop-cart .addon-image img{width:100%;height:100%;aspect-ratio:1;object-fit:cover;transform:scale(1.18);mix-blend-mode:multiply}#cl-shop-cart .cart-addons .addon-tile img{border-radius:0;background:transparent}
@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}

/* Readable add-on tiles, in-place "Added" feedback, and manual scroll compensation (no browser anchoring). */
#cl-shop-cart .cart-scroll{overflow-anchor:none}#cl-shop-cart .addon-tile h4{font-size:13px}#cl-shop-cart .addon-tile p{font-size:12px;min-height:34px}#cl-shop-cart .addon-tile select,#cl-shop-cart .addon-size{height:44px;min-height:44px!important;font-size:13px}#cl-shop-cart .addon-tile button{min-height:44px;font-size:12px;transition:background .2s,color .2s,border-color .2s}#cl-shop-cart .addon-tile button.is-added,#cl-shop-cart .addon-tile button.is-added:hover{background:#1c1916;border-color:#1c1916;color:#fff}

/* iOS zooms into form controls under 16px; fade the scrim with the drawer; tappable "View bag" in the toast. */
#cl-shop-cart .addon-tile select{font-size:16px}#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>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}}