.fme-quickview-modal .modal-footer {
  margin-top: auto;
  padding-bottom: 1rem;
  padding-top: 1rem;
}
.modal-popup.fme-quickview-modal .modal-inner-wrap {
  width: 92% !important; /* FME_HidePrice sets .modal-inner-wrap to 40% !important on every modal */
  max-width: 1100px;
}
@media only screen and (max-width: 767px) {
  /* FME_Banners' camera.css pads the body on phones. An open modal sets the body to width 100%, so the padding
     widened the page by 40px and pushed the popup off the screen. */
  body._has-modal:has(.fme-quickview-modal._show) {
    padding-left: 0;
    padding-right: 0;
  }
  /* On phones Magento slides modals in from 44px; 92% of the page width then ran past the screen edge. */
  .modal-popup.fme-quickview-modal {
    left: 0;
  }
  .modal-popup.fme-quickview-modal .modal-inner-wrap {
    width: 100% !important;
  }
}
.fme-quickview-frame {
  display: block;
  width: 100%;
  border: 0;
}
.button-quickview, .button-quickview:active, .button-quickview:focus, .button-quickview:hover {
  width: 100%;
  border: 0;
  border-radius: 5px;
  height: 40px;
  box-shadow: none;
  font-weight: 600;
}
@media only screen and (min-width: 640px) {
  .products .product-item-info {
    position: relative;
  }
  .quick_view_div {
    position: absolute;
    left: 4%;
    width: 92%;
    text-align: center;
    z-index: 99;
    opacity: 0;
    pointer-events: none;
    transform: translate3d(0, 20px, 0);
    transition: opacity .25s ease, transform .25s ease;
  }
  .products .product-item:hover .quick_view_div,
  .product-item:hover .quick_view_div,
  .quick_view_div:focus-within {
    opacity: 1;
    pointer-events: auto;
    transform: none;
  }
}
@media only screen and (max-width: 639px) {
  .quick_view_div {
    margin: 8px 0;
  }
}
.quickview-override .page-main {
  padding-top: 20px;
}
.quickview-override .product-info-main .page-title-wrapper h1 {
  margin-top: 0;
}