/* Final popup placement fix: center every modal overlay, keep cart as a drawer. */
#requestOverlay,
#detailOverlay,
#accountOverlay,
#newsletterOverlay{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100dvh!important;
  display:none!important;
  place-items:center!important;
  align-items:center!important;
  justify-items:center!important;
  padding:24px!important;
  overflow:auto!important;
  z-index:2400!important;
}
#requestOverlay.open,
#detailOverlay.open,
#accountOverlay.open,
#newsletterOverlay.open{
  display:grid!important;
}

#requestOverlay>.modal,
#detailOverlay>.modal,
#accountOverlay>.modal,
#newsletterOverlay>.newsletter-card{
  position:relative!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  inset:auto!important;
  transform:none!important;
  translate:none!important;
  margin:auto!important;
  align-self:center!important;
  justify-self:center!important;
  width:min(92vw,620px)!important;
  max-width:620px!important;
  max-height:calc(100dvh - 48px)!important;
  overflow:auto!important;
}
#accountOverlay>.account-modal{max-width:520px!important}

/* Never let legacy mobile bottom-sheet rules pull these cards to a corner. */
@media(max-width:700px){
  #requestOverlay,
  #detailOverlay,
  #accountOverlay,
  #newsletterOverlay{
    padding:14px!important;
    align-items:center!important;
    justify-items:center!important;
  }
  #requestOverlay>.modal,
  #detailOverlay>.modal,
  #accountOverlay>.modal,
  #newsletterOverlay>.newsletter-card{
    position:relative!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    inset:auto!important;
    transform:none!important;
    translate:none!important;
    margin:auto!important;
    width:min(100%,560px)!important;
    max-width:560px!important;
    max-height:calc(100dvh - 28px)!important;
    border-radius:24px!important;
  }
}

/* Cart remains a right-side drawer rather than joining the centered popup rules. */
#cartOverlay{
  position:fixed!important;
  inset:0!important;
  z-index:2400!important;
}
#cartOverlay .drawer{
  margin-left:auto!important;
  margin-right:0!important;
}