/* RXOPD INDEX — final hero/search correction.
   Scope: public/index home only. Loaded after public-discovery CSS on landing.php.
   Keeps Specialist + Location + GPS + Search + hero healthcare image intact. */
body.rx-ui-home{
  --rxh-ink:#12345a;
  --rxh-muted:#687f93;
  --rxh-line:#d6e3eb;
  --rxh-green:#08a879;
  --rxh-green-dark:#078d69;
  --rxh-blue:#176fce;
}

/* Hero stays two-column on tablet/desktop. The healthcare image is not replaced. */
body.rx-ui-home .rxhome-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1.03fr) minmax(300px,.97fr)!important;
  gap:22px!important;
  align-items:center!important;
  padding:22px!important;
}
body.rx-ui-home .rxhome-hero-copy{min-width:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
body.rx-ui-home .rxhome-hero-copy h1{margin:0 0 6px!important;font-size:clamp(30px,3.6vw,48px)!important;line-height:1.04!important;letter-spacing:-.035em!important;color:var(--rxh-ink)!important}
body.rx-ui-home .rxhome-hero-copy>p{margin:0 0 14px!important;font-size:15px!important;line-height:1.42!important;color:var(--rxh-muted)!important}
body.rx-ui-home .rxhome-hero-art{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:240px!important;
  overflow:hidden!important;
  border:1px solid #e0e9f0!important;
  border-radius:17px!important;
  background:#fff!important;
}
body.rx-ui-home .rxhome-hero-art img{display:block!important;width:100%!important;height:100%!important;min-height:240px!important;max-height:270px!important;object-fit:cover!important;border:0!important;border-radius:0!important;margin:0!important;padding:0!important}

/* Search structure: exactly one border per control. */
body.rx-ui-home #rxhome-care-search.rxhome-location-search-compact{
  display:grid!important;
  grid-template-columns:minmax(180px,.82fr) minmax(240px,1.28fr) 96px!important;
  grid-template-rows:46px!important;
  align-items:stretch!important;
  gap:8px!important;
  width:100%!important;
  max-width:760px!important;
  min-height:46px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
body.rx-ui-home #rxhome-care-search>*{min-width:0!important;box-sizing:border-box!important}

/* Speciality control: wrapper owns the border; native select has none. */
body.rx-ui-home #rxhome-care-search .rxhome-field-select{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  height:46px!important;
  min-height:46px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid var(--rxh-line)!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:none!important;
}
body.rx-ui-home #rxhome-care-search .rxhome-field-select::after{
  content:""!important;
  position:absolute!important;
  right:13px!important;
  top:50%!important;
  width:7px!important;
  height:7px!important;
  border-right:1.6px solid #6e8294!important;
  border-bottom:1.6px solid #6e8294!important;
  transform:translateY(-65%) rotate(45deg)!important;
  pointer-events:none!important;
}
body.rx-ui-home #rxhome-care-search .rxhome-field-select select{
  -webkit-appearance:none!important;
  appearance:none!important;
  width:100%!important;
  height:44px!important;
  min-height:44px!important;
  margin:0!important;
  padding:0 34px 0 13px!important;
  border:0!important;
  outline:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#173a57!important;
  font:700 13px/1.2 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;
}

/* Location: one outer border. GPS remains a small icon, not a card. */
body.rx-ui-home #rxhome-care-search .rxhome-location-entry{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  width:100%!important;
  height:46px!important;
  min-height:46px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid var(--rxh-line)!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:none!important;
}
body.rx-ui-home #rxhome-care-search .rxhome-location-detect{
  display:grid!important;
  place-items:center!important;
  width:42px!important;
  min-width:42px!important;
  height:44px!important;
  min-height:44px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-right:1px solid #e1eaf0!important;
  border-radius:0!important;
  background:#f4f8fc!important;
  color:var(--rxh-blue)!important;
  box-shadow:none!important;
  font-size:16px!important;
  line-height:1!important;
  cursor:pointer!important;
}
body.rx-ui-home #rxhome-care-search .rxhome-field-location{
  display:flex!important;
  width:100%!important;
  height:44px!important;
  min-height:44px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.rx-ui-home #rxhome-care-search .rxhome-field-location input{
  width:100%!important;
  height:44px!important;
  min-height:44px!important;
  margin:0!important;
  padding:0 12px!important;
  border:0!important;
  outline:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#173a57!important;
  font:600 13px/1.2 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;
}
body.rx-ui-home #rxhome-care-search .rxhome-field-location input::placeholder{color:#8b9bab!important;opacity:1!important;font-weight:500!important}

