/* Header v3 (canvas "Header" 1 + 2), desktop only.
   (breakpoint matches the site header: 981px+)
   1 · top of home: logo · location pill · [For business: Leads · Advertise · Free Listing] | EN · bell · heart · account
   2 · after scroll (home) and every other page: the location + search box takes the location pill's place; the rest stays. */
@media (min-width:981px){
  .hdr{background:#fff!important;border-bottom:1px solid #eef0f3!important;box-shadow:0 6px 18px -16px rgba(17,24,39,.35)!important}
  body.hs-show .hdr,body:not(.on-home) .hdr{box-shadow:0 10px 24px -16px rgba(17,24,39,.4)!important}
  .hdr > .wrap{gap:14px!important}

  /* location pill: only at the top of home (the search box carries the location everywhere else) */
  .hdr .mloc{display:none!important}
  /* (location pill removed on desktop: the hero has the location box, and the header search carries it after scroll) */

  .hdr .brand{order:1!important}
  .hdr .hnav{order:4!important}.hdr .hsearch{order:3!important}.hdr .hright{order:5!important}
  body .hdr .hn-biz .hn-box,body:not(.pn) .hdr .hn-biz .hn-box{border:0!important;padding:0 12px!important;border-radius:10px!important}
  /* nav sits right */
  .hdr .hnav{margin-left:auto!important;display:flex!important;align-items:center!important;gap:12px!important;flex:0 0 auto}

  /* "For business" group */
  .hn-biz{display:flex;align-items:center;gap:2px;height:44px;padding:0 4px 0 12px;box-sizing:border-box;border-radius:14px;background:#f7f7f9;border:1px solid #eef0f3;white-space:nowrap}
  .hn-k{margin-right:6px;font:800 9.5px Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#9aa1ab}
  .hn-biz .hn{position:relative;display:inline-flex!important;align-items:center;gap:7px;height:36px!important;padding:0 12px!important;margin:0!important;border:0!important;border-radius:10px!important;background:none!important;box-shadow:none!important;font:600 14px Inter,sans-serif!important;color:#1f2937!important;cursor:pointer;transition:background .15s,color .15s,box-shadow .15s}
  .hn-biz .hn:hover,.hn-biz .hn.on{background:#fff!important;color:#d6112a!important;box-shadow:0 2px 8px -4px rgba(17,24,39,.25)!important}
  .hn-biz .hn-i{position:static!important;display:inline-flex!important;width:auto!important;height:auto!important;padding:0!important;border:0!important;background:none!important;color:#d6112a!important;font-size:15px}
  .hn-biz .hn-i svg,.hn-biz .hn-i > i{color:#d6112a!important}
  .hn-biz .hn-t{font:inherit!important;color:inherit!important}
  .hn-biz .hn-free{color:#d6112a!important;font-weight:700!important}
  .hn-biz .hn-new{position:absolute!important;top:-9px!important;right:6px!important;left:auto!important;height:16px;padding:0 6px!important;border-radius:5px!important;background:#d6112a!important;color:#fff!important;font:800 8.5px/16px Inter,sans-serif!important;letter-spacing:.08em;transform:none!important}
  .hn-sep{width:1px;height:28px;background:#e6e8ec;flex:none}
  .hdr .hn-lang summary{height:42px;border-radius:12px;padding:0 8px!important}
  .hdr .hn-lang summary:hover{background:#f7f7f9}

  /* bell / heart boxes */
  .hdr .hright{gap:10px!important}
  .hdr .hright .hic{position:relative;width:42px!important;height:42px!important;border-radius:12px!important;border:1px solid #e6e8ec!important;background:#fff!important;color:#374151!important;display:grid!important;place-items:center;transition:border-color .15s,color .15s,background .15s}
  .hdr .hright .hic:hover{border-color:#f3a3b0!important;color:#d6112a!important;background:#fff7f8!important}
  .hdr .hright .hic .cnt{top:-6px!important;right:-6px!important;min-width:18px;height:18px;box-sizing:border-box;border-radius:99px;background:#d6112a!important;color:#fff!important;border:2px solid #fff;font:800 10px/14px Inter,sans-serif!important;text-align:center}
  .hdr .hright .hsq{display:none!important}

  /* account chip: avatar + name + "My account" */
  .hdr .hb.login.in{height:46px!important;padding:0 10px 0 4px!important;gap:10px!important;border-radius:99px!important;border:1px solid #e6e8ec!important;background:#fff!important;box-shadow:none!important;color:#111827!important;transition:border-color .15s,box-shadow .15s}
  .hdr .hb.login.in:hover{border-color:#f3a3b0!important;box-shadow:0 6px 14px -10px rgba(214,17,42,.6)!important}
  .hdr .hb.login.in .av{width:38px!important;height:38px!important;border-radius:50%!important;background:linear-gradient(135deg,#f43f5e,#c8102e)!important;color:#fff!important;font:800 13px Inter,sans-serif!important;display:grid!important;place-items:center}
  .hdr .hb.login.in .lbl{display:flex!important;flex-direction:column;align-items:flex-start;text-align:left;line-height:1.15}
  .hdr .hb.login.in .lbl b{font:700 13.5px/1.15 Inter,sans-serif;color:#111827}
  .hdr .hb.login.in .me-sub{font:500 11.5px/1.2 Inter,sans-serif;color:#6b7280}
  .hdr .hb.login.in > svg:last-child,.hdr .hb.login.in > i:last-child{font-size:11px;color:#6b7280}

  /* search box in the header (2) */
  .hdr .hsearch{flex:1 1 auto!important;min-width:0!important;max-width:540px!important;height:46px!important;border-radius:14px!important;border:1.5px solid #e6e8ec!important;background:#fff!important;box-shadow:none!important;overflow:hidden}
  .hdr .hsearch:focus-within{border-color:#d6112a!important;box-shadow:0 0 0 3px rgba(214,17,42,.12)!important}
  .hdr .hsearch > button[type=submit]{width:46px!important;height:38px!important;margin:0 4px 0 0!important;border-radius:10px!important;background:#d6112a!important}

  /* when the search box is showing, keep everything on one line */
  body.hs-show .hn-k,body:not(.on-home) .hn-k{display:none}
}
@media (min-width:981px) and (max-width:1280px){
  .hn-k{display:none}
  body.hs-show .hdr .hn-lang,body:not(.on-home) .hdr .hn-lang,body.hs-show .hn-sep,body:not(.on-home) .hn-sep{display:none!important}
  .hdr .hb.login.in .lbl{display:none!important}
  .hdr .hb.login:not(.in) .lbl{display:none!important}
  .hdr .hb.login:not(.in) .lbl-m{display:inline!important}
  .hdr .hb.login:not(.in){width:auto!important;padding:0 16px!important;gap:6px}
}
@media (min-width:981px) and (max-width:1100px){
  body.hs-show .hn-biz .hn-t,body:not(.on-home) .hn-biz .hn-t{display:none!important}
  body.hs-show .hn-biz .hn-new,body:not(.on-home) .hn-biz .hn-new{display:none!important}
  .hn-biz .hn{padding:0 10px!important}
}
/* phones: the account chip keeps only the avatar */
@media (max-width:980px){.hdr .hb.login.in .me-sub{display:none}.hn-k,.hn-sep{display:none}}
/* tablets (761–980): the location button becomes the same pill, guest login keeps its text */
@media (min-width:761px) and (max-width:980px){
  .hdr .mloc{flex:0 1 auto!important;max-width:280px;align-items:center;gap:8px;height:42px;padding:0 12px 0 8px!important;border-radius:12px!important;border:1px solid #e6e8ec!important;background:#fff!important;color:#111827;margin-right:auto!important}
  .hdr .mloc:hover{border-color:#f3a3b0!important;background:#fff7f8!important}
  .hdr .mloc > span{display:flex!important;flex-direction:column;align-items:flex-start;gap:1px;min-width:0}
  .hdr .mloc > svg:first-child,.hdr .mloc > i:first-child{box-sizing:border-box;width:26px!important;height:26px!important;padding:6px;border-radius:8px;background:#fff1f3;color:#d6112a}
  .hdr .mloc small{font:600 10.5px/1.1 Inter,sans-serif!important;color:#9aa1ab}
  .hdr .mloc b{font:700 13.5px/1.2 Inter,sans-serif!important;color:#111827}
  .hdr .hright .hic{width:42px!important;height:42px!important;border-radius:12px!important;border:1px solid #e6e8ec!important;background:#fff!important}
  .hdr .hb.login:not(.in) .lbl{display:none!important}
  .hdr .hb.login:not(.in) .lbl-m{display:inline!important}
  .hdr .hb.login:not(.in){width:auto!important;padding:0 16px!important}
}
/* guest login button: white text on the red button everywhere (on phones the text was red on red) */
body .hdr .hb.login:not(.in),body .hdr .hb.login:not(.in) .lbl,body .hdr .hb.login:not(.in) .lbl-m,body .hdr .hb.login:not(.in) svg,body .hdr .hb.login:not(.in) i{color:#fff!important;-webkit-text-fill-color:#fff!important}
@media (max-width:760px){
  body .hdr .hb.login:not(.in){height:38px!important;padding:0 14px!important;gap:6px!important;border-radius:11px!important;font:700 13.5px Inter,sans-serif!important;opacity:1!important}
  body .hdr .hb.login:not(.in) .lbl-m{display:inline!important}
}
@media (min-width:370px) and (max-width:760px){
  body .hdr .hb.login:not(.in) .lbl{display:inline!important}
  body .hdr .hb.login:not(.in) .lbl-m{display:none!important}
}

/* header search box: one look on every page (home after scroll included), button centred inside */
@media (min-width:981px){
  html body .hdr form#hSearch.hsearch{align-items:center!important;height:46px!important;padding:0!important;border-radius:14px!important;border:1.5px solid #e6e8ec!important;background:#fff!important;box-shadow:none!important;overflow:hidden!important}
  html body .hdr form#hSearch.hsearch:focus-within{border-color:#d6112a!important;box-shadow:0 0 0 3px rgba(214,17,42,.12)!important}
  html body .hdr form#hSearch.hsearch > .hs-loc{align-self:stretch!important;height:auto!important;border-radius:0!important}
  html body .hdr form#hSearch.hsearch > .what{align-self:stretch!important;height:auto!important;min-width:0!important}
  html body .hdr form#hSearch.hsearch > button[type=submit]{flex:0 0 auto!important;align-self:center!important;width:44px!important;height:36px!important;min-height:0!important;margin:0 4px 0 6px!important;padding:0!important;border:0!important;border-radius:10px!important;background:#d6112a!important;color:#fff!important;display:grid!important;place-items:center!important;top:auto!important;transform:none!important}
  html body .hdr form#hSearch.hsearch > button[type=submit]:hover{background:#b80e24!important}
}