/* RC53.38 — mobile landing/search repair only. Desktop is intentionally unchanged. */
@media (max-width: 760px) {
  html, body {
    max-width: 100%;
    overflow-x: hidden;
  }

  .hero {
    box-sizing: border-box;
    width: 100%;
    padding-left: 16px !important;
    padding-right: 16px !important;
    padding-bottom: calc(34px + env(safe-area-inset-bottom, 0px));
  }

  .hero-logo,
  .hero h1,
  .hero > p,
  .search-wrap {
    max-width: 100%;
    box-sizing: border-box;
  }

  .search-wrap {
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  #domainSearchForm.search {
    direction: ltr;
    display: flex !important;
    align-items: stretch !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 56px;
    padding: 5px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  #domainSearchForm.search > input[name="q"] {
    direction: ltr;
    flex: 1 1 auto !important;
    order: 1;
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
    height: 46px !important;
    margin: 0 !important;
    padding: 0 14px !important;
    box-sizing: border-box !important;
    position: static !important;
    inset: auto !important;
    transform: none !important;
    text-align: left;
  }

  #domainSearchForm.search > #searchSubmitBtn {
    direction: rtl;
    order: 0;
    position: static !important;
    inset: auto !important;
    transform: none !important;
    flex: 0 0 86px !important;
    width: 86px !important;
    min-width: 86px !important;
    max-width: 86px !important;
    height: 46px !important;
    margin: 0 !important;
    padding: 0 10px !important;
    box-sizing: border-box !important;
    white-space: nowrap;
    overflow: hidden;
  }

  #domainSearchForm.search > .nd-hp,
  #domainSearchForm.search > input[type="hidden"] {
    display: none !important;
  }

  #domainSearchForm.search .btn-text,
  #domainSearchForm.search .btn-loading {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .hero h1 {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .hero > p {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (max-width: 370px) {
  .hero {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  #domainSearchForm.search > #searchSubmitBtn {
    flex-basis: 78px !important;
    width: 78px !important;
    min-width: 78px !important;
    max-width: 78px !important;
    font-size: 13px !important;
  }
}