/* A compact search introduction, with no enclosing promotional panel. */
html body #explore .hero {
  margin:0!important;
  padding:28px 24px 20px!important;
  min-height:0!important;
  background:radial-gradient(ellipse at 0% 85%,#ffe6df,transparent 65%),radial-gradient(ellipse at 100% 10%,#def3ee,transparent 65%),#fafcfc!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
html body #explore .hero .wrap {
  max-width:900px!important;
  min-height:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
html body #explore .hero::before,
html body #explore .hero::after,
html body #explore .hero .wrap::before,
html body #explore .hero .wrap::after,
html body #explore .hero .eyebrow,
html body #explore .hero .muted { display:none!important; }
html body.portal-customer #explore .hero .wrap h1,
html body #explore .hero h1 {
  max-width:none!important;
  margin:0 0 18px!important;
  font-size:32px!important;
  line-height:1.16!important;
  letter-spacing:-1.1px!important;
  color:#17354d!important;
  -webkit-text-fill-color:#17354d!important;
  text-shadow:none!important;
}
html body #explore .hero .bookluit-explore-finder { margin:0!important; }
html body #explore .bookluit-finder-bar {
  background:#fff!important;
  border:1px solid #e3eaed!important;
  border-radius:22px!important;
  box-shadow:0 8px 28px rgba(23,53,77,.07)!important;
  padding:8px!important;
}
@media(max-width:860px) {
  html body #explore .hero { padding:26px 16px 18px!important; }
  html body #explore .hero h1 { font-size:27px!important;margin-bottom:17px!important; }
  html body #explore .bookluit-finder-submit { font-weight:700!important;box-shadow:none!important; }
}
/* Stacked, easy-to-tap search inspired by the supplied reference. */
html body #explore .bookluit-finder-bar {
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:9px!important;
  padding:13px!important;
  border:4px solid #ffffff85!important;
  background:#fff!important;
}
html body #explore .bookluit-finder-field,
html body #explore .bookluit-finder-location {
  grid-column:1/-1!important;
  min-width:0!important;
  height:49px!important;
  border:1px solid #e0e5e7!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:none!important;
}
html body #explore .finder-field-kicker {display:none!important}
html body #explore .finder-field-value,
html body #explore .bookluit-finder-location input {font-size:14px!important;font-weight:500!important}
html body #explore .bookluit-finder-location input {height:46px!important;background:transparent!important;border:0!important}
html body #explore .bookluit-finder-submit {grid-column:1/-1!important;height:48px!important;border-radius:24px!important;background:#173d58!important;color:#fff!important;margin:1px 0 0!important}
@media(max-width:860px){
 html body #explore .hero{padding:30px 18px!important}
 html body #explore .hero h1{font-size:29px!important;letter-spacing:-1px!important;margin:0 0 22px!important}
 html body #explore .content{padding:26px 18px!important}
 html body #explore .content h2{font-size:23px!important;letter-spacing:-.6px!important}
 html body #explore .cards{display:flex!important;overflow-x:auto!important;gap:14px!important;scroll-snap-type:x mandatory;padding:4px 0 20px!important}
 html body #explore .cards>.card{flex:0 0 78%!important;scroll-snap-align:start;border-radius:18px!important;box-shadow:none!important}
 html body #explore .cards>.card .visual{height:180px!important}
}
@media(max-width:760px){
  #exploreFinder input,#bookluitMapSearch{font-size:16px!important;}
}