/* A roomier desktop home search; mobile keeps its dedicated compact layout. */
@media (min-width: 641px) {
  #hero .hero-wrap {
    max-width: 640px !important;
  }

  #hero .hero-doodle {
    width: min(340px, 42vw) !important;
    max-width: 340px !important;
    height: auto !important;
  }

  #hero .hero-mark {
    margin-bottom: 34px !important;
  }

  #hero .home-mode {
    width: 440px !important;
    min-height: 54px !important;
    margin-bottom: 34px !important;
  }

  #hero .home-mode-btn,
  #hero .home-mode-btn:hover {
    min-height: 48px !important;
    height: 48px !important;
    font-size: 15px !important;
  }

  #hero .hero-srch {
    min-height: 90px !important;
    height: 90px !important;
    padding-left: 28px !important;
  }

  #hero .hero-srch input { font-size: 18px !important; }
  #hero .hero-srch .mic-btn,
  #hero .hero-srch .act-btn { width: 56px !important; height: 56px !important; }
  #hero .hero-srch .hero-go { width: 58px !important; height: 58px !important; flex-basis: 58px !important; }
  #hero .hero-srch .hero-go svg { width: 23px !important; height: 23px !important; }

  #hero .hero-srch {
    width: min(950px, calc(100vw - 160px)) !important;
    max-width: none !important;
    position: relative !important;
    left: 50% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    transform: translateX(-50%) !important;
    background: #fff !important;
    border: 1px solid rgba(17, 18, 20, .08) !important;
    border-radius: 28px !important;
    box-shadow: 0 13px 30px rgba(20, 20, 32, .08), 0 2px 5px rgba(0, 0, 0, .04) !important;
  }

  #hero .hero-srch:focus-within {
    border-color: rgba(117, 83, 221, .30) !important;
    box-shadow: 0 0 0 5px rgba(117, 83, 221, .09), 0 20px 45px rgba(45, 35, 82, .14) !important;
  }

  #hero .hero-srch .mic-btn,
  #hero .hero-srch .lens-btn {
    width: 52px !important;
    height: 52px !important;
    color: #101012 !important;
  }

  #hero .hero-srch .hero-go {
    width: 68px !important;
    height: 68px !important;
    flex-basis: 68px !important;
    border-radius: 50% !important;
  }

  #hero .hero-srch .hero-go svg path { fill: currentColor !important; stroke: none !important; }
  #hero .hero-srch #hero-clear { display: none !important; }
}

.hero-attach { display: none !important; }

/* Lens/Regler is intentionally not part of the home search bar. */
#hero .hero-srch .lens-btn { display: none !important; }