/* NILA v21.38 Homepage Mobile Service Picker, Hero Badge Removal and Mobile Order Fix */
:root{
  --v38-ink:#06192e;
  --v38-green:#075f3c;
  --v38-blue:#176fc2;
  --v38-line:rgba(6,25,46,.12);
}

/* Remove distracting text badge below the first hero visual */
.v19-discover-foot,
.v23-discover-foot,
.v24-discover-foot,
.v21-hero-badge,
.v24-hero-badge,
.hero-badge,
.hero-visual-badge,
.hero-image-badge{
  display:none!important;
}

/* Remove decorative circular marks inside form fields */
.hs-field::before,
.hs-field::after,
.hs-select-wrap::before,
.hs-select-wrap::after,
.hs-loc-wrap::before,
.hs-loc-wrap::after,
.v19-search .hs-field::before,
.v19-search .hs-field::after,
.v19-search .hs-select-wrap::before,
.v19-search .hs-select-wrap::after,
.v19-search .hs-loc-wrap::before,
.v19-search .hs-loc-wrap::after,
.search-shell .field::before,
.search-shell .field::after,
.search-bar .field::before,
.search-bar .field::after,
form .field::before,
form .field::after{
  content:none!important;
  display:none!important;
  pointer-events:none!important;
}

#heroSearch .hs-field,
.v19-search .hs-field,
.hs-field{
  position:relative!important;
  overflow:visible!important;
  background:#fff!important;
  border:1px solid var(--v38-line)!important;
  border-radius:18px!important;
}
#servicePickerWrap{
  position:relative!important;
  overflow:visible!important;
  pointer-events:auto!important;
}
#serviceInput{
  cursor:pointer!important;
  pointer-events:auto!important;
  position:relative!important;
  z-index:3!important;
  padding-right:44px!important;
}
#serviceToggle{
  position:absolute!important;
  right:0!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:42px!important;
  height:42px!important;
  display:grid!important;
  place-items:center!important;
  z-index:8!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
  cursor:pointer!important;
  background:transparent!important;
  border:0!important;
  color:var(--v38-ink)!important;
}
#serviceDropdown{
  z-index:99999!important;
  pointer-events:auto!important;
}
#serviceDropdown.open{
  display:block!important;
}

/* Mobile homepage order: headline/search first, useful visual preview second, categories after */
@media (max-width:780px){
  body.page-home .v19-hero,
  body[data-nila-page="index"] .v19-hero{
    padding-top:18px!important;
  }
  body.page-home .v19-hero-grid,
  body[data-nila-page="index"] .v19-hero-grid{
    display:flex!important;
    flex-direction:column!important;
    gap:18px!important;
  }
  body.page-home .v19-hero-grid > div:first-child,
  body[data-nila-page="index"] .v19-hero-grid > div:first-child{
    order:1!important;
  }
  body.page-home .v19-discover,
  body[data-nila-page="index"] .v19-discover{
    order:2!important;
    margin-top:0!important;
    min-height:auto!important;
    border-radius:24px!important;
    overflow:hidden!important;
  }
  body.page-home #nilaCategorySection,
  body[data-nila-page="index"] #nilaCategorySection{
    order:3!important;
  }
  body.page-home .v19-discover-head,
  body[data-nila-page="index"] .v19-discover-head{
    padding:14px 16px 8px!important;
  }
  body.page-home .v19-discover-head b,
  body[data-nila-page="index"] .v19-discover-head b{
    font-size:15px!important;
  }
  body.page-home .v19-discover-head span,
  body[data-nila-page="index"] .v19-discover-head span{
    font-size:12px!important;
  }
  /* Hero category chips are not the main mobile category experience. Keep the visual useful and compact. */
  body.page-home .v19-discover .v19-cats,
  body[data-nila-page="index"] .v19-discover .v19-cats{
    display:none!important;
  }
  body.page-home .v19-discover-map,
  body[data-nila-page="index"] .v19-discover-map{
    min-height:190px!important;
    height:190px!important;
    margin:0!important;
  }
  body.page-home #heroMapWrap,
  body[data-nila-page="index"] #heroMapWrap{
    min-height:190px!important;
    height:190px!important;
  }
  #heroSearch{
    position:relative!important;
    z-index:250!important;
    overflow:visible!important;
  }
  #heroSearch,
  #heroSearch *{
    pointer-events:auto!important;
  }
  #servicePickerWrap{
    z-index:260!important;
    display:flex!important;
    align-items:center!important;
    min-height:44px!important;
  }
  #serviceDropdown{
    position:absolute!important;
    top:calc(100% + 10px)!important;
    left:0!important;
    right:0!important;
    max-height:min(420px,60vh)!important;
    overflow:auto!important;
    background:#fff!important;
    border:1px solid rgba(6,25,46,.14)!important;
    border-radius:18px!important;
    box-shadow:0 24px 70px rgba(6,25,46,.24)!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .hs-dropdown-cat{
    padding:12px 14px 6px!important;
    font-size:11px!important;
  }
  .hs-dropdown-item{
    min-height:46px!important;
    padding:12px 14px!important;
    font-size:15px!important;
    width:100%!important;
    text-align:left!important;
    background:#fff!important;
    border:0!important;
    color:var(--v38-ink)!important;
  }
  .hs-dropdown-item:active,
  .hs-dropdown-item:hover{
    background:rgba(23,111,194,.08)!important;
  }
  #gpsBtn,
  #dirHeroUseLocation,
  #dirSearchBtn{
    pointer-events:auto!important;
    touch-action:manipulation!important;
  }
}

/* prevent decorative pseudo layers from stealing taps */
#heroSearch *::before,
#heroSearch *::after,
.v19-discover *::before,
.v19-discover *::after{
  pointer-events:none!important;
}