/* v18.0 — one search input, optional budget, one collapsible deals control. */
#hero .uf180-budget-strip {
  display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap;
  gap:10px 14px; margin:11px 0 19px; padding:12px 15px;
  border:1px solid #dfe7f2; background:rgba(255,255,255,.82);
  border-radius:15px; box-shadow:0 5px 19px rgba(37,70,116,.035)
}
#hero .uf180-budget-copy {display:flex;align-items:baseline;gap:8px;color:#244265}
#hero .uf180-budget-copy strong {font-size:13px;font-weight:800}
#hero .uf180-budget-copy span {font-size:12px;color:#74869e}
#hero .uf180-budget-controls {display:flex;align-items:center;gap:7px;min-width:0}
#hero .uf180-budget-entry {display:flex;align-items:center;gap:7px;border:1px solid #d9e2ee;
  background:#fff;border-radius:11px;padding:0 12px;min-height:43px;transition:border-color .2s}
#hero .uf180-budget-entry:focus-within {border-color:#568fdb;box-shadow:0 0 0 3px rgba(86,143,219,.13)}
#hero .uf180-budget-entry.has-budget {border-color:#639ce8;background:#f8fbff}
#hero .uf180-budget-entry span {color:#3f70b6;font-weight:800;font-size:19px}
#hero #uf180Budget {box-sizing:border-box;width:137px;max-width:100%;font:inherit;font-size:15px;
  font-weight:700;color:#243953;border:0;outline:0;box-shadow:none!important;background:transparent;
  -moz-appearance:textfield;min-width:0;padding:8px 0}
#hero #uf180Budget::placeholder {font-size:13px;color:#8997aa;font-weight:500}
#hero #uf180Budget::-webkit-inner-spin-button,#hero #uf180Budget::-webkit-outer-spin-button {-webkit-appearance:none;margin:0}
#hero #uf180Budget[aria-invalid="true"] {color:#bd4a40}
#hero #uf180BudgetClear {padding:7px 10px;border:0;border-radius:9px;color:#54749a;
  font-size:12px;font-weight:700;background:#eef4fb;cursor:pointer}
#hero #uf180BudgetClear[hidden] {display:none!important}
#hero .home-modes {display:block!important;width:100%!important;margin:0!important}
#hero .home-modes #dealsToggle {display:flex!important;width:100%!important;max-width:none!important;
  min-height:70px!important;max-height:none!important;justify-content:flex-start!important;
  align-items:center!important;padding:13px 17px!important;grid-column:1/-1!important;
  box-sizing:border-box!important;border-radius:17px!important}
#hero .home-modes #dealsToggle .uf137-mode-copy {flex:1 1 auto;min-width:0}
#hero .home-modes #dealsToggle .deal-chevron {display:inline-flex!important;transition:transform .2s}
#hero .home-modes #dealsToggle[aria-expanded="true"] .deal-chevron {transform:rotate(180deg)}
#hero #dealsPanel[hidden],#hero #dealsPanel.hidden {display:none!important}
#hero #dealsPanel:not([hidden]):not(.hidden) {display:block!important;margin-top:13px}
#hero #linkForm {display:block!important;visibility:visible!important;opacity:1!important;
  min-height:0!important;max-height:none!important;position:relative!important}
#hero .uf171-main-search {display:block!important;visibility:visible!important}
body.budget-show-results #hero,body.workspace-open #hero {display:block!important;visibility:visible!important}
#uf180BudgetNote {font-size:11px;color:#73839c;margin:0 0 0 1px}
.budget-results .budget-item .budget-info p strong {font-weight:730}
@media (max-width:700px){
 #hero .uf180-budget-strip {padding:11px 12px;gap:9px}
 #hero .uf180-budget-copy {flex:0 0 auto}
 #hero .uf180-budget-copy strong {font-size:12px}
 #hero .uf180-budget-copy span {font-size:11px}
 #hero .uf180-budget-controls {margin-left:auto}
 #hero .uf180-budget-entry {min-height:42px;padding:0 10px}
 #hero #uf180Budget {width:106px;font-size:14px}
 #hero .home-modes #dealsToggle {min-height:70px!important;padding:12px 14px!important}
}
@media (max-width:375px){
 #hero .uf180-budget-strip {gap:8px}
 #hero .uf180-budget-copy {width:100%}
 #hero .uf180-budget-controls {width:100%;justify-content:flex-start;margin:0}
 #hero #uf180Budget {width:152px}
}
