/* =========================================================
   GO7 Embedded Search Widget
   Desktop keeps the approved overlay position.
   Tablet/mobile keep the same container width; only vertical spacing changes.
   ========================================================= */

.go7 {
  position: absolute;
  z-index: 160;
  top: calc(100% - 400px);
  left: 50%;
  transform: translateX(-50%);
  overflow: visible;
}

#go7-embedded-search-search-form {
  display: block;
  width: 100%;
  height: 600px;
  border: 0;
  background: transparent;
}

/* Tablet: preserve GO7's native tablet width/layout.
   Only move the widget lower enough to avoid the hero copy and pagination. */
@media (min-width:721px) and (max-width:1072px) {
  .go7 {
    top: 70%;
    transform:translate(-50%,-50%);
 
  }

  #go7-embedded-search-search-form {
    height: 560px;
  }
}

/* Mobile: keep the same container logic, but give the vertical widget
   enough initial iframe height so its lower edge is not clipped. */
@media (max-width:720px) {
  .go7 {
    top: 72%;
    transform: translate(-50%, -50%);

  }

  #go7-embedded-search-search-form {
    height: 760px;
  }
}