/** * Cart drawer layout — drawer is mounted on , so rules must NOT rely on #cart. * height:0 + flex:1 1 0% forces nested scroll regions to shrink instead of growing forever. */ #cart-drawer.cart-drawer-shell, body > #cart-drawer.cart-drawer-shell { position: fixed !important; top: 0 !important; right: 0 !important; left: auto !important; bottom: 0 !important; width: min(400px, 92vw) !important; height: 100% !important; height: 100vh !important; height: 100dvh !important; max-height: 100% !important; max-height: 100vh !important; max-height: 100dvh !important; z-index: 1240 !important; display: flex !important; flex-direction: column !important; background: #fff !important; overflow: hidden !important; padding: 0 !important; margin: 0 !important; border-left: 1px solid #e2e8f0 !important; box-shadow: -4px 0 32px rgba(15, 23, 42, 0.16) !important; } #cart-drawer .cart-drawer__header { flex: 0 0 56px !important; flex-shrink: 0 !important; height: 56px !important; min-height: 56px !important; max-height: 56px !important; } #cart-drawer .cart-drawer__list { flex: 1 1 0% !important; flex-grow: 1 !important; flex-shrink: 1 !important; min-height: 0 !important; height: 0 !important; max-height: none !important; display: flex !important; flex-direction: column !important; overflow: hidden !important; margin: 0 !important; padding: 0 !important; list-style: none !important; float: none !important; position: relative !important; transform: none !important; background: #fff !important; border: 0 !important; box-shadow: none !important; width: 100% !important; } #cart-drawer .cart-drawer__body { flex: 1 1 0% !important; flex-grow: 1 !important; flex-shrink: 1 !important; min-height: 0 !important; height: 0 !important; display: flex !important; flex-direction: column !important; overflow: hidden !important; width: 100% !important; } #cart-drawer .cart-drawer__shipping-bar, #cart-drawer .cart-drawer__coupon { flex: 0 0 auto !important; flex-shrink: 0 !important; width: 100% !important; } #cart-drawer .cart-drawer__scroll { flex: 1 1 0% !important; flex-grow: 1 !important; flex-shrink: 1 !important; min-height: 0 !important; height: 0 !important; max-height: none !important; overflow-x: hidden !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch !important; overscroll-behavior: contain; touch-action: pan-y; width: 100% !important; } #cart-drawer .cart-drawer__footer { flex: 0 0 auto !important; flex-grow: 0 !important; flex-shrink: 0 !important; display: flex !important; flex-direction: column !important; width: 100% !important; margin-top: 0 !important; max-height: none !important; overflow: visible !important; padding: 12px 16px max(20px, env(safe-area-inset-bottom, 0px)) !important; border-top: 1px solid #e2e8f0 !important; background: #fff !important; box-shadow: 0 -8px 24px rgba(15, 23, 42, 0.08) !important; z-index: 3 !important; } #cart-drawer .cart-drawer__summary { flex: 0 0 auto !important; max-height: 28vh; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; margin-bottom: 12px !important; } #cart-drawer .cart-drawer__actions { flex: 0 0 auto !important; display: flex !important; gap: 12px !important; width: 100% !important; } #cart-drawer .cart-drawer__btn { flex: 1 1 0 !important; min-width: 0 !important; } #cart-drawer .cart-drawer__empty { flex: 1 1 0% !important; min-height: 0 !important; height: 0 !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch; }