/* Commercial directory composition, scoped to the classifieds hero. */
html.classifieds-page .classified-hero{padding:0 0 24px!important;background:radial-gradient(ellipse at 90% 0,rgba(58,184,210,.12),transparent 55%),radial-gradient(ellipse at 8% 65%,rgba(255,139,72,.1),transparent 45%)!important}
.classified-hero .cf-hero-effects{display:none}
.classified-hero .cf-market-head{display:flex;align-items:center;justify-content:space-between;gap:40px;min-height:243px;padding:13px 0 20px;box-sizing:border-box}
.cf-market-copy{min-width:0}
.cf-market-kicker{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border:1px solid #ffd8c1;border-radius:24px;background:#fff0e6;color:#b9470c;font-size:11px;font-weight:800}
.classified-hero .cf-market-copy h1{display:block;margin:14px 0 7px;color:#102a43;font-size:clamp(30px,3.5vw,47px);font-weight:900;line-height:1.25}
.cf-market-copy h1 strong{color:#ff6508;font-weight:900}
.classified-hero .cf-market-copy>p{margin:0;color:#667085;font-size:13px;line-height:1.9}
.cf-market-publish{margin-top:25px}
.cf-market-publish>span{color:#c65321;font-size:10px;font-weight:800}
.cf-market-publish h2{margin:4px 0 12px;color:#273e52;font-size:15px;font-weight:900}
.cf-market-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}
.cf-market-steps li{display:grid;grid-template-columns:31px minmax(0,1fr);column-gap:9px;align-items:center;min-height:58px;padding:8px 13px;border:1px solid #e0e8ef;border-radius:15px;background:rgba(255,255,255,.85);box-sizing:border-box}
.cf-market-steps li>span{display:grid;grid-row:1/3;width:31px;height:31px;place-items:center;border-radius:10px;background:#fff0e6;color:#cf5415;font-size:11px;font-weight:900}
.cf-market-steps b{color:#30485d;font-size:11px;white-space:nowrap}
.cf-market-steps small{color:#718092;font-size:9px;line-height:1.8}
.cf-market-submit{display:grid;flex:none;width:142px;min-height:112px;place-items:center;align-content:center;gap:5px;padding:14px;border:1px solid rgba(255,139,86,.32);border-radius:27px;background:linear-gradient(145deg,#fff,#fff1e8);color:#d95315;box-shadow:0 16px 36px rgba(255,101,8,.16),0 0 0 10px rgba(255,255,255,.44);font-family:inherit;cursor:pointer;transition:transform .2s}
.cf-market-submit>i{font-size:30px}.cf-market-submit b{font-size:12px;font-weight:900}.cf-market-submit small{color:#916047;font-size:9px}
.cf-market-submit:hover{transform:translateY(-3px)}.cf-market-submit:focus-visible{outline:3px solid #ff6508;outline-offset:5px}
.dark .classified-hero .cf-market-copy h1,.dark .cf-market-publish h2,.dark .cf-market-steps b{color:#edf5fc}
.dark .classified-hero .cf-market-copy>p,.dark .cf-market-steps small{color:#a5b5c7}
.dark .cf-market-steps li{background:#122235;border-color:#2a4055}
.dark .cf-market-kicker,.dark .cf-market-steps li>span{background:#39281f;border-color:#70432b;color:#ffac79}
.dark .cf-market-publish>span{color:#ffac79}
.dark .cf-market-submit{background:linear-gradient(145deg,#302822,#442a1e);color:#ffac79;box-shadow:0 16px 36px #0003,0 0 0 10px #ffffff05}.dark .cf-market-submit small{color:#e6b99d}
@media(max-width:1000px){.classified-hero .cf-market-head{gap:24px;padding-top:18px}.cf-market-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.cf-market-copy{flex:1}}
@media(max-width:640px){html.classifieds-page .classified-hero{padding-bottom:16px!important}.classified-hero .cf-market-head{flex-direction:column;align-items:stretch;gap:20px;padding:16px 0 8px}.classified-hero .cf-market-copy h1{font-size:29px;line-height:1.45;margin-top:10px}.classified-hero .cf-market-copy>p{font-size:12px}.cf-market-publish{margin-top:18px}.cf-market-steps{gap:8px}.cf-market-steps li{padding:9px 8px;column-gap:7px}.cf-market-steps b{font-size:10px}.cf-market-submit{width:100%;min-height:56px;display:flex;justify-content:center;gap:10px;border-radius:16px;box-shadow:0 10px 24px #ff65081c}.cf-market-submit>i{font-size:25px}}
@media(prefers-reduced-motion:reduce){.cf-market-submit{transition:none}}

/* Keep these rules attached to the form when sticky search moves it into body. */
#cf-form.classified-search{display:grid;grid-template-columns:minmax(0,1fr) auto auto!important;align-items:center;gap:7px;width:100%!important;max-width:none!important;min-height:66px;margin:0!important;padding:7px 10px;border:1px solid #ffd1b5;border-radius:19px;background:#fff;box-shadow:0 12px 28px rgba(255,101,8,.07);box-sizing:border-box;backdrop-filter:none}
#cf-form:not(.cf-search-stuck)::before{content:none}
#cf-form .search-query{display:grid;grid-template-columns:40px minmax(0,1fr) 30px;align-items:center;gap:0;min-width:0;height:50px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
#cf-form .search-query>i{display:grid;place-items:center;color:#ff6508;font-size:29px}
#cf-form .search-query input{display:block;width:100%;min-width:0;height:100%;padding:0 4px;border:0;outline:0;background:transparent;color:#344054;font-size:16px;font-weight:600;text-align:right;box-shadow:none}
#cf-form .search-query input::placeholder{color:#8d8d8d;opacity:1}
#cf-form .cf-search-reset{width:28px!important;min-width:28px!important;height:30px!important;padding:0!important;background:transparent!important;color:#98a2b3!important;box-shadow:none!important}
#cf-form .cf-search-reset:disabled{visibility:hidden}
#cf-form>.cf-filter-toggle{display:grid!important;place-items:center;width:44px;min-width:44px;height:44px;padding:0;border:1px solid #ffd0b3;border-radius:13px;background:#fff4ec!important;color:#e95b0a!important;box-shadow:none!important}
#cf-form>.cf-filter-toggle i{font-size:23px}
#cf-form>button[type=submit]{display:flex;align-items:center;justify-content:center;gap:5px;width:88px;min-width:88px;height:50px;padding:0;border:0;border-radius:14px;background:linear-gradient(145deg,#ff772d,#ff6417);color:#fff;box-shadow:0 9px 19px rgba(255,101,8,.18);font-size:13px;font-weight:900}
#cf-form>button[type=submit] i{font-size:28px}
#cf-form>button[type=submit] span{display:inline}
#cf-form button{cursor:pointer}
#cf-form button:focus-visible{outline:2px solid #ff6508;outline-offset:3px}
#cf-form .search-query:focus-within{border-radius:10px;box-shadow:inset 0 0 0 2px #ff650833}
html.dark #cf-form.classified-search{border-color:#68432e;background:#101d2a;box-shadow:0 12px 28px #0003}
html.dark #cf-form .search-query input{color:#e2e8f0}
html.dark #cf-form .search-query input::placeholder{color:#94a3b8}
html.dark #cf-form>.cf-filter-toggle{border-color:#70432b;background:#39281f!important;color:#ffac79!important}
html.dark body.classifieds-page #cf-form.cf-search-stuck::before{background:rgba(16,29,42,.96)!important;border-color:#26384b!important}
@media(max-width:700px){#cf-form.classified-search{min-height:58px;padding:6px;gap:7px}#cf-form .search-query{height:44px;grid-template-columns:28px minmax(0,1fr) 24px}#cf-form .search-query>i{font-size:23px}#cf-form .search-query input{height:44px;padding:0 3px;font-size:12px}#cf-form .cf-search-reset{width:24px!important;min-width:24px!important}#cf-form>button[type=submit],#cf-form>.cf-filter-toggle{display:grid!important;place-items:center;width:44px;min-width:44px;height:44px;padding:0;border-radius:13px}#cf-form>button[type=submit] i,#cf-form>.cf-filter-toggle i{font-size:22px}#cf-form>button[type=submit] span{display:none}}
body.classifieds-page #cf-form.cf-search-stuck{width:min(79rem,calc(100% - 36px))!important}
@media(max-width:800px){body.classifieds-page #cf-form.cf-search-stuck{width:calc(100% - 16px)!important}}