:root {
    --kv-accent: #ff3d0a;
    --kv-accent-dark: #e83205;
    --kv-navy: #101621;
    --kv-card: #222936;
    --kv-muted: #98a3b6;
    --kv-text: #202633;
    --kv-line: #e6eaf0;
    --kv-soft: #f0f4fa;
    --kv-white: #ffffff;
    --kv-radius: 15px;
    --kv-shadow: 0 20px 55px rgba(15, 21, 32, .13);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
    margin: 0;
    overflow-x: hidden;
    background: #fff;
    color: var(--kv-text);
    font-family: "Mulish", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 16px;
    line-height: 1.65;
    -webkit-font-smoothing: antialiased;
}
body.menu-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
[hidden] { display: none !important; }

.screen-reader-text {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.kv-container {
    width: min(1680px, calc(100% - 8vw));
    margin-inline: auto;
}

.site-main { min-height: 55vh; }

/* Header */
.site-header {
    position: fixed;
    inset: 0 0 auto 0;
    z-index: 1000;
    color: var(--kv-text);
    background: rgba(255, 255, 255, .98);
    border-bottom: 1px solid rgba(16, 22, 33, .08);
    transition: background .25s ease, box-shadow .25s ease, color .25s ease, border-color .25s ease;
}
.home .site-header:not(.is-scrolled) {
    color: #fff;
    background: transparent;
    border-color: transparent;
}
.site-header.is-scrolled { box-shadow: 0 8px 28px rgba(16, 22, 33, .08); }
.site-header__inner {
    min-height: 86px;
    display: flex;
    align-items: center;
    gap: clamp(26px, 4vw, 76px);
}
.kv-logo {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 11px;
    color: currentColor;
    white-space: nowrap;
}
.kv-logo__icon {
    width: 58px;
    height: 46px;
    fill: currentColor;
}
.kv-logo__accent { fill: var(--kv-accent); }
.kv-logo__text {
    font-size: clamp(21px, 1.8vw, 30px);
    font-weight: 500;
    letter-spacing: -.055em;
    line-height: 1;
}
.kv-logo__text strong { font-weight: 800; }
.kv-logo__text span { color: var(--kv-accent); font-size: .65em; font-weight: 800; letter-spacing: -.025em; }
.custom-logo-link img { max-height: 58px; width: auto; }

.site-navigation { margin-right: auto; }
.kv-menu,
.site-navigation .menu {
    display: flex;
    align-items: center;
    gap: clamp(25px, 3.2vw, 62px);
    padding: 0;
    margin: 0;
    list-style: none;
}
.kv-menu li,
.site-navigation .menu li { position: relative; }
.kv-menu a,
.site-navigation .menu a {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 48px;
    font-weight: 600;
    font-size: 16px;
    transition: color .2s ease;
}
.kv-menu > li.menu-item-has-children > a::after,
.site-navigation .menu > li.menu-item-has-children > a::after {
    content: "⌄";
    color: var(--kv-accent);
    font-size: 18px;
    transform: translateY(-2px);
}
.kv-menu a:hover,
.site-navigation .menu a:hover { color: var(--kv-accent); }
.site-navigation .sub-menu {
    position: absolute;
    top: calc(100% - 2px);
    left: -20px;
    min-width: 210px;
    padding: 12px;
    margin: 0;
    list-style: none;
    color: var(--kv-text);
    background: #fff;
    border-radius: 12px;
    box-shadow: var(--kv-shadow);
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px);
    transition: .2s ease;
}
.site-navigation li:hover > .sub-menu,
.site-navigation li:focus-within > .sub-menu { opacity: 1; visibility: visible; transform: none; }
.site-navigation .sub-menu a { min-height: auto; padding: 9px 10px; width: 100%; }

