/* The public header uses the available viewport instead of squeezing search. */
#root header:has(input[aria-label="Search listings"])>.section{width:calc(100% - 48px)!important;max-width:none!important;min-width:0!important;margin-left:auto!important;margin-right:auto!important;padding:10px 0!important;height:auto!important;min-height:76px;display:grid!important;grid-template-columns:auto minmax(320px,1fr) auto auto auto!important;align-items:center!important;gap:16px!important}
#root header:has(input[aria-label="Search listings"])>.section>form{display:block!important;width:100%!important;min-width:0!important;margin:0!important}
#root header:has(input[aria-label="Search listings"]) input[type="search"]{width:100%!important;min-width:0!important;height:46px!important;padding-left:42px!important;padding-right:14px!important;font-size:16px!important;line-height:1.4!important}
#root header:has(input[aria-label="Search listings"])>.section>nav{display:flex!important;min-width:0;gap:4px!important;white-space:nowrap}
#root header:has(input[aria-label="Search listings"])>.section>a,#root header:has(input[aria-label="Search listings"])>.section>button{margin-left:0!important;white-space:nowrap}
@media(min-width:1100px) and (max-width:1799px){#root header:has(input[aria-label="Search listings"])>.section{grid-template-columns:auto minmax(280px,1fr) auto auto!important;row-gap:10px!important}#root header:has(input[aria-label="Search listings"])>.section>a:first-child{grid-column:1;grid-row:1}#root header:has(input[aria-label="Search listings"])>.section>form{grid-column:2;grid-row:1}#root header:has(input[aria-label="Search listings"])>.section>a:not(:first-child){grid-column:3;grid-row:1}#root header:has(input[aria-label="Search listings"])>.section>button{grid-column:4;grid-row:1}#root header:has(input[aria-label="Search listings"])>.section>nav{grid-row:2;grid-column:1/-1;justify-content:center!important;gap:8px!important;flex-wrap:wrap}}
@media(max-width:1099px){#root header:has(input[aria-label="Search listings"])>.section{width:calc(100% - 32px)!important;grid-template-columns:minmax(0,1fr) auto auto!important;gap:10px!important;padding:10px 0 12px!important}#root header:has(input[aria-label="Search listings"])>.section>a:first-child{grid-column:1;grid-row:1}#root header:has(input[aria-label="Search listings"])>.section>a:not(:first-child){grid-column:2;grid-row:1}#root header:has(input[aria-label="Search listings"])>.section>button{grid-column:3;grid-row:1}#root header:has(input[aria-label="Search listings"])>.section>form{grid-row:2;grid-column:1/-1}#root header:has(input[aria-label="Search listings"])>.section>nav{display:none!important}}
@media(max-width:420px){#root header:has(input[aria-label="Search listings"])>.section{width:calc(100% - 24px)!important;column-gap:8px!important}#root header:has(input[aria-label="Search listings"])>.section>a:first-child{font-size:18px!important}#root header:has(input[aria-label="Search listings"])>.section>a:not(:first-child),#root header:has(input[aria-label="Search listings"])>.section>button{font-size:12px!important;padding:10px!important;gap:6px!important}}
@media(min-width:1800px){#root header:has(input[aria-label="Search listings"])>.section{grid-template-columns:auto minmax(280px,560px) minmax(0,1fr) auto auto!important}#root header:has(input[aria-label="Search listings"])>.section>nav{justify-content:flex-end!important}}