/* Trade-in landing page (Nov 1, DRAFT – Trade In A approved). Builds on sell-my-car.css + home.css (Hero C search block, Shop by body style). */
.dbti-phone-ph{display:none}
.dbti-hero{background-image:linear-gradient(90deg,rgba(20,18,19,.82) 0%,rgba(20,18,19,.62) 38%,rgba(20,18,19,.12) 62%,rgba(20,18,19,0) 75%),var(--hero)!important;background-position:right center!important}
.dbti-hero .dbsm-hero-in{justify-items:start}
.dbti-hero .dbsm-hero-txt{max-width:560px;align-items:flex-start;text-align:left;justify-self:start}
.dbti-hero .dbsm-points,.dbti-hero .dbsm-hero-btns{justify-content:flex-start}
.dbti-sub{margin:0;font-size:15.5px;line-height:1.55;color:var(--gray-700)}
.dbti-steps{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:980px}
.dbti-steps .dbsm-step img{width:100%;max-width:420px;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:14px;background:var(--gray-200)}
.dbti-ben{width:100%;max-width:1040px;margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.dbti-card{display:flex;flex-direction:column;gap:14px;padding:32px;border-radius:16px;background:var(--color-d);border:1px solid var(--gray-200)}
.dbti-ic{width:48px;height:48px;border-radius:12px;background:var(--icon-box,var(--color-a));color:var(--icon-box-icon,var(--color-d));display:flex;align-items:center;justify-content:center}
.dbti-card h3{margin:0;font-size:22px;font-weight:700;letter-spacing:-.02em;line-height:1.25}
.dbti-card p{margin:0;font-size:15px;line-height:1.6;color:var(--gray-700)}
.dbti-card ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.dbti-card li{display:flex;gap:10px;font-size:14.5px;line-height:1.45}.dbti-card li > span:first-child{flex:none;display:flex;margin-top:1px;color:var(--icon-color,var(--color-a))}
.dbti-shop{padding-top:72px;scroll-margin-top:80px}
.dbti-shop .dbh{background:transparent}
.dbti-shop .dbhc.is-search-only{padding:0!important;background:transparent}
.dbti-shop .dbhc.is-search-only .dbhc-wrap{padding:0 var(--dbsm-side,84px)!important;max-width:1272px;margin:28px auto 0}
.dbti-shop .dbhc.is-search-only .dbhc-form{margin:0!important}
@media (max-width:1023px){.dbti-hero{background-position:72% center!important}.dbti-hero .dbsm-hero-txt{max-width:440px}.dbti-ben{gap:16px}.dbti-card{padding:24px}.dbti-shop{padding-top:56px}.dbti-shop .dbhc.is-search-only .dbhc-wrap{padding:0 32px!important}}
@media (max-width:767px){
.dbti-phone-ph{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:var(--gray-200)}
.dbti-hero{background-image:none!important;background-color:var(--color-c)}
.dbti-hero .dbsm-hero-txt{align-items:center;text-align:center;justify-self:center}
.dbti-hero .dbsm-points,.dbti-hero .dbsm-hero-btns{justify-content:center}
.dbti-steps{grid-template-columns:minmax(0,1fr)!important}.dbti-steps .dbsm-step img{max-width:112px}
.dbti-ben{grid-template-columns:minmax(0,1fr)}.dbti-card{padding:22px 18px}.dbti-card h3{font-size:19px}
.dbti-shop{padding-top:40px}.dbti-shop .dbhc.is-search-only .dbhc-wrap{padding:0 16px!important;margin-top:20px}
}
/* Nov 1 fixes: icon visible (white on the colored box), Shop by body style centered, space before the footer */
.dbti-ic svg{display:block;width:24px;height:24px;color:var(--icon-box-icon,#FFFFFF)!important;stroke:currentColor}
.dbti-shop .dbh-body .dbh-h2{text-align:center}
.dbti-shop .dbh-body .dbh-strip{justify-content:center}
.dbti-shop{padding-bottom:72px}
@media (max-width:1023px){.dbti-shop{padding-bottom:56px}}
@media (max-width:767px){.dbti-shop{padding-bottom:40px}.dbti-shop .dbh-body .dbh-strip{justify-content:flex-start}}
