/*
 * Main-page quote result overlay.
 * Desktop results float below the picker without changing document height.
 * Tablet/mobile keep the existing in-flow result layout.
 */
@keyframes home-estimate-enter-from-right {
  from {
    opacity: 0;
    transform: translate3d(64px, 0, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

body.home-page #homeEstimateBox #homeBestRent,
body.home-page #homeEstimateBox .home-quote-row {
  border: 0 !important;
}

@media (min-width: 901px) {
  body.home-page .home-hero-quote-mount,
  body.home-page .home-hero-quote-mount #service.home-quote-program {
    position: relative !important;
    overflow: visible !important;
  }

  body.home-page .home-hero-quote-mount #homeEstimateBox.has-quotes {
    position: absolute !important;
    z-index: 90 !important;
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
    width: 100% !important;
    max-height: calc(100vh - 150px) !important;
    margin: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    border: 1px solid #cfdced !important;
    background: #fff !important;
    box-shadow: 0 18px 42px rgba(18, 44, 82, .16) !important;
    animation: home-estimate-enter-from-right .44s cubic-bezier(.22, .78, .24, 1) both !important;
    will-change: transform, opacity;
  }

  body.home-page #homeEstimateBox #homeQuoteList .home-quote-row,
  body.home-page #homeEstimateBox #homeQuoteList .home-quote-row.best {
    border: 1px solid #d1d5db !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.home-page .home-hero-quote-mount #homeEstimateBox.has-quotes {
    animation-duration: .01ms !important;
  }
}