/* Search button aligns exactly with the two input controls. */
body.rx-ui-home #rxhome-care-search .rxhome-btn.rxhome-btn-green{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:96px!important;
  min-width:96px!important;
  max-width:96px!important;
  height:46px!important;
  min-height:46px!important;
  margin:0!important;
  padding:0 12px!important;
  border:0!important;
  border-radius:12px!important;
  background:linear-gradient(135deg,var(--rxh-green),var(--rxh-green-dark))!important;
  color:#fff!important;
  box-shadow:none!important;
  font:800 12px/1 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;
  white-space:nowrap!important;
}
body.rx-ui-home #rxhome-care-search :is(.rxhome-field-select,.rxhome-location-entry):focus-within{border-color:#8dbedc!important;box-shadow:0 0 0 3px rgba(23,111,206,.075)!important}
body.rx-ui-home #rxhome-care-search .rxhome-btn.rxhome-btn-green:focus-visible{outline:3px solid rgba(8,168,121,.18)!important;outline-offset:2px!important}

/* Keep compact reference density below hero. */
body.rx-ui-home .rxhome-actions-section>h2{font-size:19px!important;margin:0 0 10px!important}
body.rx-ui-home .rxhome-actions{gap:10px!important}
body.rx-ui-home .rxhome-actions>a{min-height:92px!important;padding:10px 7px!important;gap:6px!important}
body.rx-ui-home .rxhome-action-icon{width:36px!important;height:36px!important;border-radius:10px!important}
body.rx-ui-home .rxhome-action-svg{width:19px!important;height:19px!important}
body.rx-ui-home .rxhome-actions>a b{font-size:12px!important;line-height:1.15!important}

/* Tablet: image remains visible; all three controls stay in one professional row. */
@media(max-width:1024px){
  body.rx-ui-home .rxhome-hero{grid-template-columns:minmax(0,1.1fr) minmax(250px,.9fr)!important;gap:14px!important;padding:17px!important}
  body.rx-ui-home .rxhome-hero-copy h1{font-size:30px!important}
  body.rx-ui-home .rxhome-hero-copy>p{font-size:13px!important;margin-bottom:11px!important}
  body.rx-ui-home .rxhome-hero-art{display:flex!important;min-height:190px!important}
  body.rx-ui-home .rxhome-hero-art img{min-height:190px!important;max-height:220px!important}
  body.rx-ui-home #rxhome-care-search.rxhome-location-search-compact{grid-template-columns:minmax(145px,.82fr) minmax(190px,1.18fr) 82px!important;grid-template-rows:42px!important;gap:6px!important}
  body.rx-ui-home #rxhome-care-search .rxhome-field-select,body.rx-ui-home #rxhome-care-search .rxhome-location-entry{height:42px!important;min-height:42px!important;border-radius:11px!important}
  body.rx-ui-home #rxhome-care-search .rxhome-field-select select{height:40px!important;min-height:40px!important;font-size:11.5px!important;padding-left:11px!important}
  body.rx-ui-home #rxhome-care-search .rxhome-location-entry{grid-template-columns:38px minmax(0,1fr)!important}
  body.rx-ui-home #rxhome-care-search .rxhome-location-detect{width:38px!important;min-width:38px!important;height:40px!important;min-height:40px!important;font-size:14px!important}
  body.rx-ui-home #rxhome-care-search .rxhome-field-location,body.rx-ui-home #rxhome-care-search .rxhome-field-location input{height:40px!important;min-height:40px!important}
  body.rx-ui-home #rxhome-care-search .rxhome-field-location input{font-size:11.5px!important;padding:0 9px!important}
  body.rx-ui-home #rxhome-care-search .rxhome-btn.rxhome-btn-green{width:82px!important;min-width:82px!important;max-width:82px!important;height:42px!important;min-height:42px!important;border-radius:11px!important;font-size:11px!important}
}

