/* Mobile surfaces share the actual toolbar / visual-viewport clearance. */
@media(max-width:768px){
 html body.pa-release-ux :is(#pact-widget:not(.pact-cabinet) .pact-panel,.pa-woo-cart-ui [data-pa-woo-cart-dialog],.pa-utility-help__panel,.pa-faq-flyout__panel,#pa-company-dialog,#pa-city-dialog,#popup1.pa-contact-dialog,#popup2.pa-contact-dialog,.pa-cookie-modal,.pa-cookie-banner,.pa-search-ui__dialog,.pac-card--floating,.pa-release-sheet:not(#pact-panel)){
  box-sizing:border-box!important;position:fixed!important;top:auto!important;left:auto!important;
  right:var(--pa-utility-panel-right,8px)!important;bottom:var(--pa-utility-panel-bottom,88px)!important;
  width:var(--pa-utility-panel-width,calc(100vw - 16px))!important;min-width:0!important;
  max-width:calc(100vw - 16px)!important;min-height:0!important;
  max-height:var(--pa-utility-panel-available,calc(100dvh - 168px))!important;
  margin:0!important;border-radius:16px!important;transform:none!important;
  transform-origin:50% 100%!important;overscroll-behavior:contain;scrollbar-width:thin;
  overflow-y:auto!important
 }
 html body.pa-release-ux #pact-widget:not(.pact-cabinet) .pact-panel,
 html body.pa-release-ux .pa-woo-cart-ui [data-pa-woo-cart-dialog]{
  height:var(--pa-utility-panel-height,min(480px,calc(100dvh - 168px)))!important
 }
 html body.pa-release-ux :is(.pa-utility-help,.pa-search-ui__overlay,.pa-cookie-modal,.pac-root){z-index:10030}
 html body.pa-release-ux :is(#pa-company-dialog,#pa-city-dialog,.pa-cookie-banner){z-index:10030}
 html body.pa-release-ux .pa-cookie-modal{padding:0!important;overflow:visible!important}
 html body.pa-release-ux .pa-cookie-dialog{max-height:var(--pa-utility-panel-available,calc(100dvh - 168px));overflow-y:auto;animation:none!important}
 html body.pa-release-ux .pa-release-sheet-enter{
  animation:pa-release-sheet-rise .24s cubic-bezier(.2,.7,.3,1) both!important
 }
 /* The panel coordinator animates these with the same frames, without a second animation. */
 html body.pa-release-ux .pa-utility-managed-panel{animation:none!important}
 html body.pa-release-ux .wpbar-container .wpbar-panel:not([hidden]){
  animation:pa-release-sheet-rise .24s cubic-bezier(.2,.7,.3,1) both
 }
 @keyframes pa-release-sheet-rise{
  from{opacity:0;translate:0 24px;scale:.98}
  to{opacity:1;translate:0 0;scale:1}
 }
}
@media(prefers-reduced-motion:reduce){
 html body.pa-release-ux .pa-release-sheet-enter,
 html body.pa-release-ux .wpbar-container .wpbar-panel:not([hidden]){animation:none!important}
}
