.car-marketplace-page {
    --car-navy: #11145a;
    --car-deep: #191072;
    --car-purple: #4223d8;
    --car-green: #0db473;
    --car-ink: #161844;
    --car-muted: #68708a;
    --car-line: #e1e5ef;
    --car-soft: #f5f7fc;
    color: var(--car-ink);
    background: #fff;
    font-family: Arial, Helvetica, sans-serif;
    overflow-x: hidden;
}

.car-marketplace-page *,
.car-marketplace-page *::before,
.car-marketplace-page *::after { box-sizing: border-box; }

.car-marketplace-page a { color: inherit; text-decoration: none; }
.car-marketplace-page img { max-width: 100%; }
.car-marketplace-page h1,
.car-marketplace-page h2,
.car-marketplace-page h3 { color: var(--car-ink); font-weight: 700; }
.car-marketplace-page p { color: var(--car-muted); line-height: 1.65; }
.car-marketplace-page :focus-visible { outline: 3px solid #ffba2d; outline-offset: 3px; }
.car-marketplace-page .container { width: min(100% - 40px, 1440px); max-width: 1440px; }
.car-marketplace-page elevenlabs-convai {
    position: fixed;
    z-index: 1030;
    right: 20px;
    bottom: 20px;
}

.car-skip-link {
    position: fixed;
    z-index: 9999;
    top: 8px;
    left: 8px;
    padding: 10px 16px;
    color: #fff !important;
    background: var(--car-navy);
    transform: translateY(-150%);
}
.car-skip-link:focus { transform: none; }

.car-contact-bar { color: #fff; background: linear-gradient(90deg, #171061, #0b0f4d); font-size: 12px; }
.car-contact-bar__items { min-height: 35px; display: flex; align-items: center; gap: 28px; }
.car-contact-bar__items > :nth-child(2) { flex: 1; }
.car-contact-bar a:hover { color: #91f5cd; }
.car-contact-bar i { margin-right: 6px; }

.car-navbar { min-height: 82px; padding: 8px 0; background: #fff; box-shadow: 0 3px 16px rgba(23, 24, 68, .06); }
.car-navbar .navbar-brand img { width: 245px; max-height: 65px; object-fit: contain; }
.car-navbar .navbar-nav { gap: 35px; }
.car-navbar .nav-link { position: relative; color: var(--car-ink); font-weight: 700; padding: 27px 8px 23px; }
.car-navbar .nav-link::after { content: ""; position: absolute; right: 8px; bottom: 13px; left: 8px; height: 2px; background: var(--car-green); transform: scaleX(0); transition: transform .2s; }
.car-navbar .nav-link:hover,
.car-navbar .nav-link.active { color: var(--car-green); }
.car-navbar .nav-link.active::after { transform: scaleX(1); }
.car-login-btn { min-width: 92px; }

.car-btn { min-height: 42px; padding: 10px 20px; border-radius: 9px; border: 1px solid transparent; font-weight: 700; line-height: 1.25; transition: transform .15s, box-shadow .15s, background .15s; }
.car-btn:hover { transform: translateY(-1px); box-shadow: 0 6px 18px rgba(18, 21, 91, .15); }
.car-btn--green { color: #fff !important; background: var(--car-green); }
.car-btn--green:hover { background: #079c63; }
.car-btn--purple { color: #fff !important; background: var(--car-purple); }
.car-btn--purple:hover { background: #3219bc; }
.car-btn--outline { color: var(--car-purple) !important; border-color: var(--car-purple); background: #fff; }
.car-btn--outline:hover { color: #fff !important; background: var(--car-purple); }
.car-btn--light { color: var(--car-ink) !important; background: #fff; }
.car-btn--outline-light { color: #fff !important; border-color: rgba(255, 255, 255, .75); background: transparent; }
.car-btn--outline-light:hover { color: var(--car-navy) !important; background: #fff; }

.car-message-stack { padding-top: 18px; }

.car-login-page { padding: 64px 0; background: linear-gradient(135deg, #f4f6ff, #f5fffb); }
.car-login-layout { width: min(100%, 1180px); min-height: 650px; display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(400px, .92fr); margin: 0 auto; border: 1px solid var(--car-line); border-radius: 24px; background: #fff; box-shadow: 0 24px 60px rgba(17, 20, 90, .13); overflow: hidden; }
.car-login-visual { position: relative; display: flex; align-items: flex-end; padding: 48px; color: #fff; background-image: linear-gradient(180deg, rgba(16, 15, 83, .08), rgba(13, 15, 70, .92)), var(--car-login-image); background-position: 64% center; background-size: cover; }
.car-login-visual__content { position: relative; z-index: 1; max-width: 480px; }
.car-login-visual .car-eyebrow { color: #8ff4ce; }
.car-login-visual h1 { margin: 0 0 16px; color: #fff; font-size: clamp(36px, 4vw, 52px); line-height: 1.05; }
.car-login-visual p { margin: 0 0 24px; color: #e4e7f7; font-size: 16px; }
.car-login-visual ul { display: grid; gap: 13px; margin: 0; padding: 0; list-style: none; font-weight: 700; }
.car-login-visual li { display: flex; align-items: center; gap: 11px; }
.car-login-visual li i { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: var(--car-green); }
.car-login-card { align-self: center; width: 100%; padding: 52px; }
.car-login-card__heading { margin-bottom: 28px; }
.car-login-card__heading .car-eyebrow { margin-bottom: 8px; }
.car-login-card__heading h1 { margin: 0 0 7px; font-size: 36px; }
.car-login-card__heading p { margin: 0; }
.car-login-errors { margin-bottom: 20px; padding: 13px 16px; border: 1px solid #f1b6bb; border-radius: 10px; color: #842029; background: #fff0f1; }
.car-login-errors p { margin: 0; color: inherit; font-size: 14px; }
.car-login-errors p + p { margin-top: 5px; }
.car-login-form { display: grid; gap: 20px; }
.car-login-field label { display: block; margin-bottom: 7px; color: var(--car-ink); font-size: 13px; font-weight: 700; }
.car-login-field .form-control { min-height: 50px; border: 1px solid #d8ddea; border-radius: 9px; color: var(--car-ink); background: #fff; }
.car-login-field .form-control:focus { border-color: var(--car-purple); box-shadow: 0 0 0 3px rgba(66, 35, 216, .12); }
.car-login-password { position: relative; }
.car-login-password .form-control { padding-right: 50px; }
.car-login-password button { position: absolute; top: 50%; right: 6px; width: 40px; height: 40px; padding: 0; border: 0; border-radius: 7px; color: var(--car-muted); background: transparent; transform: translateY(-50%); }
.car-login-password button:hover { color: var(--car-purple); background: #f0edff; }
.car-login-options { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 18px; font-size: 13px; }
.car-login-options > a,
.car-login-register a { color: var(--car-purple); font-weight: 700; }
.car-login-options > a:hover,
.car-login-register a:hover { text-decoration: underline; }
.car-login-remember { display: inline-flex; align-items: center; gap: 8px; cursor: pointer; }
.car-login-remember input { width: 17px; height: 17px; accent-color: var(--car-purple); }
.car-login-submit { width: 100%; min-height: 50px; margin-top: 2px; }
.car-login-register { margin: -3px 0 0; font-size: 13px; text-align: center; }
.car-forgot-password-page .required-star,
.car-reset-status-page .required-star { margin-left: 2px; color: #dc3545; font-weight: 800; }
.car-reset-field-error { margin: 6px 0 0; color: #b42318 !important; font-size: 12px; }

.car-reset-status-page { min-height: 620px; display: grid; place-items: center; padding: 72px 0; background: linear-gradient(135deg, #f4f6ff, #f5fffb); }
.car-reset-status-card { width: min(100%, 720px); margin: 0 auto; padding: 56px; border: 1px solid var(--car-line); border-radius: 24px; background: #fff; box-shadow: 0 24px 60px rgba(17, 20, 90, .13); text-align: center; }
.car-reset-status-card--form { width: min(100%, 620px); text-align: left; }
.car-reset-status-icon { width: 76px; height: 76px; display: grid; place-items: center; margin: 0 auto 24px; border-radius: 50%; color: #fff; background: var(--car-green); font-size: 30px; }
.car-reset-status-icon--error { background: #dc3545; }
.car-reset-status-card h1 { margin: 5px 0 18px; font-size: clamp(34px, 5vw, 48px); }
.car-reset-status-card p { max-width: 590px; margin: 0 auto 12px; }
.car-reset-status-card--form p { margin-left: 0; }
.car-reset-status-card > .car-btn { margin-top: 20px; }
.car-reset-password-form { display: grid; gap: 20px; margin-top: 28px; }

.car-dealer-register-page { padding: 64px 0; background: linear-gradient(135deg, #f4f6ff, #f5fffb); }
.car-dealer-register-layout { width: min(100%, 1240px); display: grid; grid-template-columns: minmax(0, .95fr) minmax(520px, 1.05fr); margin: 0 auto; border: 1px solid var(--car-line); border-radius: 24px; background: #fff; box-shadow: 0 24px 60px rgba(17, 20, 90, .13); overflow: hidden; }
.car-dealer-register-visual { position: relative; display: flex; align-items: flex-end; min-height: 760px; padding: 48px; color: #fff; background-image: linear-gradient(180deg, rgba(16, 15, 83, .08), rgba(13, 15, 70, .94)), var(--car-dealer-image); background-position: 64% center; background-size: cover; }
.car-dealer-register-visual__content { position: relative; z-index: 1; max-width: 470px; }
.car-dealer-register-visual .car-eyebrow { color: #8ff4ce; }
.car-dealer-register-visual h1 { margin: 0 0 16px; color: #fff; font-size: clamp(38px, 4vw, 54px); line-height: 1.05; }
.car-dealer-register-visual p { margin: 0 0 26px; color: #e4e7f7; font-size: 16px; }
.car-dealer-register-visual ul { display: grid; gap: 13px; margin: 0; padding: 0; list-style: none; font-weight: 700; }
.car-dealer-register-visual li { display: flex; align-items: center; gap: 11px; }
.car-dealer-register-visual li i { width: 30px; height: 30px; display: grid; flex: 0 0 30px; place-items: center; border-radius: 50%; color: #fff; background: var(--car-green); }
.car-dealer-register-card { align-self: center; padding: 48px; }
.car-dealer-register-card__heading { margin-bottom: 28px; }
.car-dealer-register-card__heading h2 { margin: 0 0 8px; font-size: 36px; }
.car-dealer-register-card__heading p { margin: 0; }
.car-dealer-register-errors { margin-bottom: 20px; padding: 13px 16px; border: 1px solid #f1b6bb; border-radius: 10px; color: #842029; background: #fff0f1; }
.car-dealer-register-errors p { margin: 0; color: inherit; font-size: 14px; }
.car-dealer-register-errors p + p { margin-top: 5px; }
.car-dealer-register-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.car-dealer-register-field--full { grid-column: 1 / -1; }
.car-dealer-register-field label { display: block; margin-bottom: 7px; color: var(--car-ink); font-size: 13px; font-weight: 700; }
.car-dealer-register-page .required-star { margin-left: 2px; color: #dc3545; font-weight: 800; }
.car-dealer-register-field .form-control,
.car-dealer-register-field .form-select { min-height: 50px; border: 1px solid #d8ddea; border-radius: 9px; color: var(--car-ink); background-color: #fff; }
.car-dealer-register-field .form-control:focus,
.car-dealer-register-field .form-select:focus { border-color: var(--car-purple); box-shadow: 0 0 0 3px rgba(66, 35, 216, .12); }
.car-dealer-register-field__error { margin: 6px 0 0; color: #b42318; font-size: 12px; }
.car-dealer-register-terms { display: grid; grid-template-columns: auto 1fr; align-items: start; gap: 8px; }
.car-dealer-register-terms input { width: 18px; height: 18px; margin-top: 1px; accent-color: var(--car-purple); }
.car-dealer-register-terms label { color: var(--car-ink); font-size: 13px; }
.car-dealer-register-terms .car-dealer-register-field__error { grid-column: 2; }
.car-dealer-register-submit { width: 100%; min-height: 50px; }
.car-dealer-register-submit:disabled { cursor: not-allowed; opacity: .6; }
.car-dealer-register-login { margin: -5px 0 0; font-size: 13px; text-align: center; }
.car-dealer-register-login a { color: var(--car-purple); font-weight: 700; }
.car-dealer-register-login a:hover { text-decoration: underline; }

.car-dealer-pending-page { min-height: 620px; display: grid; place-items: center; padding: 72px 0; background: linear-gradient(135deg, #f4f6ff, #f5fffb); }
.car-dealer-pending-card { width: min(100%, 720px); margin: 0 auto; padding: 56px; border: 1px solid var(--car-line); border-radius: 24px; background: #fff; box-shadow: 0 24px 60px rgba(17, 20, 90, .13); text-align: center; }
.car-dealer-pending-icon { width: 76px; height: 76px; display: grid; place-items: center; margin: 0 auto 24px; border-radius: 50%; color: #fff; background: var(--car-green); font-size: 30px; }
.car-dealer-pending-card h1 { margin: 5px 0 18px; font-size: clamp(34px, 5vw, 48px); }
.car-dealer-pending-card p { max-width: 590px; margin: 0 auto 12px; }
.car-dealer-pending-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 30px; }

.car-hero {
    position: relative;
    min-height: 365px;
    padding: 48px 0 86px;
    background-color: #f6f7fc;
    background-image:
        linear-gradient(90deg, rgba(248, 250, 255, .98) 0%, rgba(248, 250, 255, .9) 29%, rgba(248, 250, 255, .18) 53%, rgba(248, 250, 255, 0) 72%),
        var(--car-hero-image);
    background-position: center;
    background-size: cover;
    overflow: hidden;
}
.car-hero::after { content: ""; position: absolute; right: -8%; bottom: -205px; width: 65%; height: 250px; border-radius: 50%; background: rgba(255,255,255,.72); transform: rotate(-4deg); }
.car-hero .container { position: relative; z-index: 1; }
.car-eyebrow { display: inline-block; margin-bottom: 12px; color: var(--car-purple); font-size: 13px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.car-hero__copy { max-width: 540px; }
.car-hero h1 { max-width: 520px; margin-bottom: 16px; font-size: clamp(42px, 3.7vw, 60px); line-height: 1.02; letter-spacing: -.035em; }
.car-hero h1 span { color: var(--car-purple); }
.car-hero__lead { max-width: 510px; margin-bottom: 0; font-size: 16px; }
.car-hero__benefits { display: flex; flex-wrap: wrap; gap: 25px; margin: 23px 0 0; padding: 0; list-style: none; color: #313652; font-size: 13px; font-weight: 700; }
.car-hero__benefits i { margin-right: 7px; color: var(--car-green); font-size: 17px; }
.car-hero__count { position: absolute; z-index: 2; top: -12px; right: 25px; display: flex; align-items: center; gap: 14px; min-width: 210px; padding: 15px 22px; border: 1px solid rgba(255,255,255,.7); border-radius: 13px; background: rgba(255,255,255,.94); box-shadow: 0 10px 28px rgba(25, 25, 70, .13); font-size: 12px; text-transform: capitalize; }
.car-hero__count > i { color: var(--car-navy); font-size: 30px; }
.car-hero__count span { color: var(--car-muted); }
.car-hero__count strong { display: block; color: var(--car-purple); font-size: 18px; }
.car-hero--compact { min-height: 245px; padding-top: 42px; padding-bottom: 75px; }
.car-hero--compact h1 { margin-bottom: 10px; font-size: clamp(38px, 3.2vw, 52px); }

.car-filter-wrap { position: relative; z-index: 3; margin-top: -44px; }
.car-search-panel { width: 75%; margin: 0 auto; padding: 15px 18px 10px; border: 1px solid rgba(255,255,255,.16); border-radius: 14px; color: #fff; background: linear-gradient(110deg, #151060, #281595); box-shadow: 0 13px 30px rgba(24, 18, 95, .25); }
.car-search-panel__controls { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 11px; }
.car-search-panel .form-control { min-height: 48px; border: 0; border-radius: 8px; color: #343650; background-color: #fff; font-size: 14px; }
.car-search-panel .car-btn { min-width: 170px; }
.car-search-panel > p { margin: 7px 0 0; color: #dfe0f7; font-size: 11px; }
.car-input-icon { position: relative; }
.car-input-icon .form-control { padding-right: 35px; }
.car-input-icon i { position: absolute; top: 17px; right: 14px; color: var(--car-muted); }
.car-reset-link { grid-column: 1 / -1; justify-self: end; margin-top: -2px; color: #e8e8fa !important; font-size: 11px; }
.car-reset-link:hover { color: #fff !important; text-decoration: underline; }

.car-listing-section { padding: 38px 0 48px; background: #fff; }
.car-section-heading { display: flex; align-items: end; justify-content: space-between; margin-bottom: 22px; }
.car-section-heading h2 { margin: 0 0 3px; font-size: 25px; }
.car-section-heading p { margin: 0; font-size: 13px; }
.car-section-heading--center { display: block; text-align: center; }

.car-card { display: flex; flex-direction: column; border: 1px solid #dfe3ed; border-radius: 13px; background: #fff; box-shadow: 0 7px 20px rgba(20, 25, 75, .055); overflow: hidden; transition: transform .2s, box-shadow .2s; }
.car-card:hover { transform: translateY(-4px); box-shadow: 0 14px 28px rgba(20, 25, 75, .11); }
.car-card__image { position: relative; height: 185px; overflow: hidden; background: #edf0f7; }
.car-card__image img { width: 100%; height: 100%; object-fit: cover; transition: transform .25s; }
.car-card:hover .car-card__image img { transform: scale(1.025); }
.car-card__image-fallback { width: 100%; height: 100%; display: grid; place-items: center; color: #abb3c7; font-size: 66px; }
.car-status { position: absolute; top: 10px; left: 10px; padding: 5px 10px; border-radius: 999px; color: #fff; background: #56627b; font-size: 10px; font-weight: 800; }
.car-status--active { color: #087044; background: #c9f4df; }
.car-status--pending { background: #ed791f; }
.car-status--reserved { color: #1558a7; background: #cae8ff; }
.car-status--sold { background: #6d647c; }
.car-marketplace-page .car-card__sold-ribbon {
    position: absolute;
    z-index: 5;
    top: 61%;
    left: 30%;
    width: 100%;
    padding: 8px 0;
    color: #fff;
    background: #e60012;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .2);
    font-size: 26px;
    font-weight: 800;
    letter-spacing: 1px;
    text-align: center;
    transform: rotate(-31deg);
    pointer-events: none;
}
.car-card__body { flex: 1; display: flex; flex-direction: column; padding: 14px; }
.car-card h3 { min-height: 23px; margin: 0 0 11px; font-size: 16px; line-height: 1.35; overflow-wrap: anywhere; word-break: break-word; }
.car-card h3 a { overflow-wrap: inherit; word-break: inherit; }
.car-card__price-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 5px; }
.car-card__price-row > div { min-width: 0; overflow-wrap: anywhere; }
.car-card__price-label { display: block; color: var(--car-muted); font-size: 9px; text-transform: uppercase; }
.car-card__price-row strong { color: var(--car-green); font-size: 18px; }
.car-negotiable { padding: 4px 8px; border: 1px solid #f4df91; border-radius: 999px; color: #986f00; background: #fff8d6; font-size: 10px; font-weight: 700; }
.car-card__loan { margin: 0 0 10px; font-size: 11px; }
.car-card__specs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; margin: 0 0 11px; }
.car-card__specs > div { min-width: 0; display: flex; align-items: flex-start; gap: 6px; padding: 7px 8px; border: 1px solid #e8eaf1; border-radius: 7px; font-size: 10px; }
.car-card__specs dt { color: var(--car-navy); }
.car-card__specs dd { min-width: 0; margin: 0; overflow-wrap: anywhere; word-break: break-word; white-space: normal; }
.car-card__specs .car-card__location { grid-column: 1 / -1; }
.car-card__actions { display: grid; grid-template-columns: 1fr 1.2fr; gap: 8px; margin-top: auto; }
.car-card__actions .car-btn { min-height: 35px; padding: 8px 7px; font-size: 10px; }
.car-card__actions .car-card-emi-row { grid-column: 1 / -1; width: 100%; min-width: 0; display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; gap: 12px; min-height: 38px; padding: 5px 9px; border: 1px solid #e8eaf1; border-radius: 7px; background: #fafbff; }
.car-calculate-link { min-height: 28px; flex: 0 0 auto; display: inline-flex; align-items: center; gap: 5px; padding: 2px; border: 0; color: var(--car-purple); background: transparent; font-size: 11px; font-weight: 700; line-height: 1.2; text-align: left; text-decoration: none; white-space: nowrap; }
.car-calculate-link:hover { color: var(--car-navy); text-decoration: underline; }
.car-card-emi-start { min-width: 0; display: inline-flex; flex: 0 0 auto; align-items: center; gap: 4px; margin-left: auto; color: var(--car-muted); font-size: 11px; font-weight: 600; line-height: 1.2; text-align: right; white-space: nowrap; }
.car-card-emi-start strong { color: var(--car-green); font-size: 11px; font-weight: 800; white-space: nowrap; }
.car-view-all { display: flex; justify-content: center; padding-top: 28px; }
.car-view-all .car-btn { min-width: 175px; border-radius: 999px; }
.car-view-all i { margin-left: 8px; }

.car-emi { position: sticky; top: 18px; padding: 21px; border-radius: 14px; color: #fff; background: linear-gradient(160deg, #15155d, #1a2473); box-shadow: 0 14px 30px rgba(18, 23, 87, .18); }
.car-emi h2 { margin-bottom: 4px; color: #fff; font-size: 20px; }
.car-emi > p { margin-bottom: 14px; color: #d9dcf2; font-size: 11px; }
.car-emi label { margin-bottom: 6px; font-size: 12px; font-weight: 700; }
.car-emi .form-control,
.car-emi .form-select { min-height: 43px; border: 0; font-size: 13px; }
.car-emi__error { min-height: 18px; margin: 0; color: #ffc9c9 !important; font-size: 12px; }
.car-emi__result { margin: 9px 0 12px; padding: 14px; border-radius: 10px; color: var(--car-ink); background: #fff; text-align: center; }
.car-emi__result > span { display: block; font-size: 12px; font-weight: 700; }
.car-emi__result > strong { display: block; margin: 5px 0 10px; color: var(--car-green); font-size: 21px; }
.car-emi__result dl { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 0; padding-top: 10px; border-top: 1px solid var(--car-line); }
.car-emi__result dl div { min-width: 0; }
.car-emi__result dt { color: var(--car-muted); font-size: 9px; text-transform: uppercase; }
.car-emi__result dd { margin: 2px 0 0; font-size: 11px; font-weight: 700; overflow-wrap: anywhere; }
.car-emi__buttons { display: grid; grid-template-columns: 1fr auto; gap: 8px; }
.car-emi__buttons .car-btn { padding-inline: 12px; font-size: 12px; }
.car-emi__disclaimer { margin: 14px 0 0 !important; color: #c5cae5 !important; font-size: 10px !important; }

.car-empty-state { min-height: 360px; display: grid; place-items: center; align-content: center; padding: 40px; border: 1px dashed #cbd1df; border-radius: 15px; text-align: center; }
.car-empty-state > i { color: #b4bbcd; font-size: 64px; }
.car-empty-state h3 { margin: 16px 0 3px; }
.car-empty-state p { margin-bottom: 18px; }
.car-pagination { margin-top: 35px; }
.car-pagination .page-link { color: var(--car-purple); }
.car-pagination .active .page-link { border-color: var(--car-purple); background: var(--car-purple); }

.car-feature-strip { padding-bottom: 48px; }
.car-feature-strip .container { border: 1px solid var(--car-line); border-radius: 14px; box-shadow: 0 6px 20px rgba(20,25,75,.04); }
.car-feature-item { min-height: 95px; display: flex; align-items: center; gap: 17px; padding: 18px 22px; border-right: 1px solid var(--car-line); }
.car-feature-strip [class*="col-"]:last-child .car-feature-item { border: 0; }
.car-feature-item > i { width: 46px; flex: 0 0 46px; color: var(--car-navy); font-size: 34px; text-align: center; }
.car-feature-item strong { display: block; margin-bottom: 3px; }
.car-feature-item span { color: var(--car-muted); font-size: 12px; line-height: 1.45; }
.car-how-it-works { padding: 65px 0; background: var(--car-soft); }
.car-steps { display: grid; grid-template-columns: repeat(5, 1fr); gap: 18px; margin: 30px 0 55px; padding: 0; list-style: none; text-align: center; counter-reset: none; }
.car-steps li { position: relative; padding: 22px 12px; border-radius: 12px; background: #fff; }
.car-steps li > span { width: 38px; height: 38px; display: grid; place-items: center; margin: 0 auto 12px; border-radius: 50%; color: #fff; background: var(--car-purple); font-weight: 800; }
.car-steps strong { display: block; }
.car-steps p { margin: 5px 0 0; font-size: 12px; }
.car-cta,
.car-simple-cta .container { display: flex; align-items: center; justify-content: space-between; gap: 25px; padding: 35px; border-radius: 17px; color: #fff; background: linear-gradient(105deg, var(--car-navy), var(--car-purple)); }
.car-cta h2,
.car-simple-cta h2 { color: #fff; }
.car-cta p,
.car-simple-cta p { margin: 0; color: #dadcf4; }
.car-cta > div:last-child { display: flex; flex-wrap: wrap; gap: 9px; }

.car-page-hero { padding: 80px 0; color: #fff; background: radial-gradient(circle at 85% 20%, rgba(107, 82, 255, .65), transparent 30%), linear-gradient(115deg, var(--car-navy), #23117d); text-align: center; }
.car-page-hero .car-eyebrow { color: #85f4c6; }
.car-page-hero h1 { max-width: 800px; margin: 0 auto 18px; color: #fff; font-size: clamp(34px, 4vw, 54px); }
.car-page-hero p { max-width: 700px; margin: auto; color: #e4e5f8; font-size: 18px; }
.car-content-section,
.car-contact-section { padding: 80px 0; }
.car-content-section h2,
.car-contact-section h2 { font-size: 34px; }
.car-about-panel { padding: 40px; border-radius: 18px; background: var(--car-soft); }
.car-about-panel > i { color: var(--car-purple); font-size: 65px; }
.car-about-panel h2 { margin-top: 20px; }
.car-about-panel a { color: var(--car-purple); font-weight: 700; }
.car-values-section { padding: 70px 0; background: var(--car-soft); }
.car-value-card { height: 100%; padding: 30px; border-radius: 15px; background: #fff; box-shadow: 0 8px 22px rgba(20,25,75,.05); text-align: center; }
.car-value-card > i { width: 60px; height: 60px; display: grid; place-items: center; margin: 0 auto 18px; border-radius: 50%; color: #fff; background: var(--car-purple); font-size: 23px; }
.car-value-card h3 { font-size: 20px; }
.car-simple-cta { padding: 60px 0; }
.car-simple-cta .container > div:last-child { flex-shrink: 0; }

.car-contact-list { display: grid; gap: 14px; margin-top: 25px; font-style: normal; }
.car-contact-list > * { display: flex; gap: 15px; padding: 16px; border: 1px solid var(--car-line); border-radius: 11px; background: #fff; }
.car-contact-list i { width: 38px; height: 38px; flex: 0 0 38px; display: grid; place-items: center; border-radius: 50%; color: var(--car-purple); background: #eeebff; }
.car-contact-list span { color: var(--car-muted); overflow-wrap: anywhere; }
.car-contact-list strong { display: block; margin-bottom: 3px; color: var(--car-ink); }
.car-contact-form-panel { padding: 35px; border-radius: 17px; background: var(--car-soft); }
.car-contact-form-panel label { margin-bottom: 6px; font-weight: 700; }
.car-contact-form-panel .form-control,
.car-contact-form-panel .form-select { min-height: 48px; border-color: #d8ddea; border-radius: 8px; background: #fff; }
.car-contact-form-panel textarea.form-control { min-height: 130px; }
.car-contact-form__feedback { min-height: 28px; margin-top: 14px; font-size: 13px; font-weight: 700; }
.car-contact-form__feedback.is-success { color: #08784a; }
.car-contact-form__feedback.is-error { color: #bb2727; }

.car-detail { padding: 42px 0 75px; background: linear-gradient(135deg, #f5f7ff, #f7fffb); }
.car-detail__breadcrumb ol { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 24px; padding: 0; list-style: none; color: var(--car-muted); font-size: 14px; }
.car-detail__breadcrumb li + li::before { content: "/"; margin-right: 8px; color: #a5acc0; }
.car-detail__breadcrumb a { color: var(--car-purple); font-weight: 700; }
.car-detail__heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 24px; }
.car-detail__heading h1 { margin: 0 0 7px; font-size: clamp(30px, 3vw, 44px); }
.car-detail__heading p { margin: 0; }
.car-detail__heading .car-status { position: static; flex: 0 0 auto; padding: 8px 14px; font-size: 12px; }
.car-detail__layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, 380px); gap: 26px; align-items: start; }
.car-detail__main,
.car-detail__aside { display: grid; gap: 22px; }
.car-detail__aside { position: sticky; top: 20px; }
.car-detail-card { padding: 26px; border: 1px solid var(--car-line); border-radius: 17px; background: #fff; box-shadow: 0 12px 30px rgba(17, 20, 90, .07); }
.car-detail-card h2 { margin: 0 0 20px; padding-bottom: 13px; border-bottom: 2px solid #ebe9ff; font-size: 21px; }
.car-detail-card h2 i { margin-right: 7px; color: var(--car-purple); }
.car-detail-gallery { padding: 0; overflow: hidden; }
.car-detail-gallery__main { position: relative; height: clamp(360px, 43vw, 560px); display: grid; place-items: center; background: #e9edf7; }
.car-detail-gallery__main > img { width: 100%; height: 100%; object-fit: cover; }
.car-detail-gallery__fallback { display: grid; justify-items: center; gap: 12px; color: #a9b1c7; font-weight: 700; }
.car-detail-gallery__fallback i { font-size: 100px; }
.car-detail-featured { position: absolute; top: 16px; left: 16px; padding: 8px 13px; border-radius: 999px; color: #563d00; background: #ffe596; font-size: 12px; font-weight: 800; }
.car-detail-gallery__thumbs { display: flex; gap: 10px; padding: 14px; overflow-x: auto; }
.car-detail-gallery__thumbs button { width: 82px; height: 66px; flex: 0 0 82px; padding: 0; border: 2px solid transparent; border-radius: 9px; background: #eef1f8; overflow: hidden; }
.car-detail-gallery__thumbs button.is-active { border-color: var(--car-purple); }
.car-detail-gallery__thumbs img { width: 100%; height: 100%; object-fit: cover; }
.car-detail-specs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 0; }
.car-detail-specs > div { padding: 14px 16px; border: 1px solid #e3e7f1; border-radius: 11px; background: #f8f9fd; }
.car-detail-specs dt { color: var(--car-muted); font-size: 12px; font-weight: 500; }
.car-detail-specs dd { margin: 5px 0 0; color: var(--car-ink); font-size: 16px; font-weight: 800; overflow-wrap: anywhere; }
.car-detail-description { margin: 0; white-space: pre-wrap; }
.car-detail-price > span:first-child { display: block; color: var(--car-muted); font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.car-detail-price > strong { display: block; margin: 7px 0 18px; color: var(--car-green); font-size: clamp(28px, 3vw, 40px); line-height: 1.1; overflow-wrap: anywhere; }
.car-detail-price > p { display: flex; justify-content: space-between; gap: 15px; margin: 0 0 15px; padding: 15px 0; border-top: 1px solid var(--car-line); border-bottom: 1px solid var(--car-line); }
.car-detail-price .car-negotiable { display: inline-block; margin-bottom: 15px; }
.car-detail-price .car-btn,
.car-detail-help .car-btn { width: 100%; margin-top: 9px; }
.car-detail-location address { display: grid; gap: 8px; margin: 0; color: var(--car-ink); font-style: normal; font-weight: 700; }
.car-detail-help p { margin-bottom: 15px; }
.car-detail-disclaimer { margin: 18px 0 0; padding: 12px; border-left: 3px solid var(--car-purple); border-radius: 7px; background: #f5f4ff; font-size: 11px; }
.car-detail-modal .modal-content { border: 0; border-radius: 15px; overflow: hidden; }
.car-detail-modal .modal-header { background: #f6f5ff; }

.car-footer { padding: 55px 0 0; color: #d6d8ec; background: #0e1048; }
.car-footer__logo img { width: 220px; padding: 8px 12px; border-radius: 8px; background: #fff; }
.car-footer p { max-width: 370px; margin-top: 18px; color: #bfc3dd; font-size: 13px; }
.car-footer h2 { color: #fff; font-size: 16px; }
.car-footer ul { margin: 0; padding: 0; list-style: none; }
.car-footer li { margin-bottom: 9px; color: #bfc3dd; font-size: 13px; overflow-wrap: anywhere; }
.car-footer a:hover { color: #85f4c6; }
.car-footer address { color: #bfc3dd; font-size: 13px; line-height: 1.7; overflow-wrap: anywhere; }
.car-footer__bottom { margin-top: 35px; padding: 18px 0; border-top: 1px solid rgba(255,255,255,.12); color: #aeb3d0; font-size: 12px; text-align: center; }

@media (max-width: 1199.98px) {
    .car-contact-bar__items > :nth-child(2) { display: none; }
    .car-contact-bar__items { justify-content: space-between; }
    .car-emi { position: static; margin-top: 12px; }
    .car-feature-item { border-bottom: 1px solid var(--car-line); }
    .car-steps { grid-template-columns: repeat(3, 1fr); }
    .car-detail__layout { grid-template-columns: minmax(0, 1fr) 320px; }
    .car-hero { background-position: 58% center; }
}

@media (max-width: 991.98px) {
    .car-navbar { min-height: 70px; }
    .car-navbar .navbar-brand img { width: 205px; }
    .car-navbar .navbar-collapse { padding: 15px 0 8px; }
    .car-navbar .navbar-nav { gap: 0; }
    .car-navbar .nav-link { padding: 10px 3px; }
    .car-navbar .nav-link::after { display: none; }
    .car-login-btn { margin-top: 8px; }
    .car-login-layout { min-height: 0; grid-template-columns: 1fr; }
    .car-login-visual { display: none; }
    .car-login-card { max-width: 600px; margin: 0 auto; }
    .car-dealer-register-layout { grid-template-columns: 1fr; }
    .car-dealer-register-visual { min-height: 420px; }
    .car-dealer-register-card { max-width: 720px; margin: 0 auto; }
    .car-hero {
        min-height: 625px;
        padding: 38px 0 300px;
        background-image:
            linear-gradient(180deg, rgba(248, 250, 255, .98) 0%, rgba(248, 250, 255, .94) 38%, rgba(248, 250, 255, .1) 61%, rgba(248, 250, 255, 0) 100%),
            var(--car-hero-image);
        background-position: 64% bottom;
        background-size: auto 100%;
        text-align: center;
    }
    .car-hero__copy { max-width: 650px; margin-inline: auto; }
    .car-hero__lead { margin-inline: auto; }
    .car-hero__benefits { justify-content: center; }
    .car-hero__count { top: auto; right: 50%; bottom: -248px; transform: translateX(50%); }
    .car-hero--compact { min-height: 460px; padding-bottom: 235px; }
    .car-hero--compact .car-hero__count { bottom: -190px; }
    .car-cta,
    .car-simple-cta .container { align-items: flex-start; flex-direction: column; }
    .car-detail__layout { grid-template-columns: 1fr; }
    .car-detail__aside { position: static; }
}

@media (max-width: 767.98px) {
    .car-contact-bar { display: none; }
    .car-navbar .navbar-brand img { width: 175px; }
    .car-hero { min-height: 610px; padding: 34px 0 285px; background-position: 62% bottom; }
    .car-hero--compact { min-height: 430px; padding-bottom: 215px; }
    .car-hero--compact .car-hero__count { bottom: -175px; }
    .car-hero h1 { font-size: 38px; }
    .car-hero__lead { font-size: 16px; }
    .car-search-panel__controls { grid-template-columns: 1fr; }
    .car-search-panel__controls .btn { width: 100%; }
    .car-search-panel .car-btn { min-width: 0; }
    .car-search-panel .form-control,
    .car-emi .form-control,
    .car-emi .form-select,
    .car-contact-form-panel .form-control,
    .car-contact-form-panel .form-select,
    .car-detail-modal .form-control,
    .car-detail-modal .form-select { font-size: 16px; }
    .car-btn,
    .car-card__actions .car-btn,
    .car-calculate-link,
    .car-pagination .page-link,
    .car-navbar .navbar-toggler { min-height: 44px; }
    .car-card__actions .car-btn { font-size: 12px; }
    .car-calculate-link { display: flex; align-items: center; justify-content: center; width: 100%; padding: 8px; font-size: 12px; }
    .car-pagination .page-link { min-width: 44px; display: grid; place-items: center; padding: 8px; }
    .car-navbar .navbar-toggler { min-width: 44px; }
    .car-reset-link { min-height: 44px; display: inline-flex; align-items: center; justify-self: center; }
    .car-contact-submit { width: 100%; }
    .car-login-page { padding: 32px 0; }
    .car-login-card { padding: 34px; }
    .car-login-field .form-control { font-size: 16px; }
    .car-reset-status-page { padding: 48px 0 110px; }
    .car-reset-status-card { padding: 42px 30px; }
    .car-reset-password-form .form-control { font-size: 16px; }
    .car-dealer-register-page { padding: 32px 0 100px; }
    .car-dealer-register-visual { display: none; }
    .car-dealer-register-card { padding: 34px; }
    .car-dealer-register-field .form-control,
    .car-dealer-register-field .form-select { font-size: 16px; }
    .car-dealer-pending-page { padding: 48px 0 110px; }
    .car-dealer-pending-card { padding: 42px 30px; }
    .car-footer { padding-bottom: 88px; }
    .car-footer a { min-height: 44px; display: inline-flex; align-items: center; }
    .car-marketplace-page elevenlabs-convai {
        right: max(12px, env(safe-area-inset-right));
        bottom: max(12px, env(safe-area-inset-bottom));
    }
    .car-feature-item { border-right: 0; }
    .car-steps { grid-template-columns: 1fr 1fr; }
    .car-page-hero { padding: 60px 0; }
    .car-content-section,
    .car-contact-section { padding: 55px 0; }
    .car-contact-form-panel { padding: 24px; }
    .car-marketplace-page .car-card__sold-ribbon { padding: 6px 0; font-size: 20px; }
    .car-detail { padding: 30px 0 55px; }
    .car-detail__heading { align-items: flex-start; flex-direction: column; }
    .car-detail-card { padding: 20px; }
    .car-detail-gallery { padding: 0; }
    .car-detail-gallery__main { height: 340px; }
}

@media (max-width: 480px) {
    .car-navbar .container { padding-inline: 14px; }
    .car-navbar .navbar-brand img { width: 155px; }
    .car-login-card { padding: 28px 22px; }
    .car-login-card__heading h1 { font-size: 30px; }
    .car-reset-status-card { padding: 36px 22px; }
    .car-reset-status-card > .car-btn { width: 100%; }
    .car-dealer-register-card { padding: 28px 22px; }
    .car-dealer-register-card__heading h2 { font-size: 30px; }
    .car-dealer-register-form { grid-template-columns: 1fr; }
    .car-dealer-register-field--full { grid-column: auto; }
    .car-dealer-pending-card { padding: 36px 22px; }
    .car-dealer-pending-actions { flex-direction: column; }
    .car-dealer-pending-actions .btn { width: 100%; }
    .car-hero { min-height: 570px; padding-bottom: 250px; background-position: 64% bottom; background-repeat: no-repeat; background-size: auto 88%; }
    .car-hero--compact { min-height: 405px; padding-bottom: 195px; }
    .car-hero--compact .car-hero__count { bottom: -155px; }
    .car-hero h1 { font-size: 34px; }
    .car-hero__benefits { gap: 12px; font-size: 12px; }
    .car-hero__count { bottom: -213px; min-width: 190px; padding: 11px 15px; }
    .car-filter-wrap { padding-inline: 10px; }
    .car-search-panel { padding: 16px; }
    .car-card__actions { grid-template-columns: 1fr; }
    .car-calculate-link { grid-column: auto; }
    .car-steps { grid-template-columns: 1fr; }
    .car-cta { padding: 25px; }
    .car-cta > div:last-child,
    .car-simple-cta .container > div:last-child { width: 100%; }
    .car-cta .btn,
    .car-simple-cta .btn { width: 100%; margin: 4px 0; }
    .car-footer { text-align: center; }
    .car-footer p { margin-inline: auto; }
    .car-marketplace-page .container { width: min(100% - 28px, 1440px); }
    .car-detail-specs { grid-template-columns: 1fr; }
    .car-detail-gallery__main { height: 260px; }
}

@media (max-width: 360px) {
    .car-card__actions .car-card-emi-row { flex-direction: column; align-items: flex-start; gap: 2px; }
    .car-card-emi-start { margin-left: 0; text-align: left; }
}