/* Narrow mobile: speciality gets its own row; location + compact Search share row two. Image remains as a short visual strip. */
@media(max-width:600px){
  body.rx-ui-home .rxhome-hero{grid-template-columns:1fr!important;gap:10px!important;padding:14px!important}
  body.rx-ui-home .rxhome-hero-copy h1{font-size:25px!important;margin-bottom:5px!important}
  body.rx-ui-home .rxhome-hero-copy>p{font-size:12px!important;margin-bottom:10px!important}
  body.rx-ui-home #rxhome-care-search.rxhome-location-search-compact{
    grid-template-columns:minmax(0,1fr) 70px!important;
    grid-template-rows:40px 40px!important;
    gap:7px!important;
  }
  body.rx-ui-home #rxhome-care-search .rxhome-field-select{grid-column:1/-1!important;grid-row:1!important;height:40px!important;min-height:40px!important;border-radius:10px!important}
  body.rx-ui-home #rxhome-care-search .rxhome-field-select select{height:38px!important;min-height:38px!important;font-size:11px!important;padding-left:10px!important}
  body.rx-ui-home #rxhome-care-search .rxhome-location-entry{grid-column:1!important;grid-row:2!important;height:40px!important;min-height:40px!important;grid-template-columns:36px minmax(0,1fr)!important;border-radius:10px!important}
  body.rx-ui-home #rxhome-care-search .rxhome-location-detect{width:36px!important;min-width:36px!important;height:38px!important;min-height:38px!important;font-size:13px!important}
  body.rx-ui-home #rxhome-care-search .rxhome-field-location,body.rx-ui-home #rxhome-care-search .rxhome-field-location input{height:38px!important;min-height:38px!important}
  body.rx-ui-home #rxhome-care-search .rxhome-field-location input{font-size:10.8px!important;padding:0 8px!important}
  body.rx-ui-home #rxhome-care-search .rxhome-btn.rxhome-btn-green{grid-column:2!important;grid-row:2!important;width:70px!important;min-width:70px!important;max-width:70px!important;height:40px!important;min-height:40px!important;border-radius:10px!important;font-size:10px!important;padding:0 7px!important}
  body.rx-ui-home .rxhome-hero-art{display:flex!important;min-height:118px!important;max-height:118px!important;border-radius:13px!important}
  body.rx-ui-home .rxhome-hero-art img{min-height:118px!important;max-height:118px!important;object-position:center 32%!important}
  body.rx-ui-home .rxhome-actions-section>h2{font-size:17px!important;margin-bottom:8px!important}
  body.rx-ui-home .rxhome-actions>a{min-height:76px!important;padding:8px 5px!important}
  body.rx-ui-home .rxhome-action-icon{width:32px!important;height:32px!important}
  body.rx-ui-home .rxhome-action-svg{width:17px!important;height:17px!important}
  body.rx-ui-home .rxhome-actions>a b{font-size:11px!important}
}

@media(max-width:350px){
  body.rx-ui-home #rxhome-care-search.rxhome-location-search-compact{grid-template-columns:minmax(0,1fr) 64px!important}
  body.rx-ui-home #rxhome-care-search .rxhome-btn.rxhome-btn-green{width:64px!important;min-width:64px!important;max-width:64px!important;font-size:9.5px!important}
  body.rx-ui-home .rxhome-hero-art{min-height:105px!important;max-height:105px!important}
  body.rx-ui-home .rxhome-hero-art img{min-height:105px!important;max-height:105px!important}
}

/* Mid-tablet: keep the image, but give search controls enough width to stay clean. */
@media(max-width:850px) and (min-width:601px){
  body.rx-ui-home #rxhome-care-search.rxhome-location-search-compact{
    grid-template-columns:minmax(0,1fr) 72px!important;
    grid-template-rows:40px 40px!important;
    gap:7px!important;
    height:auto!important;
    min-height:87px!important;
  }
  body.rx-ui-home #rxhome-care-search .rxhome-field-select{grid-column:1/-1!important;grid-row:1!important;height:40px!important;min-height:40px!important;border-radius:10px!important}
  body.rx-ui-home #rxhome-care-search .rxhome-field-select select{height:38px!important;min-height:38px!important;font-size:11px!important;padding-left:10px!important}
  body.rx-ui-home #rxhome-care-search .rxhome-location-entry{grid-column:1!important;grid-row:2!important;height:40px!important;min-height:40px!important;grid-template-columns:36px minmax(0,1fr)!important;border-radius:10px!important}
  body.rx-ui-home #rxhome-care-search .rxhome-location-detect{width:36px!important;min-width:36px!important;height:38px!important;min-height:38px!important;font-size:13px!important}
  body.rx-ui-home #rxhome-care-search .rxhome-field-location,body.rx-ui-home #rxhome-care-search .rxhome-field-location input{height:38px!important;min-height:38px!important}
  body.rx-ui-home #rxhome-care-search .rxhome-field-location input{font-size:10.8px!important;padding:0 8px!important}
  body.rx-ui-home #rxhome-care-search .rxhome-btn.rxhome-btn-green{grid-column:2!important;grid-row:2!important;width:72px!important;min-width:72px!important;max-width:72px!important;height:40px!important;min-height:40px!important;border-radius:10px!important;font-size:10px!important;padding:0 7px!important}
}

