:root{
    --navy:#06183f;
    --orange:#ff4a1f;
    --text:#0f172a;
    --muted:#667085;
    --line:#e6eaf0;
    --site-max:1540px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;overflow-x:hidden;font-family:"Inter",Arial,sans-serif;color:var(--text);background:#f5f6f9}
a{text-decoration:none;color:inherit}
button,input{font:inherit}
h1,h2,h3,.brand{font-family:"Poppins",sans-serif}
.site-header,.hero,.categories-section,.section-shell,.lower-grid{width:min(calc(100% - 28px),var(--site-max));margin-left:auto;margin-right:auto}
.site-header{
    min-height:76px;display:grid;grid-template-columns:auto auto minmax(300px,1fr) auto auto;align-items:center;gap:18px;
    padding:11px 18px;background:#fff;border:1px solid #edf0f4;border-top:0;border-radius:0 0 18px 18px;position:relative;z-index:20
}
.brand{display:flex;flex-direction:column;line-height:.85;min-width:max-content}
.brand div{font-size:31px;font-weight:800;letter-spacing:-1.7px}
.brand span{color:#071737}.brand b{color:var(--orange)}
.brand small{font-family:"Inter",sans-serif;font-size:10px;font-weight:800;margin:6px 0 0 20px;color:#071737}
.location-pill{height:45px;border:1px solid #dfe4ec;background:#fff;border-radius:14px;padding:0 14px;display:flex;align-items:center;gap:9px;color:#101828;font-weight:700;cursor:pointer}
.location-pill .fa-location-dot{color:#ff3b30}.location-pill .fa-chevron-down{font-size:11px}
.search-bar{height:47px;border:1px solid #dfe4ec;border-radius:14px;display:flex;align-items:center;overflow:hidden;background:#fff;min-width:0}
.search-bar>i{margin-left:15px;color:#98a2b3}
.search-bar input{width:100%;min-width:0;border:0;outline:0;padding:0 13px;color:#344054}
.search-bar button{width:55px;height:100%;border:0;background:var(--navy);color:#fff;cursor:pointer}
.desktop-nav{display:flex;align-items:center;gap:16px;white-space:nowrap}
.desktop-nav a{font-size:12.5px;font-weight:700;color:#111827}
.desktop-nav i{margin-right:5px}.profile-link{font-size:23px!important}
.sell-button{min-height:45px;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 18px;background:linear-gradient(135deg,#ff5a2d,#ff3d16);color:#fff;font-weight:800;border-radius:13px;white-space:nowrap}
.mobile-menu-btn{display:none;border:0;background:transparent;font-size:22px;color:var(--navy)}

.hero{
    margin-top:12px;display:grid;grid-template-columns:minmax(390px,1.05fr) minmax(520px,1.08fr) minmax(330px,.82fr);
    align-items:stretch;min-height:390px;overflow:hidden;
    background:radial-gradient(circle at 18% 10%,#edf3ff 0,transparent 42%),radial-gradient(circle at 79% 0,#fff0e7 0,transparent 34%),linear-gradient(135deg,#fbfcff,#fff9f6);
    border:1px solid #edf0f4;border-radius:22px
}
.hero-copy{padding:36px 14px 31px 32px;display:flex;flex-direction:column;justify-content:center;min-width:0;position:relative;z-index:2}
.free-badge{display:inline-flex;width:max-content;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;background:#e6f7ed;color:#187443;font-size:12px;font-weight:800}
.hero h1{margin:17px 0 12px;font-size:clamp(48px,3.7vw,66px);line-height:.96;letter-spacing:-3.5px;color:var(--navy)}
.hero h1 span{color:var(--orange)}
.hero-copy>p{margin:0;font-size:15px;line-height:1.55;color:#344054}
.hero-actions{display:flex;gap:13px;margin-top:21px}
.primary-btn,.secondary-btn{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 21px;border-radius:13px;font-weight:800}
.primary-btn{background:linear-gradient(135deg,#ff5b2e,#ff3d16);color:#fff}
.secondary-btn{background:#fff;border:1px solid #dfe4ec;color:var(--navy)}
.trust-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:22px;font-size:11px;color:#344054;max-width:500px}
.trust-row span{display:flex;align-items:center;gap:6px;white-space:nowrap}
.trust-row i{color:#12a563}

.hero-visual{
    min-width:0;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:0 8px 0 0
}
.hero-visual img{
    display:block;width:100%;height:auto;max-height:350px;object-fit:contain;object-position:center
}

.steps-card{
    margin:18px 18px 18px 8px;padding:20px 19px;border:1px solid rgba(255,255,255,.95);border-radius:20px;background:rgba(255,255,255,.94);
    box-shadow:0 14px 32px rgba(27,44,84,.07);align-self:center;min-width:0
}
.steps-card h2{margin:0 0 10px;font-size:20px;color:var(--navy)}
.step{display:grid;grid-template-columns:31px 36px minmax(0,1fr);align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #edf0f4}
.step:last-child{border-bottom:0}
.step-no{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#fff0eb;color:var(--orange);font-size:12px;font-weight:800}
.step>i{font-size:21px;color:#2767ff;text-align:center}.step:nth-of-type(3)>i{color:#7c3aed}.step:nth-of-type(4)>i{color:#ff4a1f}
.step div{display:flex;flex-direction:column;min-width:0}
.step strong{font-size:12.5px;line-height:1.3}
.step small{margin-top:3px;color:var(--muted);font-size:10.5px;line-height:1.3}

.categories-section{margin-top:12px;padding:14px;background:#fff;border:1px solid #edf0f4;border-radius:18px}
.categories-grid{display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:8px;width:100%}
.category-card{min-width:0;min-height:88px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(#fff,#fbfcff);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:8px 3px;transition:.18s ease}
.category-card:first-child{border-color:#7ba0ff;background:#f5f8ff}
.category-card:hover{transform:translateY(-2px);border-color:#bcc8d8}
.category-icon{width:36px;height:36px;display:grid;place-items:center;font-size:21px;color:#163c85}
.category-card:nth-child(2) .category-icon{color:#3b82f6}.category-card:nth-child(5) .category-icon{color:#dc2626}.category-card:nth-child(6) .category-icon{color:#111827}.category-card:nth-child(7) .category-icon{color:#b45309}.category-card:nth-child(9) .category-icon{color:#16a34a}
.category-card strong{font-size:10px;line-height:1.18;text-align:center;color:#202939;min-width:0}

.section-shell{margin-top:12px;padding:12px 14px 14px;background:#fff;border:1px solid #edf0f4;border-radius:18px}
.section-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:4px 0 12px}
.section-heading h2{margin:0;font-size:20px;color:var(--navy)} .section-heading h2>i{color:#ff7a00;margin-right:6px}
.section-heading a{font-size:12px;font-weight:700;color:#1769ff}
.market-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px}
.listing-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#fff;transition:.18s}
.listing-card:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(16,24,40,.07)}
.listing-image{height:165px;position:relative;background:#f4f5f7}
.listing-image img{width:100%;height:100%;object-fit:cover;display:block}
.listing-image button{position:absolute;right:9px;top:9px;width:34px;height:34px;border:0;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.95);color:#344054;font-size:16px;cursor:pointer}
.listing-badge{position:absolute;left:8px;bottom:8px;padding:5px 7px;border-radius:999px;background:#e7fff1;color:#0b7b48;font-size:9px;font-weight:800}
.listing-body{padding:10px 11px 11px}
.listing-body h3{margin:0 0 6px;font-family:"Inter",sans-serif;font-size:12.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.price{font-size:17px;font-weight:800;color:#111827}
.listing-body p{margin:5px 0 0;font-size:10px;color:#667085}
.listing-body p i{width:13px;color:#98a2b3}

.lower-grid{margin-top:12px;margin-bottom:14px;display:grid;grid-template-columns:1.45fr 1.1fr 1fr;gap:12px;padding:0}
.request-panel,.dealer-panel,.instant-panel{min-width:0;border-radius:18px}
.request-panel{padding:14px;background:#fff;border:1px solid #edf0f4}
.compact{margin:0 0 10px}.compact h2 span{font-weight:700}
.request-list{display:grid;gap:8px}
.request-card{display:grid;grid-template-columns:42px 1fr auto;gap:11px;align-items:center;padding:10px;border:1px solid #f3e5eb;border-radius:13px;background:linear-gradient(90deg,#fff7fb,#fff5f0)}
.request-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:#fff;color:#315fd1;font-size:20px}
.request-copy{display:flex;flex-direction:column;min-width:0}
.request-copy strong{font-size:12px}.request-copy small{font-size:10px;color:#667085;margin-top:2px}.request-copy .interest{margin-top:4px;color:#9a3412}
.request-card button{border:1px solid #ff9c82;background:#fff;color:#ef4b23;border-radius:9px;padding:8px 11px;font-weight:800;font-size:10.5px;cursor:pointer}

.dealer-panel{padding:15px;color:#fff;background:radial-gradient(circle at 30% 0,rgba(255,255,255,.08),transparent 30%),linear-gradient(135deg,#0a1c2c,#0d2c45)}
.dealer-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px}
.dealer-top h2{margin:0;font-size:18px;color:#fff}.dealer-top h2 i{color:#2b7fff}
.dealer-top p{margin:3px 0 0;color:#cbd5e1;font-size:10px}
.dealer-top>a{padding:8px 10px;border:1px solid rgba(255,255,255,.16);border-radius:10px;font-size:10px;font-weight:700;white-space:nowrap}
.dealer-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.dealer-card{min-width:0;display:flex;align-items:center;gap:9px;padding:9px;border-radius:11px;background:#fff;color:#111827}
.dealer-logo{flex:0 0 38px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#0d2437;color:#fff;font-weight:800}
.dealer-card>div:last-child{display:flex;flex-direction:column;min-width:0}
.dealer-card strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dealer-card small{margin-top:3px;font-size:9px;color:#667085;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.instant-panel{padding:17px;display:flex;align-items:center;justify-content:space-between;gap:12px;overflow:hidden;background:linear-gradient(135deg,#fff3ed,#ffedf7)}
.instant-tag{display:inline-block;padding:5px 8px;border-radius:999px;background:#ff2d68;color:#fff;font-size:9px;font-weight:800}
.instant-panel h2{margin:8px 0 3px;font-size:24px;color:var(--navy)}
.instant-panel p{margin:0 0 12px;font-size:11px;color:#475467}
.instant-panel a{display:inline-flex;align-items:center;gap:7px;padding:9px 11px;border-radius:9px;background:var(--navy);color:#fff;font-size:10px;font-weight:800}
.offer-stack{display:flex;flex-direction:column;gap:6px;min-width:108px}
.offer-stack span{padding:7px 8px;border-radius:9px;background:#fff;box-shadow:0 6px 15px rgba(0,0,0,.05)}
.offer-stack small{display:block;font-size:8.5px;color:#667085}
.offer-stack b{display:block;margin-top:2px;font-size:11px}

.site-footer{width:100%;background:#071827;color:#d9e1ea}
.footer-main,.footer-bottom{width:min(calc(100% - 28px),var(--site-max));margin-left:auto;margin-right:auto}
.footer-main{display:grid;grid-template-columns:1.45fr .7fr .7fr .8fr 1.15fr;gap:34px;padding:38px 18px 28px}
.footer-brand p{max-width:310px;margin:16px 0 18px;color:#9fb0c0;font-size:12px;line-height:1.6}
.footer-logo div{font-size:30px}.footer-logo span{color:#fff}.footer-logo small{color:#fff}
.footer-main>div:not(.footer-brand):not(.footer-cta){display:flex;flex-direction:column;gap:9px}
.footer-main h3{margin:0 0 5px;color:#fff;font-size:14px}
.footer-main a{font-size:11.5px;color:#b8c5d1}.footer-main a:hover{color:#fff}
.social-links{display:flex;gap:9px}
.social-links a{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);color:#fff}
.footer-cta{padding:16px;border-radius:15px;background:linear-gradient(135deg,rgba(255,84,43,.18),rgba(38,103,255,.16));border:1px solid rgba(255,255,255,.09)}
.footer-cta span{font-size:9px;font-weight:800;color:#8cf0ba}
.footer-cta h3{font-size:18px;margin:6px 0 12px}
.footer-cta a{display:inline-flex;align-items:center;gap:6px;padding:10px 12px;border-radius:9px;background:var(--orange);color:#fff;font-weight:800}
.footer-bottom{min-height:48px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.08);color:#8293a4;font-size:10px}
.mobile-bottom-nav,.mobile-drawer{display:none}

@media(max-width:1380px){
    .site-header{grid-template-columns:auto auto minmax(260px,1fr) auto}
    .desktop-nav a:nth-child(1),.desktop-nav a:nth-child(3){display:none}
    .hero{grid-template-columns:minmax(330px,.95fr) minmax(380px,1.03fr) minmax(290px,.78fr)}
    .hero h1{font-size:52px}
    .categories-grid{grid-template-columns:repeat(7,1fr)}
    .market-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:1020px){
    body{padding-bottom:68px}
    .site-header{grid-template-columns:auto 1fr auto;padding:10px 14px}
    .location-pill{justify-self:start}
    .search-bar{grid-column:1/-1;grid-row:2}
    .desktop-nav,.sell-button{display:none}
    .mobile-menu-btn{display:block;justify-self:end}
    .hero{grid-template-columns:1fr 1fr}
    .hero-copy{padding:28px 0 24px 20px}
    .hero h1{font-size:46px}
    .hero-visual img{max-height:310px}
    .steps-card{grid-column:1/-1;margin:0 16px 16px;display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
    .steps-card h2{grid-column:1/-1}
    .step{grid-template-columns:30px 30px 1fr;border:1px solid #edf0f4;border-radius:12px;padding:10px}
    .categories-grid{grid-template-columns:repeat(7,1fr)}
    .market-grid{grid-template-columns:repeat(3,1fr)}
    .lower-grid{grid-template-columns:1fr 1fr}
    .instant-panel{grid-column:1/-1}
    .footer-main{grid-template-columns:1.2fr 1fr 1fr}
    .footer-cta{grid-column:1/-1}
    .mobile-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:60;min-height:64px;display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border-top:1px solid #e6e9ef;padding-bottom:env(safe-area-inset-bottom)}
    .mobile-bottom-nav a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;color:#667085;font-size:17px}
    .mobile-bottom-nav span{font-size:9.5px;font-weight:700}
    .mobile-bottom-nav .active{color:var(--navy)}
    .mobile-bottom-nav .mobile-sell{width:56px;height:56px;margin:-12px auto 0;border-radius:50%;background:var(--orange);color:#fff;box-shadow:0 8px 20px rgba(255,74,31,.28)}
    .mobile-drawer{position:fixed;inset:0 0 0 auto;width:min(82vw,340px);z-index:100;padding:20px;background:#fff;box-shadow:-18px 0 45px rgba(0,0,0,.15);flex-direction:column;gap:16px}
    .mobile-drawer.open{display:flex}
    .mobile-drawer button{align-self:flex-end;width:40px;height:40px;border:0;border-radius:50%;background:#f2f4f7;font-size:20px}
    .mobile-drawer a{padding:9px 0;border-bottom:1px solid #eee;font-weight:700}
}
@media(max-width:720px){
    .site-header,.hero,.categories-section,.section-shell,.lower-grid{width:min(calc(100% - 16px),var(--site-max))}
    .brand div{font-size:25px}
    .location-pill{height:40px;padding:0 10px;font-size:12px}
    .search-bar{height:44px}
    .hero{grid-template-columns:1fr;border-radius:16px}
    .hero-copy{padding:25px 17px 16px}
    .hero h1{font-size:40px;letter-spacing:-2.5px}
    .hero-copy>p{font-size:14px}
    .hero-actions{flex-direction:column}
    .primary-btn,.secondary-btn{width:100%}
    .hero-visual{padding:0 10px 8px}
    .hero-visual img{width:100%;height:auto;max-height:none;border-radius:14px}
    .steps-card{display:block;margin:10px 12px 14px}
    .step{border:0;border-bottom:1px solid #edf0f4;border-radius:0}
    .categories-section{padding:10px}
    .categories-grid{grid-template-columns:repeat(4,1fr);gap:7px}
    .category-card{min-height:80px}
    .section-shell{padding:10px}
    .section-heading h2{font-size:18px}
    .market-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
    .listing-image{height:130px}
    .listing-body{padding:9px}
    .listing-body h3{font-size:11.5px}
    .price{font-size:15px}
    .lower-grid{grid-template-columns:1fr}
    .request-card{grid-template-columns:38px 1fr}
    .request-card button{grid-column:2;width:max-content}
    .dealer-grid{grid-template-columns:1fr}
    .instant-panel{align-items:flex-start}
    .offer-stack{display:none}
    .footer-main{grid-template-columns:1fr 1fr;padding:28px 8px 20px;gap:24px}
    .footer-brand{grid-column:1/-1}
    .footer-cta{grid-column:1/-1}
    .footer-bottom{padding:12px 8px;align-items:flex-start;flex-direction:column;gap:4px}
}
@media(max-width:420px){
    .categories-grid{grid-template-columns:repeat(3,1fr)}
    .market-grid{grid-template-columns:1fr 1fr}
    .listing-image{height:120px}
    .footer-main{grid-template-columns:1fr}
}

/* UPDATE 05 — HERO IMAGE SIZE/CLEANUP */
.hero{
    grid-template-columns:minmax(390px,.98fr) minmax(590px,1.36fr) minmax(330px,.82fr);
    min-height:390px;
}

.hero-copy{
    padding:36px 12px 31px 32px;
}

.hero-visual{
    min-width:0;
    height:100%;
    display:flex;
    align-items:stretch;
    justify-content:center;
    overflow:hidden;
    padding:0;
}

.hero-visual img{
    width:100%;
    height:100%;
    max-height:none;
    object-fit:cover;
    object-position:center center;
    display:block;
}

.steps-card{
    margin:18px 18px 18px 8px;
}

@media(max-width:1380px){
    .hero{
        grid-template-columns:minmax(330px,.92fr) minmax(500px,1.28fr) minmax(285px,.76fr);
    }
}

@media(max-width:1020px){
    .hero{
        grid-template-columns:1fr 1fr;
    }
    .hero-visual{
        min-height:330px;
    }
    .hero-visual img{
        height:330px;
        object-fit:cover;
    }
}

@media(max-width:720px){
    .hero{
        grid-template-columns:1fr;
    }
    .hero-visual{
        height:auto;
        min-height:0;
        padding:0;
    }
    .hero-visual img{
        width:100%;
        height:auto;
        object-fit:contain;
    }
}


/* UPDATE 18 — GLOBAL READABILITY */
body{
    color:#101828;
}

small{
    font-size:12px !important;
    color:#475467 !important;
    line-height:1.45 !important;
}

input,
select,
textarea,
button{
    color:#101828;
}

::placeholder{
    color:#667085 !important;
    opacity:1;
}

/* Homepage readability */
.brand small,
.free-badge,
.hero-copy>p,
.trust-row,
.trust-row span,
.step strong,
.step small,
.category-card strong,
.section-heading a,
.listing-badge,
.listing-body h3,
.listing-body p,
.request-copy strong,
.request-copy small,
.request-copy .interest,
.request-card button,
.dealer-top p,
.dealer-top>a,
.dealer-card strong,
.dealer-card small,
.instant-tag,
.instant-panel p,
.instant-panel a,
.offer-stack small,
.footer-main a,
.footer-brand p,
.footer-main h3,
.footer-cta span,
.footer-bottom{
    font-size:12px !important;
}

.hero-copy>p,
.trust-row,
.step small,
.listing-body p,
.request-copy small,
.dealer-top p,
.dealer-card small,
.instant-panel p,
.offer-stack small,
.footer-brand p,
.footer-main a,
.footer-bottom{
    color:#475467 !important;
}

.footer-main a,
.footer-brand p,
.footer-bottom{
    color:#c4ced8 !important;
}

.listing-badge,
.free-badge,
.instant-tag{
    font-weight:800;
}


/* UPDATE 19 — CANONICAL WEBSITE WIDTH */
:root{
    --site-max:1540px;
}



/* UPDATE 20 — LIVE HOMEPAGE LISTINGS */
.listing-image-link{
    display:block;
    width:100%;
    height:100%;
}
.listing-no-image{
    display:grid;
    place-items:center;
    width:100%;
    height:100%;
    color:#a5afbb;
    font-size:34px;
}
.listing-body h3 a{
    color:inherit;
}
.homepage-empty-listings{
    min-height:220px;
    border:1px solid #e4e8ef;
    border-radius:14px;
    background:#fafbfc;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    text-align:center;
    gap:6px;
}
.homepage-empty-listings>i{
    font-size:30px;
    color:#a5afbb;
}
.homepage-empty-listings strong{
    font-size:14px;
    color:#06183f;
}
.homepage-empty-listings span{
    font-size:12px;
    color:#475467;
}
.homepage-empty-listings a{
    margin-top:5px;
    padding:9px 12px;
    border-radius:9px;
    background:#ff4a1f;
    color:#fff;
    font-size:12px;
    font-weight:800;
}


/* UPDATE 21 — FAVORITE BUTTON STATES */
.listing-image .favorite-toggle{
    position:absolute;
    top:9px;
    right:9px;
    z-index:3;
}
.favorite-toggle.is-saved{
    color:#ff3f59 !important;
}
.favorite-toggle:disabled{
    opacity:.65;
    cursor:wait;
}
.desktop-nav .active-link{
    color:#ff4a1f;
}


/* UPDATE 22 — MESSAGE NAV BADGE */
.message-nav-link{
    position:relative;
}
.nav-unread{
    min-width:18px;
    height:18px;
    padding:0 5px;
    border-radius:999px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-left:3px;
    background:#ff4a1f;
    color:#fff;
    font-size:10px !important;
    font-weight:800;
    line-height:1;
}


/* UPDATE 23 — LIVE BUYER REQUESTS */
.request-copy strong a{color:inherit}
.request-response-btn{
    border:0;
    border-radius:9px;
    padding:9px 10px;
    background:#06183f;
    color:#fff;
    font-size:12px !important;
    font-weight:800;
    white-space:nowrap;
}
.buyer-request-empty{
    min-height:104px;
    display:grid;
    grid-template-columns:42px minmax(0,1fr) auto;
    gap:11px;
    align-items:center;
    padding:14px;
    border:1px dashed #d8dee8;
    border-radius:12px;
    background:#fafbfc;
}
.buyer-request-empty>i{
    width:42px;height:42px;border-radius:11px;
    display:grid;place-items:center;
    background:#eef3ff;color:#315cc9;
}
.buyer-request-empty>div{display:flex;flex-direction:column}
.buyer-request-empty strong{font-size:12px;color:#06183f}
.buyer-request-empty small{margin-top:3px;font-size:12px !important;color:#475467 !important}
.buyer-request-empty>a{
    padding:9px 11px;border-radius:9px;background:#ff4a1f;color:#fff;font-size:12px;font-weight:800;
}
@media(max-width:680px){
    .buyer-request-empty{grid-template-columns:42px 1fr}
    .buyer-request-empty>a{grid-column:1/-1;text-align:center}
}


/* UPDATE 24 — NOTIFICATION BELL */
.notification-nav-link{
    position:relative;
    min-width:30px;
    justify-content:center;
}
.notification-badge{
    position:absolute;
    top:-7px;
    right:-8px;
    min-width:18px;
    height:18px;
    padding:0 5px;
    border-radius:999px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:#ff4a1f;
    color:#fff;
    font-size:10px !important;
    font-weight:800;
    line-height:1;
    border:2px solid #fff;
}


/* UPDATE 25 — PROFESSIONAL TOP NAV */
.site-header .desktop-nav{gap:15px}
.site-header .desktop-nav>.notification-nav-link{width:38px;height:38px;display:grid;place-items:center;border:1px solid #e1e6ed;border-radius:50%;background:#fff}
.site-header .desktop-nav>.notification-nav-link i{font-size:18px}
.site-header .desktop-nav>.notification-nav-link .notification-badge{top:-7px;right:-7px}
.site-header .top-user-menu{display:block}


/* UPDATE 28A — HOMEPAGE COLOR HOTFIX */
.dealer-top p{
    color:#ffffff !important;
}

.shared-site-footer .footer-cta a,
.site-footer .footer-cta a{
    color:#ffffff !important;
}


/* UPDATE 29 — LIVE VERIFIED DEALERS */
.dealer-card{
    text-decoration:none;
}
.dealer-logo{
    overflow:hidden;
}
.dealer-logo img{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:50%;
}
.dealer-empty{
    min-height:118px;
    display:flex;
    align-items:center;
    gap:11px;
    padding:14px;
    border:1px dashed rgba(255,255,255,.25);
    border-radius:12px;
    color:#fff;
}
.dealer-empty>i{
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:rgba(255,255,255,.12);
}
.dealer-empty>div{
    display:flex;
    flex-direction:column;
}
.dealer-empty strong{
    font-size:12px;
    color:#fff;
}
.dealer-empty small{
    margin-top:3px;
    font-size:12px!important;
    color:#fff!important;
    opacity:.82;
}


/* UPDATE 30 — SELLMARO NOW LIVE STATS */
.instant-panel .offer-stack span b{
    color:#06183f;
    font-size:15px;
}
.instant-panel .offer-stack span small{
    color:#475467!important;
}


/* =========================================================
   UPDATE 31 — MOBILE RESPONSIVE & UI CONSISTENCY
   ========================================================= */
html,body{
    max-width:100%;
    overflow-x:hidden;
}
img,video,svg{
    max-width:100%;
}
@media(max-width:900px){
    input,select,textarea{
        font-size:16px !important;
    }
    button,a{
        -webkit-tap-highlight-color:transparent;
    }
}

@media(max-width:1020px){
    .site-header{
        width:calc(100% - 16px);
        min-height:auto;
        grid-template-columns:auto minmax(0,1fr) auto;
        gap:9px 10px;
        padding:10px 10px 11px;
        border-radius:0 0 15px 15px;
    }
    .brand{grid-column:1;grid-row:1}
    .brand div{font-size:27px}
    .brand small{font-size:9px!important;margin-left:16px}
    .location-pill{
        grid-column:2;
        grid-row:1;
        justify-self:start;
        max-width:100%;
        min-width:0;
        height:39px;
        padding:0 10px;
        overflow:hidden;
    }
    .location-pill span{
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
    }
    .mobile-menu-btn{
        grid-column:3;
        grid-row:1;
        width:40px;
        height:40px;
        display:grid;
        place-items:center;
        border-radius:10px;
        background:#f5f7fa;
    }
    .search-bar{
        grid-column:1/-1;
        grid-row:2;
        width:100%;
        height:44px;
    }
    .hero{
        margin-top:9px;
    }
    .mobile-drawer{
        width:min(88vw,360px);
        padding:18px;
        padding-bottom:calc(18px + env(safe-area-inset-bottom));
        overflow-y:auto;
    }
    .mobile-drawer a{
        min-height:44px;
        display:flex;
        align-items:center;
        font-size:13px;
    }
    .mobile-bottom-nav{
        min-height:62px;
        height:calc(62px + env(safe-area-inset-bottom));
    }
}
@media(max-width:720px){
    body{padding-bottom:calc(64px + env(safe-area-inset-bottom))}
    .site-header,.hero,.categories-section,.section-shell,.lower-grid{
        width:calc(100% - 12px);
    }
    .site-header{
        gap:8px;
        padding-left:8px;
        padding-right:8px;
    }
    .location-pill{
        max-width:150px;
        font-size:11px;
    }
    .hero{
        min-height:0;
        border-radius:15px;
    }
    .hero-copy{
        padding:22px 15px 14px;
    }
    .free-badge{
        font-size:11px;
        padding:6px 9px;
    }
    .hero h1{
        margin:13px 0 9px;
        font-size:clamp(36px,11vw,46px);
        line-height:.98;
        letter-spacing:-2.3px;
    }
    .hero-copy>p{
        font-size:13px;
        line-height:1.55;
    }
    .hero-actions{
        margin-top:16px;
        gap:8px;
    }
    .primary-btn,.secondary-btn{
        min-height:46px;
        padding:0 14px;
        font-size:12px;
    }
    .trust-row{
        gap:8px 12px;
        margin-top:15px;
        font-size:11px;
    }
    .hero-visual{
        padding:0 8px 8px;
    }
    .hero-visual img{
        max-height:310px;
        object-fit:contain;
        border-radius:12px;
    }
    .steps-card{
        margin:5px 8px 10px;
        padding:14px;
        border-radius:14px;
    }
    .steps-card h2{font-size:17px}
    .step{
        grid-template-columns:28px 30px minmax(0,1fr);
        gap:8px;
        padding:9px 0;
    }
    .step strong,.step small{font-size:12px!important}
    .categories-section{padding:8px}
    .categories-grid{
        grid-template-columns:repeat(4,minmax(0,1fr));
        gap:6px;
    }
    .category-card{
        min-height:76px;
        padding:7px 2px;
        gap:5px;
        border-radius:11px;
    }
    .category-icon{
        width:32px;height:32px;font-size:18px;
    }
    .category-card strong{
        font-size:10px!important;
        line-height:1.2;
    }
    .section-shell{
        padding:10px 8px 9px;
        border-radius:14px;
    }
    .section-heading{
        gap:8px;
        margin-bottom:9px;
    }
    .section-heading h2{font-size:17px}
    .section-heading a{font-size:11px!important}
    .market-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:7px;
    }
    .listing-card{border-radius:11px}
    .listing-image{height:135px}
    .listing-image button{
        width:32px;height:32px;right:7px;top:7px;
    }
    .listing-body{padding:8px}
    .listing-body h3{font-size:12px!important;margin-bottom:5px}
    .price{font-size:15px}
    .listing-body p{font-size:11px!important}
    .lower-grid{
        gap:8px;
        margin-top:8px;
    }
    .request-panel,.dealer-panel,.instant-panel{
        border-radius:14px;
    }
    .request-panel,.dealer-panel{padding:12px}
    .request-card{
        grid-template-columns:38px minmax(0,1fr);
        gap:9px;
        padding:9px;
    }
    .request-icon{width:38px;height:38px}
    .request-card .request-response-btn{
        grid-column:2;
        justify-self:start;
        min-height:34px;
        display:inline-flex;
        align-items:center;
    }
    .dealer-top{
        align-items:flex-start;
        flex-direction:column;
    }
    .dealer-top>a{
        align-self:flex-start;
    }
    .dealer-grid{grid-template-columns:1fr 1fr}
    .dealer-card{padding:8px}
    .dealer-card small{font-size:10px!important}
    .instant-panel{
        padding:14px;
        flex-direction:column;
        align-items:stretch;
    }
    .instant-panel h2{font-size:22px}
    .instant-panel a{
        min-height:38px;
        justify-content:center;
        font-size:11px;
    }
    .offer-stack{
        min-width:0;
        width:100%;
        display:grid;
        grid-template-columns:repeat(3,1fr);
        gap:6px;
    }
    .offer-stack span{
        min-width:0;
        padding:8px;
    }
    .offer-stack small{
        font-size:10px!important;
        white-space:normal;
    }
    .offer-stack b{font-size:14px!important}
}
@media(max-width:430px){
    .categories-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
    .listing-image{height:125px}
    .dealer-grid{grid-template-columns:1fr}
    .offer-stack{grid-template-columns:1fr 1fr 1fr}
}


/* UPDATE 32 — MOBILE QA ROUND 2 HARDENING */
@media(max-width:900px){
    main,section,article,aside,header,footer,nav,form,div{
        min-width:0;
    }
    h1,h2,h3,h4,p,span,strong,small,a,label{
        overflow-wrap:anywhere;
    }
    table{
        max-width:100%;
    }
}

@media(max-width:720px){
    .mobile-bottom-nav{
        z-index:300;
    }
    .hero-copy,.hero-visual,.steps-card,
    .market-grid,.lower-grid,
    .request-panel,.dealer-panel,.instant-panel{
        min-width:0;
    }
    .listing-body h3,
    .request-card strong,
    .dealer-card strong{
        overflow-wrap:anywhere;
    }
}


/* UPDATE 36 — METRO LOCATION PICKER + SOLD SAMPLE STARTER ADS */
.location-picker{
    height:44px;
    min-width:178px;
    display:flex;
    align-items:center;
    gap:8px;
    padding:0 11px;
    border:1px solid var(--line);
    border-radius:12px;
    background:#fff;
    color:#344054;
}
.location-picker>i:first-child{color:#ff4a1f}
.location-picker>i:last-child{font-size:10px;color:#667085;pointer-events:none}
.location-picker select{
    min-width:0;
    flex:1;
    height:100%;
    border:0;
    outline:0;
    background:transparent;
    appearance:none;
    color:#344054;
    font:600 12px "Inter",sans-serif;
    cursor:pointer;
}
@media(max-width:1020px){
    .location-picker{
        grid-column:2;
        grid-row:1;
        justify-self:start;
        width:min(165px,100%);
        min-width:0;
        height:39px;
        padding:0 9px;
    }
}
@media(max-width:720px){
    .location-picker{
        max-width:155px;
    }
    .location-picker select{font-size:11px!important}
}


/* UPDATE 38 — HOMEPAGE QA FIXES */
.section-heading a{
    display:inline-flex!important;
    align-items:center!important;
    gap:5px!important;
    flex:0 0 auto!important;
    white-space:nowrap!important;
    line-height:1!important;
}
.section-heading a i{
    display:inline-block!important;
    flex:0 0 auto!important;
    line-height:1!important;
}
.notification-nav-link{
    display:grid!important;
    place-items:center!important;
    line-height:1!important;
}
.notification-nav-link>i{
    display:block!important;
    margin:0!important;
    line-height:1!important;
    transform:none!important;
}
.notification-badge[hidden]{
    display:none!important;
}
@media(max-width:720px){
    .section-heading{
        align-items:center!important;
    }
    .section-heading a{
        min-width:max-content!important;
        white-space:nowrap!important;
    }
}