.site-header__actions {
    display: flex;
    align-items: center;
    gap: 22px;
    white-space: nowrap;
    font-weight: 600;
}
.kv-account-link { display: inline-flex; align-items: center; gap: 11px; }
.kv-account-link svg {
    width: 22px;
    height: 22px;
    fill: none;
    stroke: var(--kv-accent);
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.kv-divider { width: 1px; height: 24px; background: currentColor; opacity: .28; }
.kv-register-link:hover { color: var(--kv-accent); }
.kv-add-listing {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 54px;
    padding: 0 22px;
    border: 1px solid var(--kv-accent);
    border-radius: 6px;
    transition: background .2s ease, color .2s ease;
}
.kv-add-listing span { font-size: 24px; font-weight: 800; line-height: 1; }
.kv-add-listing:hover { color: #fff; background: var(--kv-accent); }
.kv-menu-toggle { display: none; }

/* Buttons and fields */
.kv-primary-button,
.kv-outline-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 60px;
    padding: 0 30px;
    border-radius: 9px;
    font-weight: 700;
    transition: transform .2s ease, background .2s ease, color .2s ease, box-shadow .2s ease;
}
.kv-primary-button {
    color: #fff;
    background: var(--kv-accent);
    border: 0;
}
.kv-primary-button:hover { background: var(--kv-accent-dark); transform: translateY(-2px); box-shadow: 0 12px 25px rgba(255, 61, 10, .22); }
.kv-outline-button { color: #fff; border: 1px solid var(--kv-accent); }
.kv-outline-button:hover { background: var(--kv-accent); transform: translateY(-2px); }
.kv-field {
    width: 100%;
    min-height: 60px;
    padding: 0 22px;
    color: var(--kv-text);
    background: #fff;
    border: 1px solid #e2e7ed;
    border-radius: 11px;
    outline: none;
    transition: border-color .2s ease, box-shadow .2s ease;
}
.kv-field:focus { border-color: var(--kv-accent); box-shadow: 0 0 0 4px rgba(255, 61, 10, .10); }
select.kv-field {
    appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, #121820 50%), linear-gradient(135deg, #121820 50%, transparent 50%);
    background-position: calc(100% - 22px) calc(50% - 3px), calc(100% - 17px) calc(50% - 3px);
    background-size: 5px 5px, 5px 5px;
    background-repeat: no-repeat;
}

/* Hero */
.kv-hero {
    position: relative;
    min-height: 728px;
    overflow: hidden;
    color: #fff;
    background: var(--kv-navy);
}
.kv-hero__inner { position: relative; min-height: 728px; padding-top: 150px; }
.kv-hero__shape {
    position: absolute;
    z-index: 0;
    width: 1050px;
    height: 610px;
    right: 6%;
    bottom: -195px;
    border-radius: 55% 45% 0 0 / 60% 50% 0 0;
    background: #222936;
    transform: rotate(-7deg);
}
.kv-hero__orb { position: absolute; z-index: 0; border-radius: 50%; background: #202733; }
.kv-hero__orb--one { width: 220px; height: 220px; right: 3%; top: 80px; }
.kv-hero__orb--two { width: 66px; height: 66px; left: 5%; bottom: 170px; }
.kv-hero__copy {
    position: relative;
    z-index: 3;
    width: min(610px, 43vw);
    padding-top: 8px;
}
.kv-hero__copy h1 {
    margin: 0;
    max-width: 650px;
    font-size: clamp(62px, 6vw, 108px);
    line-height: 1.07;
    letter-spacing: -.065em;
    font-weight: 800;
}
.kv-hero__copy p {
    max-width: 500px;
    margin: 34px 0 30px;
    color: #9bacbf;
    font-size: 18px;
    line-height: 1.7;
}
.kv-search-card {
    position: absolute;
    z-index: 4;
    top: 120px;
    right: 2.2%;
    width: min(545px, 34vw);
    color: var(--kv-text);
    background: #f7f7f7;
    border-radius: 24px;
    box-shadow: 0 13px 0 rgba(202, 205, 209, .7), var(--kv-shadow);
    overflow: hidden;
}
.kv-search-tabs {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-bottom: 1px solid #e7e7e7;
}
.kv-search-tabs button {
    position: relative;
    min-height: 76px;
    color: var(--kv-text);
    background: transparent;
    border: 0;
    border-right: 1px solid #e9e9e9;
    font-weight: 700;
    font-size: 17px;
}
.kv-search-tabs button:last-child { border-right: 0; }
.kv-search-tabs button.is-active { color: var(--kv-accent); }
.kv-search-tabs button.is-active::after {
    content: "";
    position: absolute;
    left: 21%;
    right: 21%;
    bottom: -1px;
    height: 3px;
    background: var(--kv-accent);
}
.kv-search-card__body { padding: 32px 48px 27px; background: #fff; border-radius: 24px; }
.kv-search-card__row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 15px; }
.kv-search-card__actions { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 16px; margin-top: 18px; }
.kv-search-card__actions a { font-size: 16px; padding-left: 8px; }
.kv-search-card__actions a:hover { color: var(--kv-accent); }
.kv-search-card__actions button {
    min-height: 62px;
    color: #fff;
    background: var(--kv-accent);
    border: 0;
    border-radius: 12px;
    font-size: 18px;
    font-weight: 700;
}
.kv-search-card__actions button:hover { background: var(--kv-accent-dark); }
.kv-search-card__count { margin: 28px 0 0; color: #9299a4; text-align: center; font-size: 14px; }
.kv-search-card__count strong { color: var(--kv-accent); }
.kv-hero__car {
    position: absolute;
    z-index: 2;
    left: 38.5%;
    bottom: -18px;
    width: min(630px, 39vw);
    filter: drop-shadow(0 18px 16px rgba(0, 0, 0, .35));
}

/* Sections */
.kv-section { padding: 104px 0; }
.kv-section-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 40px;
    margin-bottom: 64px;
}
.kv-eyebrow { margin: 0 0 5px; color: var(--kv-accent); font-size: 20px; }
.kv-section h2,
.kv-popular h2 {
    margin: 0;
    color: var(--kv-text);
    font-size: clamp(42px, 4vw, 62px);
    line-height: 1.12;
    letter-spacing: -.05em;
    font-weight: 800;
}
.kv-filter-tabs { display: flex; gap: 20px; }
.kv-filter-tabs button {
    min-width: 160px;
    min-height: 60px;
    color: var(--kv-text);
    background: #f1f2f4;
    border: 1px solid transparent;
    border-radius: 12px;
    font-weight: 600;
    font-size: 17px;
}
.kv-filter-tabs button.is-active { color: var(--kv-accent); background: #fff5f1; border-color: var(--kv-accent); }

.kv-featured-grid { display: grid; grid-template-columns: 1.08fr 1fr; gap: 24px; align-items: stretch; }
.kv-featured-grid__small { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }

/* Cards */
.kv-car-card {
    position: relative;
    min-width: 0;
    color: #fff;
    background: var(--kv-card);
    border-radius: var(--kv-radius);
    overflow: hidden;
    box-shadow: 0 14px 35px rgba(20, 28, 40, .08);
    transition: transform .22s ease, box-shadow .22s ease;
}
.kv-car-card:hover { transform: translateY(-5px); box-shadow: 0 24px 44px rgba(20, 28, 40, .15); }
.kv-car-card__image { position: relative; display: block; overflow: hidden; background: #dfe4e9; }
.kv-car-card__image::after {
    content: "";
    position: absolute;
    inset: 50% 0 0;
    background: linear-gradient(transparent, rgba(11, 16, 24, .42));
}
.kv-car-card__image img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.kv-car-card:hover .kv-car-card__image img { transform: scale(1.035); }
.kv-car-card--large { display: grid; grid-template-rows: minmax(420px, 1fr) auto; }
.kv-car-card--large .kv-car-card__image { min-height: 510px; }
.kv-car-card--small .kv-car-card__image { height: 205px; }
.kv-car-card--standard .kv-car-card__image { height: 245px; }
.kv-car-card__favorite,
.kv-car-card__photos {
    position: absolute;
    z-index: 2;
    bottom: 13px;
    color: rgba(255,255,255,.78);
    text-shadow: 0 2px 7px rgba(0,0,0,.5);
}
.kv-car-card__favorite { left: 20px; font-size: 30px; line-height: 1; }
.kv-car-card__photos { right: 18px; font-size: 14px; }
.kv-car-card__body { padding: 17px 22px 20px; }
.kv-car-card--large .kv-car-card__body { padding: 24px 28px 26px; }
.kv-car-card__body h3 { margin: 0 0 7px; font-size: 18px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.kv-car-card--large .kv-car-card__body h3 { font-size: 25px; }
.kv-car-card__body h3 a:hover { color: var(--kv-accent); }
.kv-car-card__price { font-size: 24px; font-weight: 800; }
.kv-car-card--large .kv-car-card__price { font-size: 31px; }
.kv-car-card__meta {
    display: flex;
    align-items: center;
    gap: 19px;
    margin-top: 13px;
    padding-top: 14px;
    color: #a9b2c1;
    border-top: 1px solid rgba(255,255,255,.1);
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
}
.kv-year { flex: 0 0 auto; padding: 5px 12px; color: #fff; background: var(--kv-accent); border-radius: 6px; font-weight: 700; }
.kv-car-card__ribbon {
    position: absolute;
    z-index: 3;
    top: 24px;
    left: -42px;
    width: 170px;
    padding: 7px 0;
    color: #fff;
    background: var(--kv-accent);
    text-align: center;
    transform: rotate(-45deg);
    font-weight: 700;
    box-shadow: 0 5px 12px rgba(0,0,0,.17);
}

/* Popular makes */
.kv-popular { background: var(--kv-soft); }
.kv-popular__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 45px;
    margin-bottom: 70px;
}
.kv-make-tabs { display: grid; grid-template-columns: repeat(5, minmax(125px, 1fr)); gap: 14px; }
.kv-make-tabs button {
    min-height: 84px;
    padding: 11px 18px;
    color: var(--kv-text);
    background: rgba(255,255,255,.7);
    border: 1px solid transparent;
    border-radius: 12px;
}
.kv-make-tabs button strong,
.kv-make-tabs button span { display: block; }
.kv-make-tabs button strong { font-size: 18px; font-weight: 500; }
.kv-make-tabs button span { margin-top: 2px; color: #9aa3b1; font-size: 13px; }
.kv-make-tabs button.is-active { color: var(--kv-accent); background: #fff7f3; border-color: var(--kv-accent); }
.kv-make-tabs button.is-active span { color: var(--kv-accent); }
.kv-popular-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px; }
.kv-carousel-arrows { display: flex; gap: 14px; margin-top: 58px; }
.kv-carousel-arrows button {
    width: 60px;
    height: 60px;
    color: #344052;
    background: #fff;
    border: 0;
    border-radius: 50%;
    font-size: 42px;
    line-height: 1;
}

/* Archive, inner pages and single */
.kv-page-hero {
    padding: 165px 0 80px;
    color: #fff;
    background: var(--kv-navy);
}
.kv-page-hero--compact { padding-bottom: 60px; }
.kv-page-hero h1 { margin: 0; font-size: clamp(48px, 6vw, 82px); line-height: 1.1; letter-spacing: -.055em; }
.kv-archive-filters {
    display: grid;
    grid-template-columns: 1.3fr 1fr 1fr 1fr auto;
    gap: 14px;
    margin-bottom: 45px;
    padding: 24px;
    background: #fff;
    border-radius: 16px;
    box-shadow: var(--kv-shadow);
}
.kv-archive-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; }
.kv-pagination { margin-top: 50px; }
.kv-pagination .nav-links { display: flex; gap: 9px; justify-content: center; }
.kv-pagination .page-numbers { display: grid; place-items: center; min-width: 46px; height: 46px; padding: 0 12px; background: var(--kv-soft); border-radius: 8px; }
.kv-pagination .current { color: #fff; background: var(--kv-accent); }
.kv-empty-state { padding: 70px; text-align: center; background: var(--kv-soft); border-radius: 18px; }
.kv-single__grid { display: grid; grid-template-columns: 1.65fr .75fr; gap: 42px; align-items: start; }
.kv-single__media { overflow: hidden; border-radius: 18px; background: var(--kv-soft); }
.kv-single__media img { width: 100%; max-height: 720px; object-fit: cover; }
.kv-single__summary { position: sticky; top: 115px; padding: 30px; background: var(--kv-card); color: #fff; border-radius: 16px; }
.kv-single__price { margin-bottom: 22px; font-size: 42px; font-weight: 800; }
.kv-single__summary dl { margin: 0 0 28px; }
.kv-single__summary dl div { display: flex; justify-content: space-between; gap: 20px; padding: 14px 0; border-bottom: 1px solid rgba(255,255,255,.1); }
.kv-single__summary dt { color: #aeb8c6; }
.kv-single__summary dd { margin: 0; font-weight: 700; }
.kv-single__summary .kv-primary-button { width: 100%; }
.kv-single__content { grid-column: 1 / -1; font-size: 18px; }
.kv-prose { max-width: 960px; }
.kv-prose > *:first-child { margin-top: 0; }
.kv-prose img { border-radius: 16px; }
.kv-post-item { padding: 30px 0; border-bottom: 1px solid var(--kv-line); }
.kv-post-item h2 { margin: 0 0 10px; font-size: 32px; }
.kv-error-page { min-height: 70vh; display: flex; align-items: center; }
.kv-error-page p:not(.kv-eyebrow) { max-width: 590px; color: #a8b4c5; font-size: 18px; }
.site-footer { padding: 62px 0; color: #dbe2ec; background: #0c111a; }
.site-footer__inner { display: grid; grid-template-columns: 1fr auto; gap: 25px 60px; align-items: center; }
.site-footer .kv-logo { color: #fff; }
.site-footer p { margin: 12px 0 0; color: #8d98a8; }
.site-footer__links { display: flex; gap: 30px; }
.site-footer__links a:hover { color: var(--kv-accent); }
.site-footer__copy { grid-column: 1/-1; padding-top: 25px; border-top: 1px solid rgba(255,255,255,.08); }

/* Responsive */
@media (max-width: 1500px) {
    .site-header__inner { gap: 36px; }
    .kv-menu, .site-navigation .menu { gap: 30px; }
    .site-header__actions { gap: 16px; }
    .kv-register-link, .kv-divider { display: none; }
    .kv-hero__copy h1 { font-size: 84px; }
    .kv-hero__car { left: 36%; }
    .kv-search-card { right: 0; }
    .kv-popular__top { align-items: flex-start; flex-direction: column; }
    .kv-make-tabs { width: 100%; }
}

@media (max-width: 1180px) {
    .kv-container { width: min(1120px, calc(100% - 48px)); }
    .kv-menu-toggle {
        order: 3;
        display: flex;
        width: 46px;
        height: 46px;
        padding: 11px 10px;
        flex-direction: column;
        justify-content: center;
        gap: 5px;
        color: currentColor;
        background: transparent;
        border: 1px solid rgba(128,128,128,.3);
        border-radius: 8px;
    }
    .kv-menu-toggle span:not(.screen-reader-text) { width: 100%; height: 2px; background: currentColor; }
    .site-navigation {
        position: fixed;
        inset: 86px 0 auto;
        max-height: calc(100vh - 86px);
        padding: 28px 24px 36px;
        color: var(--kv-text);
        background: #fff;
        box-shadow: 0 25px 35px rgba(16,22,33,.12);
        overflow-y: auto;
        opacity: 0;
        visibility: hidden;
        transform: translateY(-10px);
        transition: .2s ease;
    }
    .site-navigation.is-open { opacity: 1; visibility: visible; transform: none; }
    .kv-menu, .site-navigation .menu { align-items: stretch; flex-direction: column; gap: 5px; }
    .kv-menu a, .site-navigation .menu a { width: 100%; padding: 4px 12px; font-size: 18px; }
    .site-navigation .sub-menu { position: static; display: block; padding: 0 0 0 18px; box-shadow: none; opacity: 1; visibility: visible; transform: none; }
    .site-header__actions { margin-left: auto; }
    .kv-account-link span { display: none; }
    .kv-hero { min-height: 900px; }
    .kv-hero__inner { min-height: 900px; padding-top: 145px; }
    .kv-hero__copy { width: 54%; }
    .kv-hero__copy h1 { font-size: 72px; }
    .kv-search-card { top: 138px; width: 43%; }
    .kv-search-card__body { padding: 26px; }
    .kv-hero__car { left: 28%; bottom: -10px; width: 54%; }
    .kv-hero__shape { right: -25%; bottom: -170px; }
    .kv-featured-grid { grid-template-columns: 1fr; }
    .kv-car-card--large .kv-car-card__image { min-height: 480px; }
    .kv-popular-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .kv-archive-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}

@media (max-width: 820px) {
    .kv-container { width: min(100% - 32px, 720px); }
    .site-header__inner { min-height: 74px; gap: 16px; }
    .site-navigation { top: 74px; max-height: calc(100vh - 74px); }
    .kv-logo__icon { width: 46px; height: 37px; }
    .kv-logo__text { font-size: 21px; }
    .kv-add-listing { min-height: 44px; padding: 0 13px; font-size: 13px; }
    .kv-add-listing span { font-size: 19px; }
    .kv-account-link { display: none; }
    .kv-menu-toggle { width: 44px; height: 44px; }
    .kv-hero { min-height: auto; padding-bottom: 300px; }
    .kv-hero__inner { min-height: auto; padding-top: 120px; }
    .kv-hero__copy { width: 100%; text-align: left; }
    .kv-hero__copy h1 { max-width: 600px; font-size: clamp(54px, 15vw, 80px); }
    .kv-hero__copy p { margin: 24px 0; font-size: 16px; }
    .kv-search-card { position: relative; top: auto; right: auto; width: 100%; margin-top: 45px; }
    .kv-search-tabs button { min-height: 65px; font-size: 14px; }
    .kv-search-card__body { padding: 23px; }
    .kv-search-card__row, .kv-search-card__actions { grid-template-columns: 1fr; }
    .kv-search-card__actions a { order: 2; text-align: center; }
    .kv-hero__car { left: 50%; bottom: -295px; width: min(620px, 92vw); transform: translateX(-50%); }
    .kv-hero__shape { width: 900px; height: 460px; right: -500px; bottom: -260px; }
    .kv-section { padding: 72px 0; }
    .kv-section-heading { align-items: flex-start; flex-direction: column; margin-bottom: 38px; }
    .kv-filter-tabs { width: 100%; overflow-x: auto; }
    .kv-filter-tabs button { flex: 1 0 130px; min-width: 0; }
    .kv-featured-grid__small { grid-template-columns: 1fr; }
    .kv-car-card--large .kv-car-card__image { min-height: 360px; }
    .kv-car-card--small .kv-car-card__image, .kv-car-card--standard .kv-car-card__image { height: 260px; }
    .kv-popular__top { margin-bottom: 40px; }
    .kv-make-tabs { display: flex; overflow-x: auto; padding-bottom: 8px; }
    .kv-make-tabs button { flex: 0 0 145px; }
    .kv-popular-grid, .kv-archive-grid { grid-template-columns: 1fr; }
    .kv-archive-filters { grid-template-columns: 1fr 1fr; }
    .kv-archive-filters .kv-primary-button { grid-column: 1/-1; }
    .kv-single__grid { grid-template-columns: 1fr; }
    .kv-single__summary { position: static; }
    .site-footer__inner { grid-template-columns: 1fr; }
    .site-footer__links { flex-wrap: wrap; }
}

@media (max-width: 520px) {
    .kv-logo__text { display: none; }
    .kv-add-listing { padding-inline: 10px; }
    .kv-hero__copy h1 { font-size: 52px; }
    .kv-hero { padding-bottom: 250px; }
    .kv-hero__car { bottom: -245px; width: 620px; max-width: none; }
    .kv-search-card { border-radius: 18px; }
    .kv-search-card__body { border-radius: 18px; }
    .kv-section h2, .kv-popular h2 { font-size: 39px; }
    .kv-featured-grid__small { gap: 18px; }
    .kv-car-card--large .kv-car-card__image { min-height: 290px; }
    .kv-car-card--small .kv-car-card__image, .kv-car-card--standard .kv-car-card__image { height: 220px; }
    .kv-car-card__meta { gap: 12px; }
    .kv-archive-filters { grid-template-columns: 1fr; }
    .kv-archive-filters .kv-primary-button { grid-column: auto; }
    .kv-page-hero { padding-top: 130px; }
}

/* Native app-like mobile layout — no page builder required */
@media (max-width: 820px) {
    body { background: #fff; }
    .site-header { position: absolute; background: transparent !important; border: 0 !important; box-shadow: none !important; color: #fff !important; }
    .site-header__inner { min-height: 88px; }
    .kv-logo__icon { width: 53px; height: 43px; }
    .kv-logo__text { display: inline-block; font-size: clamp(22px, 6.4vw, 31px); }
    .site-header__actions { display: none; }
    .kv-menu-toggle { margin-left: auto; width: 49px; height: 49px; border: 0; padding: 8px; border-radius: 0; gap: 7px; }
    .kv-menu-toggle span:not(.screen-reader-text) { height: 3px; border-radius: 3px; }
    .site-navigation { inset: 88px 18px auto; border-radius: 18px; }

    .kv-hero { min-height: 1000px; padding: 0 0 52px; border-radius: 0 0 24px 24px; overflow: visible; }
    .kv-hero__inner { min-height: 1000px; padding-top: 126px; }
    .kv-hero__copy { z-index: 5; }
    .kv-hero__copy h1 { max-width: 690px; font-size: clamp(55px, 13.8vw, 82px); line-height: 1.08; letter-spacing: -.055em; }
    .kv-hero__copy p { max-width: 520px; margin: 22px 0 30px; font-size: clamp(16px, 4.25vw, 21px); line-height: 1.6; }
    .kv-outline-button { min-height: 57px; padding-inline: 27px; border-radius: 10px; font-size: 18px; }
    .kv-hero__orb--one { width: 145px; height: 145px; top: 105px; right: -22px; }
    .kv-hero__orb--two { display: none; }
    .kv-hero__shape { width: 710px; height: 560px; right: -375px; bottom: 215px; border-radius: 50%; transform: none; }
    .kv-hero__car { z-index: 3; left: 52%; bottom: 405px; width: min(690px, 94vw); max-width: none; transform: translateX(-42%); }

    .kv-search-card { z-index: 6; width: calc(100% - 8px); margin: 360px auto 0; border-radius: 22px; box-shadow: 0 18px 45px rgba(15,21,32,.17); }
    .kv-search-tabs button { min-height: 76px; font-size: 17px; }
    .kv-search-tabs button.is-active::after { left: 8%; right: 8%; height: 4px; }
    .kv-search-card__body { padding: 34px 22px 28px; border-radius: 0 0 22px 22px; }
    .kv-field { min-height: 70px; border-radius: 13px; font-size: 17px; }
    .kv-search-card__row { grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 18px; }
    .kv-search-card__actions { grid-template-columns: 1fr 1fr; gap: 15px; margin-top: 20px; }
    .kv-search-card__actions a { order: initial; text-align: left; padding-left: 0; font-size: 16px; }
    .kv-search-card__actions button { min-height: 70px; border-radius: 13px; font-size: 20px; }
    .kv-search-card__count { margin-top: 25px; font-size: 16px; }

    .kv-section { padding: 78px 0; }
    .kv-featured { padding-top: 84px; }
    .kv-section-heading { margin-bottom: 28px; }
    .kv-eyebrow { font-size: 17px; }
    .kv-section h2, .kv-popular h2 { font-size: clamp(35px, 10vw, 48px); line-height: 1.08; }
    .kv-filter-tabs { display: none; }
    .kv-featured-grid { display: block; }
    .kv-featured-grid > .kv-car-card--large { display: none; }
    .kv-featured-grid__small { display: grid; grid-template-columns: 1fr; gap: 16px; }

    .kv-car-card--small,
    .kv-car-card--standard { display: grid; grid-template-columns: 40% 1fr; min-height: 172px; border-radius: 18px; background: #fff; color: var(--kv-text); box-shadow: 0 10px 30px rgba(16,22,33,.10); overflow: hidden; }
    .kv-car-card--small .kv-car-card__image,
    .kv-car-card--standard .kv-car-card__image { height: 100%; min-height: 172px; border-radius: 15px; margin: 12px; }
    .kv-car-card__image::after, .kv-car-card__photos { display: none; }
    .kv-car-card__favorite { left: auto; right: 18px; top: 17px; bottom: auto; color: #151d2a; text-shadow: none; font-size: 34px; }
    .kv-car-card__body { position: relative; padding: 24px 18px 18px 8px; }
    .kv-car-card__body h3 { max-width: calc(100% - 40px); margin-bottom: 5px; font-size: 19px; font-weight: 800; white-space: normal; line-height: 1.22; }
    .kv-car-card__price { color: var(--kv-accent); font-size: 22px; }
    .kv-car-card__meta { padding-top: 12px; margin-top: 6px; gap: 8px; border-top: 0; flex-wrap: wrap; }
    .kv-car-card__meta span { padding: 4px 10px; border: 1px solid #e3e7ec; border-radius: 8px; font-size: 13px; }
    .kv-car-card__ribbon { display: none; }
    .kv-popular { background: #fff; }
    .kv-popular__top { margin-bottom: 24px; }
    .kv-make-tabs { order: 2; }
    .kv-popular-grid { gap: 16px; }
    .kv-carousel-arrows { display: none; }
}

@media (max-width: 520px) {
    .kv-container { width: calc(100% - 28px); }
    .kv-logo__text { display: inline-block; }
    .kv-logo__text span { font-size: .53em; }
    .kv-hero { min-height: 920px; }
    .kv-hero__inner { min-height: 920px; padding-top: 112px; }
    .kv-hero__copy h1 { font-size: clamp(47px, 14vw, 66px); }
    .kv-hero__copy p { font-size: 16px; }
    .kv-hero__car { bottom: 395px; width: 610px; transform: translateX(-46%); }
    .kv-search-card { margin-top: 325px; width: 100%; }
    .kv-search-tabs button { min-height: 67px; font-size: 15px; }
    .kv-search-card__body { padding: 24px 16px 22px; }
    .kv-field { min-height: 61px; padding-inline: 15px; font-size: 15px; }
    .kv-search-card__actions button { min-height: 61px; font-size: 17px; }
    .kv-search-card__actions a { font-size: 14px; }
    .kv-car-card--small,
    .kv-car-card--standard { grid-template-columns: 42% 1fr; min-height: 154px; }
    .kv-car-card--small .kv-car-card__image,
    .kv-car-card--standard .kv-car-card__image { min-height: 130px; height: calc(100% - 20px); margin: 10px; }
    .kv-car-card__body { padding: 18px 10px 12px 4px; }
    .kv-car-card__body h3 { font-size: 16px; }
    .kv-car-card__price { font-size: 20px; }
    .kv-car-card__meta span { padding: 3px 7px; font-size: 11px; }
}

/* =========================================================
   KerkoVeturen Native 2.0 — complete native UI overrides
   ========================================================= */
:root {
    --kv-accent: #ff3c0a;
    --kv-accent-dark: #e73505;
    --kv-navy: #0f1520;
    --kv-card: #222936;
    --kv-soft: #f1f5fb;
    --kv-text: #1d2431;
    --kv-muted: #8792a4;
    --kv-line: #e4e8ee;
    --kv-radius: 14px;
    --kv-shadow: 0 22px 60px rgba(15, 21, 32, .13);
}
body { padding-bottom: 0; }
.kv-icon { width: 22px; height: 22px; flex: 0 0 auto; }
.kv-primary-button .kv-icon { width: 20px; height: 20px; }
.kv-primary-button--small { min-height: 48px; padding: 0 20px; font-size: 14px; }
.kv-mobile-bottom { display: none; }
.kv-nav-overlay, .kv-filter-overlay { display: none; }
.site-navigation__mobile-head, .site-navigation__mobile-actions, .kv-nav-close { display: none; }

/* Header accuracy */
@media (min-width: 1181px) {
    .site-header__inner { min-height: 96px; gap: 50px; }
    .site-header .kv-logo { min-width: 265px; }
    .site-navigation { min-width: 0; }
    .kv-menu, .site-navigation .menu { gap: clamp(28px, 3vw, 58px); }
}
.kv-logo__icon { color: var(--kv-accent); }
.kv-logo__car { fill: #fff; stroke: #fff; }
.kv-logo__wheel { fill: var(--kv-navy); }
.site-header.is-scrolled .kv-logo__car,
body:not(.home) .site-header .kv-logo__car { fill: var(--kv-navy); stroke: var(--kv-navy); }
.site-header.is-scrolled .kv-logo__wheel,
body:not(.home) .site-header .kv-logo__wheel { fill: #fff; }
.kv-logo__text { font-weight: 500; letter-spacing: -.045em; }
.kv-logo__text strong { font-weight: 900; }
.kv-header-icon { position: relative; display: grid; place-items: center; color: var(--kv-accent); }
.kv-action-count { position: absolute; top: -9px; right: -10px; display: grid; place-items: center; min-width: 18px; height: 18px; padding: 0 5px; color: #fff; background: var(--kv-accent); border-radius: 20px; font-size: 10px; font-weight: 800; }
.kv-action-count[hidden] { display: none; }

/* Additional hero details */
.kv-hero__orb--three { width: 52px; height: 52px; right: 4.5%; bottom: 190px; }
.kv-mobile-section-link { display: none; }
.kv-section-heading--center { justify-content: center; text-align: center; }

/* New card markup */
.kv-car-card__media { position: relative; overflow: hidden; background: #dfe4e9; }
.kv-car-card__media .kv-car-card__image { width: 100%; height: 100%; }
.kv-car-card--large { grid-template-rows: minmax(420px, 1fr) auto; }
.kv-car-card--large .kv-car-card__media { min-height: 510px; }
.kv-car-card--small .kv-car-card__media { height: 205px; }
.kv-car-card--standard .kv-car-card__media { height: 245px; }
.kv-car-card__media::after { content: ""; position: absolute; pointer-events: none; inset: 50% 0 0; background: linear-gradient(transparent, rgba(11,16,24,.46)); }
.kv-car-card__favorite,
.kv-car-card__compare { position: absolute; z-index: 4; display: grid; place-items: center; width: 38px; height: 38px; padding: 0; color: rgba(255,255,255,.92); background: rgba(12,17,26,.42); border: 0; border-radius: 50%; backdrop-filter: blur(5px); text-shadow: none; }
.kv-car-card__favorite { top: 16px; right: 16px; left: auto; bottom: auto; }
.kv-car-card__compare { top: 60px; right: 16px; }
.kv-car-card__favorite .kv-icon,
.kv-car-card__compare .kv-icon { width: 20px; height: 20px; }
.kv-car-card__favorite.is-active { color: #fff; background: var(--kv-accent); }
.kv-car-card__compare.is-active { color: #fff; background: #202bd8; }
.kv-car-card__photos { display: inline-flex; align-items: center; gap: 6px; }
.kv-car-card__photos .kv-icon { width: 16px; height: 16px; }
.kv-car-card__location { display: flex; align-items: center; gap: 6px; margin-top: 12px; color: #a9b2c1; font-size: 13px; }
.kv-car-card__location .kv-icon { width: 16px; height: 16px; }

/* How it works and CTA */
.kv-how { background: #fff; }
.kv-how__grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 28px; }
.kv-how__grid article { position: relative; padding: 42px 34px; background: #fff; border: 1px solid var(--kv-line); border-radius: 18px; box-shadow: 0 12px 38px rgba(19,27,40,.06); }
.kv-how__grid article > span { position: absolute; top: 18px; right: 24px; color: #edf0f4; font-size: 54px; font-weight: 900; line-height: 1; }
.kv-how__grid article > .kv-icon { width: 52px; height: 52px; color: var(--kv-accent); }
.kv-how__grid h3 { margin: 22px 0 8px; font-size: 24px; }
.kv-how__grid p { margin: 0; color: var(--kv-muted); }
.kv-sell-cta { padding: 65px 0; color: #fff; background: var(--kv-navy); }
.kv-sell-cta__inner { display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.kv-sell-cta h2 { margin: 0; font-size: clamp(38px,4vw,60px); letter-spacing: -.04em; }

/* Footer */
.site-footer { padding: 78px 0 22px; color: #dbe2ec; background: #0b1018; }
.site-footer__grid { display: grid; grid-template-columns: 1.45fr .7fr .7fr 1fr; gap: 70px; }
.site-footer .kv-logo { color: #fff; }
.site-footer .kv-logo__car { fill: #fff; stroke: #fff; }
.site-footer .kv-logo__wheel { fill: var(--kv-navy); }
.site-footer h3 { margin: 4px 0 18px; color: #fff; font-size: 18px; }
.site-footer p { color: #8f9bac; }
.site-footer__brand > p { max-width: 390px; }
.site-footer__contact { display: grid; gap: 10px; margin-top: 24px; }
.site-footer__contact a { display: flex; align-items: center; gap: 10px; }
.site-footer__contact .kv-icon { color: var(--kv-accent); width: 19px; height: 19px; }
.kv-footer-menu { display: grid; gap: 12px; padding: 0; margin: 0; list-style: none; color: #98a4b4; }
.kv-footer-menu a:hover { color: var(--kv-accent); }
.site-footer__bottom { display: flex; align-items: center; justify-content: space-between; gap: 25px; margin-top: 58px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.09); font-size: 13px; }
.site-footer__bottom p { margin: 0; }

/* Inner page hero */
.kv-page-hero > .kv-container > p:last-child { max-width: 620px; margin: 16px 0 0; color: #9eacbf; font-size: 18px; }
.kv-page-hero--archive { min-height: 390px; display: flex; align-items: center; }
.kv-page-hero--archive h1 { max-width: 800px; }

/* Archive */
.kv-listing-archive { background: #f5f7fa; }
.kv-archive-layout { display: grid; grid-template-columns: 330px minmax(0,1fr); gap: 34px; align-items: start; }
.kv-filter-sidebar { position: sticky; top: 118px; padding: 26px; background: #fff; border-radius: 16px; box-shadow: 0 14px 40px rgba(18,26,38,.08); }
.kv-filter-sidebar__head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }
.kv-filter-sidebar__head h2 { margin: 0; font-size: 26px; }
.kv-filter-sidebar__head button { display: none; }
.kv-filter-sidebar .kv-archive-filters { display: grid; grid-template-columns: 1fr; gap: 15px; padding: 0; margin: 0; box-shadow: none; }
.kv-archive-filters label { display: grid; gap: 7px; }
.kv-archive-filters label > span { color: #4d5666; font-size: 13px; font-weight: 700; }
.kv-filter-sidebar__two { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.kv-filter-sidebar .kv-field { min-height: 52px; padding: 0 14px; font-size: 14px; }
.kv-filter-sidebar textarea.kv-field { padding-block: 14px; }
.kv-filter-sidebar .kv-primary-button { width: 100%; min-height: 54px; gap: 8px; }
.kv-clear-filters { color: var(--kv-muted); text-align: center; font-size: 14px; text-decoration: underline; }
.kv-archive-results { min-width: 0; }
.kv-archive-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 24px; }
.kv-archive-toolbar > div { color: #667185; }
.kv-archive-toolbar strong { color: var(--kv-text); font-size: 20px; }
.kv-sort-select { min-height: 48px; padding: 0 45px 0 16px; background: #fff; border: 1px solid var(--kv-line); border-radius: 9px; }
.kv-mobile-filter-button { display: none; }
.kv-archive-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; }
.kv-archive-grid .kv-car-card--standard .kv-car-card__media { height: 220px; }
.kv-empty-state > div .kv-icon { width: 58px; height: 58px; color: var(--kv-accent); }
.kv-empty-state h2 { margin: 15px 0 5px; }
.kv-empty-state p { color: var(--kv-muted); }
.kv-empty-state .kv-primary-button { margin-top: 15px; }

/* Single listing */
.kv-single-head { padding: 145px 0 34px; background: #fff; }
.kv-breadcrumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; margin-bottom: 30px; color: #8a95a5; font-size: 13px; }
.kv-breadcrumbs a:hover { color: var(--kv-accent); }
.kv-single-head__row { display: flex; justify-content: space-between; gap: 30px; align-items: flex-end; }
.kv-single-head h1 { margin: 0; font-size: clamp(38px,4.2vw,66px); line-height: 1.07; letter-spacing: -.045em; }
.kv-single-location { display: flex; align-items: center; gap: 7px; margin: 13px 0 0; color: var(--kv-muted); }
.kv-single-location .kv-icon { width: 18px; height: 18px; color: var(--kv-accent); }
.kv-single-head__actions { display: flex; gap: 10px; }
.kv-single-head__actions button { display: inline-flex; align-items: center; gap: 8px; min-height: 48px; padding: 0 16px; color: var(--kv-text); background: #fff; border: 1px solid var(--kv-line); border-radius: 9px; }
.kv-single-head__actions button.is-active { color: #fff; background: var(--kv-accent); border-color: var(--kv-accent); }
.kv-single { padding-top: 20px; background: #f5f7fa; }
.kv-single-gallery { position: relative; display: grid; grid-template-columns: 2fr 1fr; gap: 12px; height: 630px; overflow: hidden; border-radius: 18px; }
.kv-single-gallery button { padding: 0; border: 0; overflow: hidden; background: #dfe4e9; }
.kv-single-gallery img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; }
.kv-single-gallery button:hover img { transform: scale(1.025); }
.kv-single-gallery__side { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.kv-single-gallery__count { position: absolute; right: 20px; bottom: 20px; display: inline-flex; align-items: center; gap: 7px; padding: 10px 15px; color: #fff; background: rgba(12,17,26,.78); border-radius: 8px; font-size: 13px; }
.kv-single-gallery__count .kv-icon { width: 17px; height: 17px; }
.kv-single__layout { display: grid; grid-template-columns: minmax(0,1.6fr) 410px; gap: 34px; align-items: start; margin-top: 34px; }
.kv-single__content-column { display: grid; gap: 24px; }
.kv-single-card { padding: 34px; background: #fff; border-radius: 16px; box-shadow: 0 10px 30px rgba(19,27,40,.05); }
.kv-single-card h2 { margin: 0 0 25px; font-size: 28px; }
.kv-specs__grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 35px; }
.kv-specs__grid > div { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 15px 0; border-bottom: 1px solid var(--kv-line); }
.kv-specs__grid span { color: var(--kv-muted); }
.kv-description .entry-content { color: #556173; font-size: 17px; }
.kv-description .entry-content > *:first-child { margin-top: 0; }
.kv-single__sidebar { position: sticky; top: 116px; display: grid; gap: 18px; }
.kv-seller-card { padding: 30px; background: #fff; border-radius: 16px; box-shadow: 0 16px 42px rgba(18,26,38,.10); }
.kv-seller-card .kv-single__price { margin: 0; color: var(--kv-text); font-size: 40px; }
.kv-price-note { margin: 3px 0 23px; color: var(--kv-muted); font-size: 13px; }
.kv-seller-card__person { display: flex; align-items: center; gap: 14px; margin: 0 0 22px; padding: 19px 0; border-top: 1px solid var(--kv-line); border-bottom: 1px solid var(--kv-line); }
.kv-seller-avatar img { border-radius: 50%; }
.kv-seller-card__person strong,
.kv-seller-card__person span { display: block; }
.kv-seller-card__person span { color: #55a66f; font-size: 12px; }
.kv-seller-card .kv-primary-button,
.kv-whatsapp-button,
.kv-message-button { width: 100%; min-height: 56px; margin-top: 10px; display: flex; align-items: center; justify-content: center; gap: 9px; border-radius: 9px; font-weight: 700; }
.kv-whatsapp-button { color: #fff; background: #25d366; }
.kv-message-button { color: var(--kv-text); border: 1px solid var(--kv-line); }
.kv-safety-card { padding: 24px; background: #fff7f2; border: 1px solid #ffd8c9; border-radius: 14px; }
.kv-safety-card h3 { margin: 0 0 8px; color: var(--kv-accent); }
.kv-safety-card p { margin: 0; color: #6d635e; font-size: 14px; }
.kv-related { background: #fff; }
.kv-lightbox { position: fixed; z-index: 99999; inset: 0; display: grid; grid-template-columns: 72px minmax(0,1fr) 72px; align-items: center; gap: 20px; padding: 40px; background: rgba(4,7,12,.95); }
.kv-lightbox[hidden] { display: none; }
.kv-lightbox img { max-width: 100%; max-height: calc(100vh - 80px); margin: auto; object-fit: contain; }
.kv-lightbox button { width: 56px; height: 56px; color: #fff; background: rgba(255,255,255,.12); border: 0; border-radius: 50%; font-size: 38px; }
.kv-lightbox [data-lightbox-close] { position: absolute; top: 22px; right: 22px; }
body.lightbox-open { overflow: hidden; }

/* Authentication */
.kv-auth-page { min-height: 100vh; display: grid; grid-template-columns: 1fr 1fr; background: #fff; }
.kv-auth-page__visual { position: relative; display: flex; align-items: center; padding: 110px 8vw; color: #fff; background: var(--kv-navy); overflow: hidden; }
.kv-auth-page__visual::before { content: ""; position: absolute; width: 720px; height: 720px; right: -310px; bottom: -270px; background: #232a37; border-radius: 50%; }
.kv-auth-page__visual > div { position: relative; z-index: 1; max-width: 620px; }
.kv-auth-page__visual .kv-logo { margin-bottom: 70px; }
.kv-auth-page__visual h1 { margin: 0; font-size: clamp(52px,5vw,78px); line-height: 1.07; letter-spacing: -.05em; }
.kv-auth-page__visual p { max-width: 520px; color: #a5b2c4; font-size: 19px; }
.kv-auth-page__form { display: grid; place-items: center; padding: 130px 7vw 80px; }
.kv-auth-card { width: min(520px,100%); }
.kv-auth-card h2 { margin: 0 0 28px; font-size: 38px; }
.kv-auth-card form { display: grid; gap: 17px; }
.kv-auth-card label { display: grid; gap: 7px; }
.kv-auth-card label > span { font-size: 14px; font-weight: 700; }
.kv-auth-card .kv-primary-button { width: 100%; margin-top: 8px; }
.kv-checkbox { display: flex !important; grid-template-columns: auto 1fr; align-items: center; }
.kv-auth-switch { margin-top: 24px; color: var(--kv-muted); text-align: center; }
.kv-auth-switch a { color: var(--kv-accent); font-weight: 800; }
.kv-notice { margin-bottom: 20px; padding: 13px 16px; border-radius: 8px; font-size: 14px; }
.kv-notice--success { color: #1b6a37; background: #e9f8ef; border: 1px solid #bce8cb; }
.kv-notice--error { color: #9e2d25; background: #fff0ee; border: 1px solid #ffc9c4; }

/* Dashboard */
.kv-dashboard-head { padding: 160px 0 65px; color: #fff; background: var(--kv-navy); }
.kv-dashboard-head h1 { margin: 0; font-size: clamp(45px,5vw,72px); letter-spacing: -.05em; }
.kv-dashboard { background: #f5f7fa; }
.kv-dashboard__layout { display: grid; grid-template-columns: 290px minmax(0,1fr); gap: 32px; align-items: start; }
.kv-dashboard-nav { position: sticky; top: 115px; padding: 23px; background: #fff; border-radius: 16px; box-shadow: 0 12px 35px rgba(18,26,38,.07); }
.kv-dashboard-user { display: flex; align-items: center; gap: 12px; padding-bottom: 20px; border-bottom: 1px solid var(--kv-line); }
.kv-dashboard-user img { border-radius: 50%; }
.kv-dashboard-user strong,.kv-dashboard-user span { display: block; }
.kv-dashboard-user span { max-width: 160px; color: var(--kv-muted); font-size: 12px; overflow: hidden; text-overflow: ellipsis; }
.kv-dashboard-nav nav { display: grid; gap: 5px; margin-top: 17px; }
.kv-dashboard-nav nav a { display: flex; align-items: center; gap: 11px; padding: 12px; border-radius: 8px; font-weight: 700; }
.kv-dashboard-nav nav a:hover,.kv-dashboard-nav nav a.is-active { color: var(--kv-accent); background: #fff3ee; }
.kv-dashboard-nav .kv-icon { width: 19px; height: 19px; }
.kv-dashboard__content { display: grid; gap: 24px; }
.kv-dashboard-card { padding: 30px; background: #fff; border-radius: 16px; box-shadow: 0 10px 30px rgba(18,26,38,.05); }
.kv-dashboard-card__head { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 24px; }
.kv-dashboard-card h2 { margin: 0; font-size: 28px; }
.kv-dashboard-card__head p { margin: 3px 0 0; color: var(--kv-muted); }
.kv-profile-form { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; align-items: end; }
.kv-profile-form label { display: grid; gap: 6px; }
.kv-profile-form label span { font-size: 13px; font-weight: 700; }
.kv-my-listings { display: grid; gap: 14px; }
.kv-my-listings article { display: grid; grid-template-columns: 150px minmax(0,1fr) auto; gap: 18px; align-items: center; padding: 13px; border: 1px solid var(--kv-line); border-radius: 12px; }
.kv-my-listings img { width: 150px; height: 95px; object-fit: cover; border-radius: 9px; }
.kv-my-listings h3 { margin: 0 0 5px; }
.kv-my-listings strong { color: var(--kv-accent); }
.kv-status { display: inline-block; margin-left: 12px; padding: 3px 8px; border-radius: 20px; font-size: 11px; font-weight: 800; }
.kv-status--publish { color: #176739; background: #e5f6eb; }
.kv-status--pending,.kv-status--draft { color: #8b6200; background: #fff3cc; }
.kv-my-listings__actions { display: flex; gap: 12px; }
.kv-my-listings__actions a { font-size: 13px; font-weight: 700; }
.kv-my-listings__actions .is-danger { color: #c63b31; }
.kv-empty-inline { padding: 35px; text-align: center; background: var(--kv-soft); border-radius: 12px; }
.kv-empty-inline a { color: var(--kv-accent); font-weight: 800; }

/* Submit listing */
.kv-submit-page { background: #f5f7fa; }
.kv-submit-form { width: min(1050px,100%); margin: auto; display: grid; gap: 24px; }
.kv-form-section { padding: 34px; background: #fff; border-radius: 16px; box-shadow: 0 10px 34px rgba(18,26,38,.05); }
.kv-form-section__title { display: flex; align-items: center; gap: 15px; margin-bottom: 28px; }
.kv-form-section__title > span { display: grid; place-items: center; width: 46px; height: 46px; color: #fff; background: var(--kv-accent); border-radius: 50%; font-weight: 900; }
.kv-form-section__title h2 { margin: 0; font-size: 26px; }
.kv-form-section__title p { margin: 2px 0 0; color: var(--kv-muted); }
.kv-form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.kv-form-grid label { display: grid; gap: 7px; }
.kv-form-grid label > span { font-size: 13px; font-weight: 700; }
.kv-form-grid__full { grid-column: 1/-1; }
textarea.kv-field { padding-top: 15px; min-height: 140px; resize: vertical; }
.kv-file-field { width: 100%; min-height: 58px; padding: 13px; background: #f7f9fb; border: 1px dashed #cbd2dc; border-radius: 10px; }
.kv-submit-form__footer { display: flex; align-items: center; justify-content: space-between; gap: 25px; padding: 24px 30px; background: #fff; border-radius: 14px; box-shadow: 0 10px 30px rgba(18,26,38,.05); }
.kv-submit-form__footer p { margin: 0; color: var(--kv-muted); font-size: 13px; }

/* Saved and compare */
.kv-saved-page,.kv-compare-page { min-height: 520px; background: #f5f7fa; }
.kv-saved-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 24px; }
.kv-compare-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px; }
.kv-compare-card { position: relative; padding: 16px; background: #fff; border-radius: 14px; box-shadow: 0 12px 35px rgba(18,26,38,.07); }
.kv-compare-card > button { position: absolute; z-index: 2; top: 24px; right: 24px; display: grid; place-items: center; width: 38px; height: 38px; padding: 0; color: #fff; background: rgba(12,17,26,.65); border: 0; border-radius: 50%; }
.kv-compare-card img { width: 100%; height: 190px; object-fit: cover; border-radius: 10px; }
.kv-compare-card h2 { margin: 16px 0 5px; font-size: 19px; }
.kv-compare-card > strong { color: var(--kv-accent); font-size: 23px; }
.kv-compare-card dl { margin: 18px 0 0; }
.kv-compare-card dl div { display: flex; justify-content: space-between; gap: 14px; padding: 10px 0; border-top: 1px solid var(--kv-line); font-size: 13px; }
.kv-compare-card dt { color: var(--kv-muted); }
.kv-compare-card dd { margin: 0; font-weight: 700; }
.kv-toast { position: fixed; z-index: 100000; right: 25px; bottom: 25px; max-width: 340px; padding: 14px 18px; color: #fff; background: #151c28; border-radius: 9px; box-shadow: var(--kv-shadow); opacity: 0; transform: translateY(20px); pointer-events: none; transition: .2s ease; }
.kv-toast.is-visible { opacity: 1; transform: none; }

/* Generic pages */
.entry-page,.entry-single { padding: 150px 0 90px; }
.entry-page__content,.entry-single__content { width: min(900px,100%); }
.entry-page h1,.entry-single h1 { font-size: clamp(42px,5vw,70px); letter-spacing: -.04em; }

/* Desktop refinements */
@media (max-width: 1500px) {
    .kv-archive-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .kv-saved-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
    .kv-compare-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
}

@media (max-width: 1180px) {
    .site-navigation__mobile-head,.site-navigation__mobile-actions,.kv-nav-close { display: flex; }
    .site-navigation { position: fixed; z-index: 1002; inset: 0 auto 0 0; display: block; width: min(420px,88vw); max-height: none; padding: 0 24px 30px; color: var(--kv-text); background: #fff; box-shadow: 20px 0 60px rgba(0,0,0,.22); transform: translateX(-105%); transition: transform .25s ease; overflow-y: auto; }
    .site-navigation.is-open { transform: none; }
    .site-navigation__mobile-head { align-items: center; justify-content: space-between; min-height: 90px; border-bottom: 1px solid var(--kv-line); }
    .site-navigation__mobile-head .kv-logo { color: var(--kv-text); }
    .site-navigation__mobile-head .kv-logo__car { fill: var(--kv-navy); stroke: var(--kv-navy); }
    .site-navigation__mobile-head .kv-logo__wheel { fill: #fff; }
    .kv-nav-close { display: grid; place-items: center; width: 42px; height: 42px; padding: 0; background: var(--kv-soft); border: 0; border-radius: 50%; }
    .site-navigation .kv-menu,.site-navigation .menu { display: grid; gap: 0; padding: 22px 0; }
    .site-navigation .kv-menu a,.site-navigation .menu a { width: 100%; min-height: 52px; font-size: 17px; border-bottom: 1px solid #f0f2f5; }
    .site-navigation__mobile-actions { display: grid; gap: 8px; }
    .site-navigation__mobile-actions a { display: flex; align-items: center; gap: 12px; min-height: 50px; padding: 0 13px; background: var(--kv-soft); border-radius: 9px; font-weight: 700; }
    .site-navigation__mobile-actions .kv-mobile-add { color: #fff; background: var(--kv-accent); }
    .kv-nav-overlay { position: fixed; z-index: 1001; inset: 0; display: block; background: rgba(4,7,12,.62); opacity: 0; visibility: hidden; transition: .2s ease; }
    .kv-nav-overlay.is-open { opacity: 1; visibility: visible; }
    .kv-menu-toggle { display: flex; }
    .kv-archive-layout { grid-template-columns: 280px minmax(0,1fr); gap: 22px; }
    .kv-single-gallery { height: 520px; }
    .kv-single__layout { grid-template-columns: minmax(0,1fr) 340px; }
    .site-footer__grid { grid-template-columns: 1.3fr repeat(3,1fr); gap: 38px; }
}

/* App-style mobile */
@media (max-width: 820px) {
    body { padding-bottom: calc(72px + env(safe-area-inset-bottom)); }
    .site-footer { padding-bottom: 35px; }
    .site-header { position: absolute; }
    body:not(.home) .site-header { position: fixed; color: var(--kv-text) !important; background: rgba(255,255,255,.98) !important; box-shadow: 0 4px 20px rgba(15,21,32,.06) !important; }
    body:not(.home) .site-header .kv-menu-toggle span { background: var(--kv-text); }
    .site-header__inner { min-height: 88px; }
    .site-header .kv-logo { min-width: 0; }
    .kv-logo__icon { width: 48px; height: 48px; }
    .kv-logo__text { font-size: clamp(22px,6.2vw,29px); }
    .site-header__actions { display: none; }
    .kv-menu-toggle { display: flex; margin-left: auto; }
    .site-navigation { width: min(390px,91vw); }

    .kv-hero { min-height: 1005px; padding-bottom: 30px; border-radius: 0 0 24px 24px; overflow: visible; }
    .kv-hero__inner { min-height: 1005px; padding-top: 126px; }
    .kv-hero__copy h1 { font-size: clamp(51px,13vw,78px); }
    .kv-hero__copy p { max-width: 560px; }
    .kv-hero__shape { width: 700px; height: 540px; right: -380px; bottom: 235px; border-radius: 50%; transform: none; }
    .kv-hero__car { bottom: 420px; left: 50%; width: min(690px,96vw); transform: translateX(-43%); }
    .kv-search-card { width: calc(100% - 4px); margin-top: 370px; }
    .kv-search-card__row,.kv-search-card__actions { grid-template-columns: 1fr 1fr; }

    .kv-featured { padding-top: 95px; }
    .kv-featured-grid__small { grid-template-columns: 1fr; }
    .kv-car-card--small,.kv-car-card--standard { grid-template-columns: 41% 1fr; min-height: 174px; color: var(--kv-text); background: #fff; }
    .kv-car-card--small .kv-car-card__media,.kv-car-card--standard .kv-car-card__media { height: calc(100% - 22px); min-height: 150px; margin: 11px; border-radius: 13px; }
    .kv-car-card__media::after { display: none; }
    .kv-car-card__favorite { top: 13px; right: 13px; color: var(--kv-text); background: rgba(255,255,255,.88); border: 1px solid var(--kv-line); }
    .kv-car-card__compare { display: none; }
    .kv-car-card__photos { display: none; }
    .kv-car-card__body { padding: 22px 15px 15px 4px; }
    .kv-car-card__body h3 { max-width: calc(100% - 42px); font-weight: 800; }
    .kv-car-card__price { color: var(--kv-accent); }
    .kv-car-card__meta { border-top: 0; flex-wrap: wrap; gap: 7px; }
    .kv-car-card__meta span { padding: 3px 8px; color: #5d6676; border: 1px solid var(--kv-line); border-radius: 7px; font-size: 11px; }
    .kv-car-card__meta span:nth-child(n+4) { display: none; }
    .kv-car-card__location { display: none; }
    .kv-mobile-section-link { display: block; margin-top: 24px; text-align: right; }
    .kv-mobile-section-link a { display: inline-flex; align-items: center; gap: 5px; color: var(--kv-accent); font-weight: 700; }
    .kv-mobile-section-link .kv-icon { width: 18px; height: 18px; }
    .kv-popular-grid { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
    .kv-popular-grid::-webkit-scrollbar { display: none; }
    .kv-popular-grid .kv-car-card { flex: 0 0 min(88%,430px); scroll-snap-align: start; }
    .kv-how__grid { grid-template-columns: 1fr; }
    .kv-sell-cta__inner { align-items: flex-start; flex-direction: column; }

    .kv-page-hero { padding: 135px 0 58px; }
    .kv-page-hero--archive { min-height: 330px; }
    .kv-page-hero h1 { font-size: 48px; }
    .kv-archive-layout { display: block; }
    .kv-filter-sidebar { position: fixed; z-index: 1005; inset: 0 auto 0 0; width: min(390px,92vw); border-radius: 0; transform: translateX(-105%); transition: .25s ease; overflow-y: auto; }
    .kv-filter-sidebar.is-open { transform: none; }
    .kv-filter-sidebar__head button { display: grid; place-items: center; width: 40px; height: 40px; padding: 0; background: var(--kv-soft); border: 0; border-radius: 50%; }
    .kv-filter-overlay { position: fixed; z-index: 1004; inset: 0; display: block; background: rgba(4,7,12,.62); opacity: 0; visibility: hidden; transition: .2s ease; }
    .kv-filter-overlay.is-open { opacity: 1; visibility: visible; }
    .kv-mobile-filter-button { display: inline-flex; margin-right: 10px; padding: 9px 13px; color: #fff; background: var(--kv-accent); border: 0; border-radius: 8px; font-weight: 700; }
    .kv-archive-toolbar { align-items: flex-start; }
    .kv-archive-grid { grid-template-columns: 1fr; }

    .kv-single-head { padding: 125px 0 25px; }
    .kv-single-head__row { align-items: flex-start; flex-direction: column; }
    .kv-single-head h1 { font-size: 42px; }
    .kv-single-head__actions button span { display: none; }
    .kv-single-gallery { grid-template-columns: 1fr; height: 440px; border-radius: 14px; }
    .kv-single-gallery__side { display: none; }
    .kv-single__layout { grid-template-columns: 1fr; }
    .kv-single__sidebar { position: static; order: -1; }
    .kv-specs__grid { grid-template-columns: 1fr; }
    .kv-related .kv-popular-grid { display: flex; }
    .kv-lightbox { grid-template-columns: 45px minmax(0,1fr) 45px; padding: 18px; gap: 7px; }
    .kv-lightbox button { width: 42px; height: 42px; }

    .kv-auth-page { display: block; min-height: 0; padding-top: 88px; }
    .kv-auth-page__visual { min-height: 280px; padding: 45px 24px; }
    .kv-auth-page__visual .kv-logo { display: none; }
    .kv-auth-page__visual h1 { font-size: 46px; }
    .kv-auth-page__form { padding: 45px 20px 70px; }
    .kv-auth-card h2 { font-size: 32px; }

    .kv-dashboard-head { padding: 130px 0 50px; }
    .kv-dashboard__layout { grid-template-columns: 1fr; }
    .kv-dashboard-nav { position: static; }
    .kv-dashboard-nav nav { grid-template-columns: 1fr 1fr; }
    .kv-dashboard-nav nav a { font-size: 13px; }
    .kv-profile-form { grid-template-columns: 1fr; }
    .kv-dashboard-card__head { align-items: flex-start; flex-direction: column; }
    .kv-my-listings article { grid-template-columns: 105px minmax(0,1fr); }
    .kv-my-listings img { width: 105px; height: 82px; }
    .kv-my-listings__actions { grid-column: 1/-1; justify-content: flex-end; }

    .kv-form-grid { grid-template-columns: 1fr; }
    .kv-form-grid__full { grid-column: auto; }
    .kv-submit-form__footer { align-items: stretch; flex-direction: column; }
    .kv-submit-form__footer .kv-primary-button { width: 100%; }
    .kv-saved-grid { grid-template-columns: 1fr; }
    .kv-compare-grid { display: flex; overflow-x: auto; }
    .kv-compare-card { flex: 0 0 85%; }

    .site-footer__grid { grid-template-columns: 1fr 1fr; gap: 38px 24px; }
    .site-footer__brand { grid-column: 1/-1; }
    .site-footer__bottom { align-items: flex-start; flex-direction: column; }

    .kv-mobile-bottom { position: fixed; z-index: 999; left: 0; right: 0; bottom: 0; display: grid; grid-template-columns: repeat(5,1fr); min-height: calc(67px + env(safe-area-inset-bottom)); padding: 6px 7px env(safe-area-inset-bottom); background: rgba(255,255,255,.98); border-top: 1px solid #e8ebef; box-shadow: 0 -8px 30px rgba(15,21,32,.08); }
    .kv-mobile-bottom a { position: relative; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 2px; color: #7b8595; font-size: 10px; font-weight: 700; }
    .kv-mobile-bottom a.is-active { color: var(--kv-accent); }
    .kv-mobile-bottom .kv-icon { width: 21px; height: 21px; }
    .kv-mobile-bottom__add .kv-icon { width: 43px; height: 43px; margin-top: -27px; padding: 10px; color: #fff; background: var(--kv-accent); border-radius: 50%; box-shadow: 0 8px 20px rgba(255,60,10,.35); }
}

@media (max-width: 520px) {
    .site-header__inner { min-height: 80px; }
    .kv-logo__icon { width: 43px; height: 43px; }
    .kv-logo__text { font-size: 23px; }
    .kv-hero { min-height: 925px; }
    .kv-hero__inner { min-height: 925px; padding-top: 108px; }
    .kv-hero__copy h1 { font-size: clamp(47px,14vw,64px); }
    .kv-outline-button { min-height: 53px; font-size: 16px; }
    .kv-hero__car { bottom: 394px; width: 590px; transform: translateX(-47%); }
    .kv-search-card { margin-top: 330px; }
    .kv-search-card__row { gap: 9px; }
    .kv-search-card__actions { gap: 9px; }
    .kv-car-card--small,.kv-car-card--standard { grid-template-columns: 42% 1fr; min-height: 154px; }
    .kv-car-card--small .kv-car-card__media,.kv-car-card--standard .kv-car-card__media { min-height: 132px; }
    .kv-car-card__body { padding: 17px 8px 11px 2px; }
    .kv-car-card__body h3 { font-size: 15px; }
    .kv-car-card__price { font-size: 19px; }
    .kv-car-card__meta span { padding: 2px 6px; font-size: 10px; }
    .kv-single-gallery { height: 320px; }
    .kv-single-card,.kv-seller-card,.kv-form-section,.kv-dashboard-card { padding: 22px; }
    .kv-archive-toolbar { gap: 10px; }
    .kv-sort-select { max-width: 145px; font-size: 12px; }
    .site-footer__grid { grid-template-columns: 1fr; }
    .site-footer__brand { grid-column: auto; }
}

/* =====================================================================
   KerkoVeturen 4.0 — original Vehica geometry, native/no Elementor
   This block intentionally wins over all earlier compatibility rules.
   ===================================================================== */
:root {
    --kv-accent: #ff4605;
    --kv-accent-dark: #e63d00;
    --kv-navy: #101620;
    --kv-navy-shape: #242b37;
    --kv-text: #222732;
    --kv-muted: #9aa8bd;
}
html, body { overflow-x: hidden; }
body { font-family: "Muli", "Mulish", Arial, sans-serif; }
body:not(.home) .site-main { padding-top: 86px; }
.home .site-main { padding-top: 0; }
.kv-container { width: min(1540px, calc(100% - 128px)); margin-inline: auto; }
.kv-mobile-bottom { display: none !important; }

/* Header — same proportions as the supplied original demo */
.site-header {
    position: fixed;
    z-index: 1000;
    inset: 0 0 auto;
    color: #222732;
    background: rgba(255,255,255,.98);
    border: 0;
    box-shadow: 0 2px 12px rgba(16,22,32,.08);
}
.home .site-header:not(.is-scrolled) {
    color: #fff;
    background: transparent;
    box-shadow: none;
}
.site-header__inner {
    width: 100%;
    min-height: 92px;
    padding: 0 28px;
    display: flex;
    align-items: center;
    gap: 70px;
}
.site-header__logo { flex: 0 0 auto; }
.kv-logo { display: inline-flex; align-items: center; gap: 10px; color: currentColor; white-space: nowrap; }
.kv-logo__icon { width: 53px; height: 44px; }
.kv-logo__ring { stroke: var(--kv-accent); }
.kv-logo__car { fill: #fff; stroke: #fff; }
body:not(.home) .kv-logo__car, .site-header.is-scrolled .kv-logo__car { fill: #222732; stroke: #222732; }
.kv-logo__wheel { fill: #101620; }
.kv-logo__text { font-size: 27px; font-weight: 500; line-height: 1; letter-spacing: -.055em; }
.kv-logo__text strong { font-weight: 800; }
.kv-logo__text span { color: var(--kv-accent); font-size: .58em; font-weight: 800; }
.site-navigation { margin-right: auto; }
.kv-menu, .site-navigation .menu { display: flex; align-items: center; gap: 56px; margin: 0; padding: 0; list-style: none; }
.kv-menu a, .site-navigation .menu a { min-height: 52px; display: inline-flex; align-items: center; color: inherit; font-size: 16px; font-weight: 600; }
.site-header__actions { display: flex; align-items: center; gap: 23px; color: inherit; font-weight: 600; }
.kv-header-icon { position: relative; display: inline-flex; color: var(--kv-accent); }
.kv-header-icon .kv-icon { width: 25px; height: 25px; }
.kv-account-link { display: inline-flex; align-items: center; gap: 10px; }
.kv-account-link .kv-icon { width: 22px; height: 22px; color: var(--kv-accent); }
.kv-divider { width: 1px; height: 25px; background: currentColor; opacity: .25; }
.kv-add-listing { min-height: 58px; padding: 0 23px; display: inline-flex; align-items: center; gap: 10px; border: 1px solid var(--kv-accent); border-radius: 5px; font-weight: 700; }
.kv-add-listing:hover { color: #fff; background: var(--kv-accent); }
.kv-menu-toggle, .kv-mobile-account { display: none; }

/* Desktop landing */
.kv-hero {
    position: relative;
    height: 650px;
    min-height: 650px;
    overflow: visible;
    color: #fff;
    background: var(--kv-navy);
}
.kv-hero__inner { position: relative; height: 650px; min-height: 650px; padding-top: 0; }
.kv-hero__copy {
    position: absolute;
    z-index: 4;
    top: 113px;
    left: 0;
    width: 620px;
}
.kv-hero__copy h1 {
    margin: 0;
    max-width: 620px;
    color: #fff;
    font-size: clamp(88px, 5.75vw, 118px);
    line-height: .99;
    letter-spacing: -.065em;
    font-weight: 800;
}
.kv-hero__copy h1 span { display: block; white-space: nowrap; }
.kv-hero__copy p {
    max-width: 540px;
    margin: 42px 0 32px;
    color: #9eb0c9;
    font-size: 18px;
    line-height: 1.65;
}
.kv-outline-button { min-width: 166px; min-height: 65px; border-radius: 6px; font-size: 16px; }
.kv-hero__shape {
    position: absolute;
    z-index: 1;
    width: 1090px;
    height: 640px;
    right: -55px;
    bottom: -310px;
    border-radius: 52% 48% 0 0 / 65% 62% 0 0;
    background: var(--kv-navy-shape);
    transform: rotate(-5deg);
}
.kv-hero__orb { position: absolute; z-index: 2; border-radius: 50%; background: #202733; }
.kv-hero__orb--one { width: 198px; height: 198px; top: 78px; right: 4.1%; }
.kv-hero__orb--two { width: 60px; height: 60px; left: 5.1%; bottom: 134px; }
.kv-hero__orb--three { width: 52px; height: 52px; right: 3.3%; bottom: 88px; }
.kv-search-card {
    position: absolute;
    z-index: 8;
    top: 104px;
    right: 0;
    width: 510px;
    margin: 0;
    overflow: hidden;
    background: #f4f4f4;
    border-radius: 20px;
    box-shadow: 0 13px 0 rgba(190,194,199,.76);
}
.kv-search-tabs { display: grid; grid-template-columns: repeat(3, 1fr); height: 70px; background: #f4f4f4; }
.kv-search-tabs button {
    position: relative;
    min-height: 70px;
    padding: 0;
    color: #222732;
    background: transparent;
    border: 0;
    border-right: 1px solid #e6e6e6;
    font-size: 16px;
    font-weight: 700;
}
.kv-search-tabs button:last-child { border-right: 0; }
.kv-search-tabs button.is-active { color: var(--kv-accent); }
.kv-search-tabs button.is-active::after { content: ""; position: absolute; left: 29px; right: 29px; bottom: 0; height: 3px; background: var(--kv-accent); }
.kv-search-card__body { padding: 30px 30px 24px; background: #fff; border-radius: 20px; }
.kv-field { min-height: 59px; padding: 0 24px; border-radius: 10px; border: 1px solid #e2e7ed; font-size: 15px; font-weight: 500; }
.kv-search-card__row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 14px; }
.kv-search-card__actions { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; align-items: center; margin-top: 18px; }
.kv-search-card__actions a { padding-left: 8px; color: #222732; font-size: 15px; }
.kv-search-card__actions button { min-height: 59px; color: #fff; background: var(--kv-accent); border: 0; border-radius: 10px; font-size: 17px; font-weight: 700; }
.kv-search-card__count { margin: 24px 0 0; color: #9aa2ad; text-align: center; font-size: 13px; }
.kv-search-card__count strong { color: var(--kv-accent); }
.kv-hero__car {
    position: absolute;
    z-index: 7;
    left: 54.2%;
    bottom: -62px;
    width: 525px;
    max-width: none;
    height: auto;
    transform: translateX(-50%);
    filter: drop-shadow(0 21px 12px rgba(0,0,0,.30));
}
.kv-featured { padding-top: 112px; }

/* Footer restored as a full native marketplace footer */
.site-footer { padding: 78px 0 22px; color: #dbe2ec; background: #0b1018; }
.site-footer__grid { display: grid; grid-template-columns: 1.4fr .7fr .7fr 1fr; gap: 62px; }
.site-footer .kv-logo { color: #fff; }
.site-footer .kv-logo__car { fill: #fff !important; stroke: #fff !important; }
.site-footer h3 { margin: 4px 0 18px; color: #fff; font-size: 18px; }
.site-footer p { color: #8f9bac; }
.site-footer__contact { display: grid; gap: 10px; margin-top: 24px; }
.site-footer__contact a { display: flex; align-items: center; gap: 10px; }
.kv-footer-menu { margin: 0; padding: 0; list-style: none; }
.kv-footer-menu li + li { margin-top: 10px; }
.kv-footer-menu a:hover { color: var(--kv-accent); }
.site-footer__bottom { display: flex; justify-content: space-between; gap: 24px; margin-top: 56px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.09); font-size: 13px; }
.site-footer__bottom p { margin: 0; }

/* Tablet */
@media (max-width: 1199px) and (min-width: 768px) {
    .kv-container { width: min(100% - 64px, 1080px); }
    .site-header__inner { gap: 34px; padding-inline: 24px; }
    .kv-menu, .site-navigation .menu { gap: 28px; }
    .kv-register-link, .kv-divider, .kv-header-icon { display: none; }
    .kv-hero { height: 760px; min-height: 760px; }
    .kv-hero__inner { height: 760px; min-height: 760px; }
    .kv-hero__copy { top: 130px; width: 48%; }
    .kv-hero__copy h1 { font-size: clamp(66px, 8vw, 88px); }
    .kv-search-card { top: 132px; width: 45%; }
    .kv-hero__car { width: 500px; left: 50%; bottom: -50px; }
}

/* Mobile — follows the actual Vehica mobile composition */
@media (max-width: 767px) {
    body:not(.home) .site-main { padding-top: 72px; }
    .kv-container { width: calc(100% - 36px); }
    .site-header { position: absolute; color: #fff !important; background: transparent !important; box-shadow: none !important; }
    .site-header__inner { position: relative; min-height: 72px; padding: 0 18px; justify-content: center; gap: 0; }
    .site-header__logo { position: absolute; left: 50%; top: 17px; transform: translateX(-50%); }
    .kv-logo { gap: 8px; }
    .kv-logo__icon { width: 46px; height: 38px; }
    .kv-logo__text { font-size: 24px; }
    .kv-logo__text span { font-size: .51em; }
    .site-navigation { position: fixed; z-index: 1003; inset: 0 auto 0 0; width: min(330px, 88vw); margin: 0; padding: 25px; color: #222732; background: #fff; transform: translateX(-105%); transition: transform .25s ease; box-shadow: 18px 0 45px rgba(0,0,0,.18); }
    .site-navigation.is-open { transform: translateX(0); }
    .site-navigation__mobile-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 28px; }
    .site-navigation__mobile-head .kv-logo { color: #222732; }
    .site-navigation__mobile-head .kv-logo__car { fill: #222732; stroke: #222732; }
    .kv-nav-close { display: inline-flex; width: 42px; height: 42px; align-items: center; justify-content: center; border: 0; background: transparent; }
    .kv-menu, .site-navigation .menu { display: grid; gap: 0; }
    .kv-menu a, .site-navigation .menu a { width: 100%; min-height: 50px; border-bottom: 1px solid #edf0f3; }
    .site-navigation__mobile-actions { display: grid; gap: 12px; margin-top: 28px; }
    .site-navigation__mobile-actions a { display: flex; align-items: center; gap: 12px; min-height: 46px; }
    .kv-nav-overlay { position: fixed; z-index: 1002; inset: 0; display: block; background: rgba(10,15,23,.55); opacity: 0; visibility: hidden; transition: .25s ease; }
    .kv-nav-overlay.is-open { opacity: 1; visibility: visible; }
    .site-header__actions { display: none; }
    .kv-menu-toggle { position: absolute; left: 15px; top: 18px; display: flex; width: 30px; height: 36px; padding: 6px 3px; flex-direction: column; justify-content: center; gap: 5px; color: var(--kv-accent); background: transparent; border: 0; }
    .kv-menu-toggle span { width: 21px; height: 3px; border-radius: 2px; background: currentColor; }
    .kv-mobile-account { position: absolute; right: 18px; top: 19px; display: block; width: 35px; height: 31px; color: #fff; }
    .kv-mobile-account svg { width: 100%; height: 100%; fill: #fff; stroke: #fff; stroke-width: 1.2; }

    .kv-hero { height: 1190px; min-height: 1190px; overflow: hidden; border-radius: 0; }
    .kv-hero__inner { width: 100%; height: 1190px; min-height: 1190px; padding: 0 18px; }
    .kv-hero__copy { top: 132px; left: 18px; right: 18px; width: auto; text-align: center; }
    .kv-hero__copy h1 { max-width: none; font-size: clamp(37px, 10.7vw, 45px); line-height: 1.1; letter-spacing: -.045em; }
    .kv-hero__copy h1 span { white-space: normal; }
    .kv-hero__copy p { max-width: 330px; margin: 12px auto 0; color: #a9b8ce; font-size: 16px; line-height: 1.5; }
    .kv-outline-button { display: none; }
    .kv-hero__orb--one, .kv-hero__orb--two { display: none; }
    .kv-hero__orb--three { display: none; }
    .kv-hero__shape { width: 630px; height: 510px; right: -445px; bottom: 185px; border-radius: 50%; transform: rotate(-7deg); }

    .kv-search-card { top: 340px; left: 18px; right: 18px; width: auto; border-radius: 20px; box-shadow: 0 10px 0 rgba(190,194,199,.78); }
    .kv-search-tabs { height: 72px; }
    .kv-search-tabs button { min-height: 72px; font-size: 16px; }
    .kv-search-tabs button.is-active::after { left: 15px; right: 15px; height: 3px; }
    .kv-search-card__body { padding: 30px 34px 28px; border-radius: 20px; }
    .kv-field { min-height: 61px; padding: 0 30px; border-radius: 10px; font-size: 16px; font-weight: 600; }
    .kv-search-card__row { grid-template-columns: 1fr; gap: 14px; margin-top: 14px; }
    .kv-search-card__actions { display: block; margin-top: 24px; }
    .kv-search-card__actions a { display: none; }
    .kv-search-card__actions button { min-width: 118px; min-height: 60px; padding: 0 26px; border-radius: 10px; font-size: 17px; }
    .kv-search-card__count { margin-top: 40px; font-size: 14px; }
    .kv-hero__car { top: 918px; bottom: auto; left: 50%; width: 348px; transform: translateX(-50%); filter: drop-shadow(0 16px 12px rgba(0,0,0,.35)); }
    .kv-featured { padding-top: 72px; }

    .site-footer__grid { grid-template-columns: 1fr; gap: 34px; }
    .site-footer__bottom { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 390px) {
    .site-header__logo .kv-logo__text { font-size: 22px; }
    .site-header__logo .kv-logo__icon { width: 43px; height: 36px; }
    .kv-hero__copy { top: 135px; }
    .kv-hero__copy h1 { font-size: 38px; }
    .kv-search-card__body { padding-inline: 34px; }
}

/* Final geometry calibration against the supplied Vehica screenshots */
@media (min-width: 1200px) {
    .kv-container {
        width: min(1540px, calc(100% - 96px));
        margin-left: clamp(48px, 7.2vw, 148px);
        margin-right: 0;
    }
    .kv-hero__shape {
        bottom: -210px;
        clip-path: inset(0 0 210px 0);
    }
    .kv-hero__car {
        left: 50.6%;
        bottom: -89px;
        width: 600px;
    }
}
@media (max-width: 767px) {
    .kv-container { margin-left: auto; margin-right: auto; }
    .kv-hero__copy { top: 130px; }
    .kv-hero__shape { bottom: 250px; clip-path: none; }
    .kv-search-card__body { padding-bottom: 32px; }
    .kv-search-card__count { margin-top: 44px; }
    .kv-hero__car { top: 840px; width: 410px; }
}

/* Pixel calibration: the reference desktop screenshot is 2048 px wide. */
@media (min-width: 1200px) {
    .kv-container {
        --kv-left: clamp(48px, 7.2vw, 148px);
        --kv-right: clamp(48px, 7.8vw, 160px);
        width: min(1740px, calc(100% - var(--kv-left) - var(--kv-right)));
        margin-left: var(--kv-left);
        margin-right: 0;
    }
    .kv-search-card { width: clamp(510px, 27.75vw, 568px); }
    .kv-hero__car { left: 50.5%; width: clamp(600px, 32.72vw, 670px); bottom: -94px; }
    .kv-hero__shape {
        width: 1320px;
        height: 730px;
        right: 0;
        bottom: -300px;
        border-radius: 58% 42% 0 0 / 70% 55% 0 0;
        transform: none;
        clip-path: inset(0 0 300px 0);
    }
}

/* =========================================================
   KerkoVeturen 5.0 — final Vehica-native landing additions
   ========================================================= */
.kv-featured-mobile-more,
.kv-popular-more { margin-top: 34px; text-align: center; }
.kv-featured-mobile-more a,
.kv-popular-more a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 58px;
    padding: 0 30px;
    color: #fff;
    background: var(--kv-accent);
    border-radius: 10px;
    font-weight: 700;
}
.kv-featured-mobile-more { display: none; }
.kv-popular-more { display: none; }

.kv-social-strip {
    display: none;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 17px;
    padding-top: 44px;
    color: #9aa2b1;
}
.kv-social-strip > span { font-size: 18px; }
.kv-social-strip > div { display: flex; gap: 14px; }
.kv-social-strip a {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    color: #202633;
    background: #f0f1f3;
    border-radius: 50%;
    font-size: 18px;
    font-weight: 700;
}

/* Benefits */
.kv-benefits { background: #fff; }
.kv-section-heading--center { justify-content: center; text-align: center; }
.kv-benefits__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 55px;
    max-width: 1280px;
    margin: 0 auto;
}
.kv-benefits__grid article { text-align: center; }
.kv-benefits__icon {
    display: grid;
    place-items: center;
    width: 88px;
    height: 88px;
    margin: 0 auto 30px;
    border-radius: 50%;
    font-size: 30px;
    font-weight: 900;
}
.kv-benefits__icon--orange { color: #ff3c0a; background: #fff0eb; }
.kv-benefits__icon--green { color: #31d80d; background: #efffeb; }
.kv-benefits__icon--blue { color: #1478ff; background: #eaf3ff; }
.kv-benefits h3 { margin: 0 0 20px; color: #101621; font-size: 25px; font-weight: 800; }
.kv-benefits article p { max-width: 390px; margin: 0 auto; color: #7d8796; font-size: 17px; line-height: 1.8; }

/* Team section */
.kv-team-showcase {
    padding: 100px 0;
    background: var(--kv-soft);
}
.kv-team-showcase__grid {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    gap: 72px;
    align-items: center;
}
.kv-team-card {
    position: relative;
    overflow: hidden;
    min-height: 520px;
    padding: 62px;
    color: #fff;
    background: #101621 url('../img/background-team.png') center/cover no-repeat;
    border-radius: 24px;
    box-shadow: 0 24px 60px rgba(15, 21, 32, .16);
}
.kv-team-card h2 { margin: 0 0 30px; color: #fff; font-size: clamp(42px, 4.3vw, 68px); line-height: 1.05; font-weight: 800; letter-spacing: -.05em; }
.kv-team-card ul,
.kv-buy-card ul { margin: 0; padding: 0; list-style: none; }
.kv-team-card li,
.kv-buy-card li { position: relative; padding-left: 38px; }
.kv-team-card li { margin: 14px 0; color: #aebfd7; font-size: 19px; }
.kv-team-card li::before,
.kv-buy-card li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: .15em;
    display: grid;
    place-items: center;
    width: 20px;
    height: 20px;
    color: #101621;
    background: var(--kv-accent);
    border-radius: 50%;
    font-size: 12px;
    font-weight: 900;
}
.kv-team-copy h2 { margin: 0 0 22px; color: #1d2431; font-size: clamp(46px, 4.6vw, 72px); line-height: 1.08; letter-spacing: -.055em; font-weight: 800; }
.kv-team-copy > p:not(.kv-eyebrow) { max-width: 680px; margin-bottom: 30px; color: #7d8796; font-size: 18px; line-height: 1.8; }

/* App and buying */
.kv-app-section { background: #fff; }
.kv-app-section__grid {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: 42px;
    align-items: stretch;
}
.kv-app-card {
    position: relative;
    min-height: 660px;
    overflow: hidden;
    padding: 72px 64px;
    color: #fff;
    background: var(--kv-accent);
    border-radius: 22px;
}
.kv-app-card__copy { position: relative; z-index: 3; max-width: 410px; }
.kv-app-card .kv-eyebrow { color: #fff; opacity: .82; }
.kv-app-card h2,
.kv-buy-card h2 { margin: 0; font-size: clamp(48px, 4.6vw, 76px); line-height: 1.04; letter-spacing: -.055em; font-weight: 800; }
.kv-store-buttons { display: grid; gap: 12px; width: 250px; margin-top: 32px; }
.kv-store-buttons a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 62px;
    color: #101621;
    background: #fff;
    border-radius: 28px;
    font-size: 17px;
}
.kv-store-buttons a span { color: var(--kv-accent); font-size: 24px; }
.kv-phone-mockup {
    position: absolute;
    z-index: 2;
    right: 5.5%;
    bottom: -54px;
    width: 285px;
    height: 535px;
    padding: 40px 18px 0;
    color: #fff;
    background: #0f1520;
    border: 8px solid #f14417;
    border-radius: 35px;
    box-shadow: 0 24px 42px rgba(37, 8, 0, .27);
    text-align: center;
}
.kv-phone-mockup__notch { position: absolute; top: -1px; left: 50%; width: 86px; height: 21px; background: #f14417; border-radius: 0 0 13px 13px; transform: translateX(-50%); }
.kv-phone-mockup__logo { margin-bottom: 18px; color: #fff; font-size: 15px; text-align: left; }
.kv-phone-mockup__logo span { margin-right: 13px; color: var(--kv-accent); }
.kv-phone-mockup__logo strong { color: var(--kv-accent); }
.kv-phone-mockup h3 { margin: 0 0 16px; color: #fff; font-size: 18px; font-weight: 800; }
.kv-phone-field { height: 38px; margin: 8px 0; padding: 9px 12px; color: #7c8491; background: #fff; border-radius: 4px; font-size: 11px; text-align: left; }
.kv-phone-button { width: 115px; margin: 12px auto; padding: 9px; color: #fff; background: var(--kv-accent); border-radius: 4px; font-size: 11px; }
.kv-phone-mockup img { position: absolute; left: 50%; bottom: 4px; width: 265px; max-width: none; transform: translateX(-50%); filter: drop-shadow(0 8px 6px rgba(0,0,0,.35)); }

.kv-buy-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 660px;
    padding: 72px;
    color: #fff;
    background: #222936;
    border-radius: 22px;
}
.kv-buy-card h2 { max-width: 620px; color: #fff; text-align: center; }
.kv-buy-card ul { width: min(100%, 480px); margin: 42px auto 0; }
.kv-buy-card li { margin: 15px 0; color: #9eb0c9; font-size: 19px; }
.kv-buy-card .kv-outline-button { margin-top: 42px; width: 100%; }

/* Newsletter */
.kv-newsletter { padding: 92px 0; border-top: 1px solid #edf0f4; background: #fff; }
.kv-newsletter__inner { display: flex; align-items: center; justify-content: space-between; gap: 50px; }
.kv-newsletter h2 { margin: 0; color: #172031; font-size: clamp(48px, 5vw, 76px); line-height: 1; font-weight: 800; letter-spacing: -.05em; }
.kv-newsletter form { display: flex; width: min(100%, 610px); padding: 8px; background: #f2f5f9; border-radius: 12px; }
.kv-newsletter input { flex: 1; min-width: 0; min-height: 58px; padding: 0 22px; background: transparent; border: 0; outline: 0; }
.kv-newsletter button { min-width: 150px; color: #fff; background: var(--kv-accent); border: 0; border-radius: 9px; font-weight: 700; }

@media (max-width: 1100px) {
    .kv-app-section__grid,
    .kv-team-showcase__grid { grid-template-columns: 1fr; }
    .kv-phone-mockup { right: 10%; }
}

/* Mobile visual parity with the supplied Vehica screenshots */
@media (max-width: 767px) {
    .kv-featured { padding-top: 88px; padding-bottom: 54px; }
    .kv-section-heading { align-items: center; text-align: center; }
    .kv-featured .kv-section-heading { gap: 26px; }
    .kv-featured .kv-eyebrow { margin-bottom: 9px; font-size: 20px; }
    .kv-featured .kv-section h2,
    .kv-featured h2 { font-size: 42px; }
    .kv-featured .kv-filter-tabs { display: flex; justify-content: center; gap: 22px; width: 100%; overflow: visible; }
    .kv-featured .kv-filter-tabs button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 134px; min-width: 134px; min-height: 59px; font-size: 17px; }
    .kv-featured .kv-filter-tabs button:first-child { display: none; }

    .kv-featured-grid { display: block; }
    .kv-featured-grid > .kv-car-card--large { display: block; margin-bottom: 20px; }
    .kv-featured-grid__small { display: grid; grid-template-columns: 1fr; gap: 20px; }
    .kv-featured-grid__small .kv-car-card:nth-child(n+3) { display: none; }

    .kv-featured .kv-car-card,
    .kv-popular .kv-car-card {
        display: block;
        min-height: 0;
        color: #fff;
        background: #222936;
        border-radius: 11px;
        box-shadow: none;
    }
    .kv-featured .kv-car-card__media,
    .kv-popular .kv-car-card__media { height: auto; min-height: 0; margin: 0; border-radius: 0; }
    .kv-featured .kv-car-card__image,
    .kv-popular .kv-car-card__image,
    .kv-featured .kv-car-card--large .kv-car-card__image,
    .kv-popular .kv-car-card--standard .kv-car-card__image { height: 236px; min-height: 236px; margin: 0; border-radius: 0; }
    .kv-featured .kv-car-card__image::after,
    .kv-popular .kv-car-card__image::after { display: block; }
    .kv-featured .kv-car-card__favorite,
    .kv-popular .kv-car-card__favorite { top: auto; right: auto; left: 22px; bottom: 13px; width: auto; height: auto; padding: 0; color: rgba(255,255,255,.7); background: none; border: 0; border-radius: 0; font-size: 27px; }
    .kv-featured .kv-car-card__photos,
    .kv-popular .kv-car-card__photos { display: inline-flex; align-items: center; gap: 5px; }
    .kv-featured .kv-car-card__body,
    .kv-popular .kv-car-card__body,
    .kv-featured .kv-car-card--large .kv-car-card__body { padding: 15px 24px 20px; }
    .kv-featured .kv-car-card__body h3,
    .kv-popular .kv-car-card__body h3,
    .kv-featured .kv-car-card--large .kv-car-card__body h3 { max-width: 100%; margin: 0 0 5px; color: #fff; font-size: 18px; line-height: 1.35; font-weight: 500; white-space: normal; }
    .kv-featured .kv-car-card__price,
    .kv-popular .kv-car-card__price,
    .kv-featured .kv-car-card--large .kv-car-card__price { color: #fff; font-size: 24px; }
    .kv-featured .kv-car-card__meta,
    .kv-popular .kv-car-card__meta { display: flex; flex-wrap: nowrap; gap: 20px; margin-top: 10px; padding-top: 14px; color: #aeb9cc; border-top: 1px solid rgba(255,255,255,.1); overflow: hidden; }
    .kv-featured .kv-car-card__meta span,
    .kv-popular .kv-car-card__meta span { display: inline; padding: 0; color: inherit; border: 0; border-radius: 0; font-size: 13px; }
    .kv-featured .kv-car-card__meta .kv-year,
    .kv-popular .kv-car-card__meta .kv-year { display: inline-flex; padding: 5px 13px; color: #fff; background: var(--kv-accent); border-radius: 5px; }
    .kv-featured .kv-car-card__meta span:nth-child(2) { display: none; }
    .kv-featured .kv-car-card__ribbon { display: none; }
    .kv-featured-mobile-more { display: block; }
    .kv-featured-mobile-more a { width: 100%; }
    .kv-social-strip { display: flex; }

    .kv-popular { padding-top: 66px; padding-bottom: 66px; background: #f1f5fb; }
    .kv-popular__top { display: flex; align-items: center; gap: 28px; margin-bottom: 38px; text-align: center; }
    .kv-popular h2 { font-size: 42px; }
    .kv-make-tabs { display: flex; width: 100%; overflow-x: auto; gap: 14px; padding-bottom: 4px; }
    .kv-make-tabs button { flex: 0 0 135px; min-height: 72px; }
    .kv-popular-grid { display: block; overflow: visible; }
    .kv-popular-grid .kv-car-card { display: none; }
    .kv-popular-grid .kv-car-card:first-child { display: block; }
    .kv-popular .kv-car-card__ribbon { display: block; }
    .kv-carousel-arrows { display: flex; justify-content: center; margin-top: 44px; }
    .kv-carousel-arrows button { width: 62px; height: 62px; font-size: 38px; }
    .kv-popular-more { display: block; }

    .kv-benefits { padding: 72px 0; }
    .kv-benefits .kv-section-heading { margin-bottom: 52px; }
    .kv-benefits h2 { font-size: 42px; }
    .kv-benefits__grid { grid-template-columns: 1fr; gap: 56px; }
    .kv-benefits__icon { width: 86px; height: 86px; margin-bottom: 28px; }
    .kv-benefits h3 { margin-bottom: 22px; font-size: 24px; }
    .kv-benefits article p { max-width: 370px; font-size: 16px; line-height: 1.85; }

    .kv-team-showcase { padding: 68px 0; }
    .kv-team-showcase__grid { gap: 35px; }
    .kv-team-card { min-height: auto; padding: 48px 28px; border-radius: 20px; }
    .kv-team-card h2 { font-size: 43px; }
    .kv-team-card li { margin: 14px 0; padding-left: 42px; font-size: 17px; }
    .kv-team-copy { text-align: center; }
    .kv-team-copy h2 { font-size: 43px; }
    .kv-team-copy > p:not(.kv-eyebrow) { font-size: 16px; }

    .kv-app-section { padding: 70px 0; }
    .kv-app-section__grid { display: block; }
    .kv-app-card { min-height: 675px; padding: 45px 24px; border-radius: 13px; text-align: center; }
    .kv-app-card__copy { max-width: none; }
    .kv-app-card h2 { max-width: 350px; margin-inline: auto; font-size: 45px; }
    .kv-store-buttons { width: 210px; margin: 27px auto 0; }
    .kv-store-buttons a { min-height: 59px; }
    .kv-phone-mockup { left: 50%; right: auto; bottom: -30px; width: 190px; height: 355px; padding: 31px 12px 0; border-width: 6px; border-radius: 24px; transform: translateX(-50%); }
    .kv-phone-mockup__notch { width: 66px; height: 16px; }
    .kv-phone-mockup__logo { margin-bottom: 10px; font-size: 10px; }
    .kv-phone-mockup h3 { margin-bottom: 10px; font-size: 12px; }
    .kv-phone-field { height: 26px; margin: 5px 0; padding: 6px 8px; font-size: 8px; }
    .kv-phone-button { width: 78px; margin: 7px auto; padding: 6px; font-size: 8px; }
    .kv-phone-mockup img { width: 185px; bottom: 2px; }

    .kv-buy-card { min-height: auto; margin-top: 62px; padding: 48px 30px; border-radius: 12px; }
    .kv-buy-card h2 { font-size: 46px; }
    .kv-buy-card ul { margin-top: 34px; }
    .kv-buy-card li { margin: 13px 0; font-size: 18px; }
    .kv-buy-card .kv-outline-button { display: inline-flex; min-height: 60px; }

    .kv-newsletter { padding: 76px 0; }
    .kv-newsletter__inner { align-items: stretch; flex-direction: column; text-align: center; }
    .kv-newsletter h2 { font-size: 44px; }
    .kv-newsletter form { width: 100%; }
    .kv-newsletter button { min-width: 118px; }

    .kv-sell-cta { display: none; }
    .site-footer { padding-top: 58px; }
}

@media (max-width: 420px) {
    .kv-featured .kv-car-card__image,
    .kv-popular .kv-car-card__image,
    .kv-featured .kv-car-card--large .kv-car-card__image,
    .kv-popular .kv-car-card--standard .kv-car-card__image { height: 220px; min-height: 220px; }
    .kv-featured .kv-car-card__body,
    .kv-popular .kv-car-card__body { padding-inline: 20px; }
    .kv-featured .kv-filter-tabs button { flex-basis: 128px; min-width: 128px; }
    .kv-app-card { min-height: 650px; }
    .kv-newsletter form { display: grid; padding: 8px; }
    .kv-newsletter button { min-height: 54px; }
}