/* FINAL MOBILE SEARCH ORDER + EXPLORE NEAR YOU REFINEMENT — approved mobile reference */
body.rx-ui-home .rxhome-location-svg{width:18px!important;height:18px!important;display:block!important}
body.rx-ui-home .rxhome-search-btn-svg{width:16px!important;height:16px!important;display:block!important;flex:0 0 16px!important}
body.rx-ui-home #rxhome-care-search .rxhome-btn.rxhome-btn-green{gap:6px!important}
body.rx-ui-home .rxhome-near-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin:0 0 10px!important}
body.rx-ui-home .rxhome-near-head h2{margin:0!important}
body.rx-ui-home .rxhome-map-head-link{display:inline-flex!important;align-items:center!important;gap:4px!important;color:#0b70c7!important;font-size:12px!important;font-weight:800!important;text-decoration:none!important;white-space:nowrap!important}
body.rx-ui-home .rxhome-map-head-link span{font-size:18px!important;line-height:1!important}
body.rx-ui-home .rxhome-map-chip{display:inline-flex!important;align-items:center!important;gap:5px!important;background:#fff!important;color:#176fce!important;border:1px solid #dce8f1!important;box-shadow:0 4px 12px rgba(28,74,108,.08)!important}
body.rx-ui-home .rxhome-map-chip svg{width:14px!important;height:14px!important}

@media(max-width:850px){
  /* Location first. Specialist + Search second. */
  body.rx-ui-home #rxhome-care-search.rxhome-location-search-compact{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 98px!important;
    grid-template-rows:42px 42px!important;
    gap:7px!important;
    height:auto!important;
    min-height:91px!important;
  }
  body.rx-ui-home #rxhome-care-search .rxhome-location-entry{
    grid-column:1/-1!important;grid-row:1!important;
    height:42px!important;min-height:42px!important;
    grid-template-columns:40px minmax(0,1fr)!important;
    border-radius:11px!important;
  }
  body.rx-ui-home #rxhome-care-search .rxhome-location-detect{width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important}
  body.rx-ui-home #rxhome-care-search .rxhome-field-location,body.rx-ui-home #rxhome-care-search .rxhome-field-location input{height:40px!important;min-height:40px!important}
  body.rx-ui-home #rxhome-care-search .rxhome-field-select{
    grid-column:1!important;grid-row:2!important;
    height:42px!important;min-height:42px!important;
    border-radius:11px!important;
  }
  body.rx-ui-home #rxhome-care-search .rxhome-field-select select{height:40px!important;min-height:40px!important}
  body.rx-ui-home #rxhome-care-search .rxhome-btn.rxhome-btn-green{
    grid-column:2!important;grid-row:2!important;
    width:98px!important;min-width:98px!important;max-width:98px!important;
    height:42px!important;min-height:42px!important;
    border-radius:11px!important;
  }

  /* Compact, image-led Explore Near You. */
  body.rx-ui-home .rxhome-near-section{padding:12px!important;border-radius:16px!important}
  body.rx-ui-home .rxhome-pills{display:none!important}
  body.rx-ui-home .rxhome-near-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  body.rx-ui-home .rxhome-map-card{grid-column:1/-1!important;min-height:142px!important;border-radius:14px!important;position:relative!important;overflow:hidden!important}
  body.rx-ui-home .rxhome-map-card img{width:100%!important;height:142px!important;min-height:142px!important;max-height:142px!important;object-fit:cover!important;display:block!important}
  body.rx-ui-home .rxhome-map-card .rxhome-map-chip{position:absolute!important;right:10px!important;top:10px!important;margin:0!important;padding:7px 10px!important;border-radius:999px!important;font-size:10px!important}
  body.rx-ui-home .rxhome-near-card{grid-template-columns:40px minmax(0,1fr) 14px!important;grid-template-rows:auto auto!important;column-gap:8px!important;row-gap:2px!important;min-height:82px!important;padding:10px!important;border-radius:13px!important;position:relative!important}
  body.rx-ui-home .rxhome-near-card::after{content:'›'!important;grid-column:3!important;grid-row:1/3!important;align-self:center!important;justify-self:end!important;color:#173957!important;font-size:21px!important;line-height:1!important}
  body.rx-ui-home .rxhome-near-icon{grid-column:1!important;grid-row:1/3!important;width:40px!important;height:40px!important;border-radius:11px!important}
  body.rx-ui-home .rxhome-near-svg{width:21px!important;height:21px!important}
  body.rx-ui-home .rxhome-near-card strong{grid-column:2!important;grid-row:1!important;font-size:11.5px!important;line-height:1.15!important}
  body.rx-ui-home .rxhome-near-card small{grid-column:2!important;grid-row:2!important;font-size:9px!important;line-height:1.15!important}
  body.rx-ui-home .rxhome-near-footer{margin-top:8px!important}
  body.rx-ui-home .rxhome-viewall-link{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:36px!important;padding:7px 10px!important;background:#eaf8f3!important;color:#078b68!important;border:0!important;border-radius:999px!important;font-size:10px!important;font-weight:800!important;text-decoration:none!important}
}

@media(max-width:600px){
  body.rx-ui-home #rxhome-care-search.rxhome-location-search-compact{grid-template-columns:minmax(0,1fr) 92px!important;grid-template-rows:40px 40px!important;min-height:87px!important}
  body.rx-ui-home #rxhome-care-search .rxhome-location-entry{height:40px!important;min-height:40px!important;grid-template-columns:38px minmax(0,1fr)!important;border-radius:10px!important}
  body.rx-ui-home #rxhome-care-search .rxhome-location-detect{width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important}
  body.rx-ui-home #rxhome-care-search .rxhome-location-svg{width:17px!important;height:17px!important}
  body.rx-ui-home #rxhome-care-search .rxhome-field-location,body.rx-ui-home #rxhome-care-search .rxhome-field-location input{height:38px!important;min-height:38px!important}
  body.rx-ui-home #rxhome-care-search .rxhome-field-location input{font-size:10.8px!important;padding:0 8px!important}
  body.rx-ui-home #rxhome-care-search .rxhome-field-select{height:40px!important;min-height:40px!important;border-radius:10px!important}
  body.rx-ui-home #rxhome-care-search .rxhome-field-select select{height:38px!important;min-height:38px!important;font-size:10.8px!important;padding-left:10px!important}
  body.rx-ui-home #rxhome-care-search .rxhome-btn.rxhome-btn-green{width:92px!important;min-width:92px!important;max-width:92px!important;height:40px!important;min-height:40px!important;border-radius:10px!important;font-size:10px!important;padding:0 8px!important;gap:5px!important}
  body.rx-ui-home #rxhome-care-search .rxhome-search-btn-svg{width:14px!important;height:14px!important;flex-basis:14px!important}
  body.rx-ui-home .rxhome-hero-art{min-height:105px!important;max-height:105px!important}
  body.rx-ui-home .rxhome-hero-art img{min-height:105px!important;max-height:105px!important;object-position:center 31%!important}
  body.rx-ui-home .rxhome-near-head{margin-bottom:8px!important}
  body.rx-ui-home .rxhome-near-head h2{font-size:17px!important}
  body.rx-ui-home .rxhome-map-head-link{font-size:10px!important}
  body.rx-ui-home .rxhome-map-card{min-height:116px!important}
  body.rx-ui-home .rxhome-map-card img{height:116px!important;min-height:116px!important;max-height:116px!important}
  body.rx-ui-home .rxhome-map-card .rxhome-map-chip{right:8px!important;top:8px!important;padding:6px 8px!important;font-size:9px!important}
  body.rx-ui-home .rxhome-near-card{grid-template-columns:36px minmax(0,1fr) 12px!important;min-height:74px!important;padding:8px!important;column-gap:7px!important}
  body.rx-ui-home .rxhome-near-icon{width:36px!important;height:36px!important;border-radius:10px!important}
  body.rx-ui-home .rxhome-near-svg{width:19px!important;height:19px!important}
  body.rx-ui-home .rxhome-near-card strong{font-size:10.5px!important}
  body.rx-ui-home .rxhome-near-card small{font-size:8.3px!important}
  body.rx-ui-home .rxhome-near-card::after{font-size:18px!important}
}

@media(max-width:350px){
  body.rx-ui-home #rxhome-care-search.rxhome-location-search-compact{grid-template-columns:minmax(0,1fr) 82px!important}
  body.rx-ui-home #rxhome-care-search .rxhome-btn.rxhome-btn-green{width:82px!important;min-width:82px!important;max-width:82px!important;font-size:9.4px!important}
  body.rx-ui-home .rxhome-near-card small{display:none!important}
  body.rx-ui-home .rxhome-near-card{grid-template-rows:1fr!important}
}