/* Fixed panels must fit the visible viewport, including expanded mobile chrome. */
#cart-dialog.cart-drawer{
 position:fixed;inset:var(--tc-drawer-top,0px) 0 auto auto;margin:0;
 width:440px;max-width:100%;min-height:0;
 height:100vh;height:var(--tc-drawer-height,100dvh);
 max-height:100vh;max-height:var(--tc-drawer-height,100dvh);
 padding:0;overflow:hidden;box-sizing:border-box;
}
#cart-dialog.cart-drawer[open]{display:flex;flex-direction:column}
#cart-dialog>.drawer-head{flex:0 0 auto;gap:16px;padding:20px 24px;background:var(--paper);margin:0}
#cart-dialog>.drawer-head h2{margin:0}
#cart-dialog>.drawer-head [data-close]{flex:0 0 auto;min-width:44px;min-height:44px}
#cart-content{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding:0 24px calc(32px + env(safe-area-inset-bottom,0px));scroll-padding-block:20px}
#cart-content .cart-empty{padding-block:32px}
#cart-content #live-checkout{min-height:48px;margin-bottom:0}
html.tc-cart-open,html.tc-cart-open body{overflow:hidden;overscroll-behavior:none}
@media(max-width:900px){
 /* ID specificity also overrides the old .sidebar.open sale-banner offset. */
 #sidebar.sidebar,#sidebar.sidebar.open{
  position:fixed;top:calc(var(--tc-drawer-top,0px) + var(--tc-sidebar-offset,182px));
  left:0;bottom:auto;width:min(285px,85vw);max-width:85vw;
  height:calc(100vh - var(--tc-sidebar-offset,182px));
  height:calc(var(--tc-drawer-height,100dvh) - var(--tc-sidebar-offset,182px));
  max-height:calc(var(--tc-drawer-height,100dvh) - var(--tc-sidebar-offset,182px));
  min-height:0;padding:24px 18px calc(32px + env(safe-area-inset-bottom,0px));
  box-sizing:border-box;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;
  -webkit-overflow-scrolling:touch;touch-action:pan-y;transform:none;z-index:35;
 }
 #sidebar.sidebar{display:none}#sidebar.sidebar.open{display:block}
 html.tc-store-menu-open,html.tc-store-menu-open body{overflow:hidden;overscroll-behavior:none}
 #cart-dialog>.drawer-head{padding:18px 16px}
 #cart-content{padding-inline:16px}
}