/* =========================================================
   UNIVAS AUTO - NEW CARS MARKETPLACE
   Dedicated visual layer for /new-cars.
   Existing shared marketplace card component is reused.
   ========================================================= */

:root {
    --ua-new-navy: #071a36;
    --ua-new-blue: #123a82;
    --ua-new-red: #ef2637;
    --ua-new-orange: #ff741f;
    --ua-new-text: #0f172a;
    --ua-new-muted: #64748b;
    --ua-new-border: #e3e9f2;
    --ua-new-surface: #ffffff;
}

.ua-new-cars-hero {
    position: relative;
    min-height: 325px;
    overflow: hidden;
    color: #fff;
    background:
        radial-gradient(circle at 74% 5%, rgba(255, 111, 34, .24), transparent 28%),
        linear-gradient(112deg, #06162f 0%, #0d326d 49%, #402a67 67%, #ed2f3d 100%);
}

.ua-new-cars-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background:
        linear-gradient(90deg, rgba(6,22,47,.98) 0%, rgba(6,22,47,.94) 34%, rgba(9,40,88,.48) 54%, rgba(239,38,55,.06) 100%),
        linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
    background-size: auto, 30px 30px, 30px 30px;
}

.ua-new-cars-hero::after {
    content: "";
    position: absolute;
    right: 33%;
    top: -130px;
    z-index: 1;
    width: 280px;
    height: 520px;
    border-left: 54px solid rgba(255, 46, 61, .42);
    transform: rotate(27deg);
    pointer-events: none;
}

.ua-new-cars-hero__visual {
    position: absolute;
    inset: 0 0 0 49%;
    z-index: 0;
    background-image: url('../images/home/sliders/univas-hero-02.png');
    background-position: 67% 48%;
    background-size: cover;
    filter: saturate(1.04) contrast(1.02);
}

.ua-new-cars-hero .ua-home-container {
    position: relative;
    z-index: 2;
    min-height: 325px;
    display: flex;
    align-items: center;
}

.ua-new-cars-hero__copy {
    width: min(720px, 54%);
    padding: 38px 0 42px;
}

.ua-new-cars-hero__eyebrow {
    display: inline-flex;
    min-height: 30px;
    align-items: center;
    gap: 7px;
    border: 1px solid rgba(255,255,255,.20);
    border-radius: 999px;
    background: rgba(255,255,255,.08);
    padding: 0 12px;
    font-size: 8.5px;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
    backdrop-filter: blur(10px);
}

.ua-new-cars-hero h1 {
    margin: 13px 0 9px;
    color: #fff;
    font-size: clamp(42px, 4.5vw, 64px);
    font-weight: 950;
    line-height: .98;
    letter-spacing: -.05em;
}

.ua-new-cars-hero h1 span {
    background: linear-gradient(100deg, #ff313f, #ff8152 72%, #ffd4c6);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.ua-new-cars-hero__copy > p {
    max-width: 630px;
    margin: 0;
    color: rgba(255,255,255,.82);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.72;
}

.ua-new-cars-hero__benefits {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    margin-top: 20px;
}

.ua-new-cars-hero__benefits span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0 20px;
    border-right: 1px solid rgba(255,255,255,.18);
    color: rgba(255,255,255,.92);
    font-size: 10px;
    font-weight: 850;
}

.ua-new-cars-hero__benefits span:first-child { padding-left: 0; }
.ua-new-cars-hero__benefits span:last-child { border-right: 0; }
.ua-new-cars-hero__benefits i { color: #fff; font-size: 15px; }

.ua-new-cars-page {
    padding: 24px 0 52px;
    background:
        radial-gradient(circle at 100% 0, rgba(239,38,55,.045), transparent 20%),
        linear-gradient(180deg, #f7f9fd 0%, #fff 46%, #f8fafc 100%);
}

.ua-new-cars-layout {
    display: grid;
    grid-template-columns: 285px minmax(0, 1fr);
    gap: 24px;
    align-items: start;
}

.ua-new-cars-sidebar {
    position: sticky;
    top: 18px;
}

.ua-new-cars-filter-card {
    overflow: hidden;
    border: 1px solid var(--ua-new-border);
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 18px 42px rgba(15,23,42,.065);
}

.ua-new-cars-filter-card > summary {
    display: flex;
    min-height: 62px;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 0 18px;
    border-bottom: 1px solid #edf1f6;
    cursor: default;
    list-style: none;
    color: #111827;
    font-size: 15px;
    font-weight: 950;
}

.ua-new-cars-filter-card > summary::-webkit-details-marker { display: none; }
.ua-new-cars-filter-card > summary span { display: inline-flex; align-items: center; gap: 8px; }
.ua-new-cars-filter-card > summary span i { color: #1844a3; }
.ua-new-cars-filter-card > summary > i { display: none; }

.ua-new-cars-filter-form {
    padding: 17px;
}

.ua-new-cars-filter-group {
    margin-bottom: 14px;
}

.ua-new-cars-filter-group label {
    display: flex;
    align-items: center;
    gap: 7px;
    margin: 0 0 6px;
    color: #27364b;
    font-size: 9px;
    font-weight: 900;
}

.ua-new-cars-filter-group label i {
    width: 15px;
    color: #172f60;
    text-align: center;
}

.ua-new-cars-filter-card .form-select,
.ua-new-cars-filter-card .form-control {
    min-height: 40px;
    border: 1px solid #d7e0ea;
    border-radius: 10px;
    background-color: #fff;
    color: #334155;
    font-size: 10px;
    box-shadow: inset 0 1px 2px rgba(15,23,42,.025);
}

.ua-new-cars-filter-card .form-select:focus,
.ua-new-cars-filter-card .form-control:focus {
    border-color: #ff6a53;
    box-shadow: 0 0 0 3px rgba(239,38,55,.08);
}

.ua-new-cars-filter-pair {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 7px;
}

.ua-new-cars-filter-submit,
.ua-new-cars-filter-reset {
    display: flex;
    width: 100%;
    min-height: 43px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border-radius: 11px;
    font-size: 10px;
    font-weight: 900;
    text-decoration: none;
}

.ua-new-cars-filter-submit {
    margin-top: 4px;
    border: 0;
    background: linear-gradient(100deg, #ef2637, #ff741f);
    color: #fff;
    box-shadow: 0 11px 25px rgba(239,38,55,.20);
}

.ua-new-cars-filter-reset {
    margin-top: 8px;
    border: 1px solid #dce3ec;
    background: #fff;
    color: #46556b;
}

.ua-new-cars-filter-reset:hover { border-color: #cdd7e4; color: #0f2f75; }

.ua-new-cars-heading-row {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 13px;
}

.ua-new-cars-breadcrumb {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 6px;
    color: #7a8798;
    font-size: 8.5px;
    font-weight: 800;
}

.ua-new-cars-breadcrumb a { color: inherit; text-decoration: none; }
.ua-new-cars-breadcrumb span { color: var(--ua-new-red); }
.ua-new-cars-breadcrumb i { font-size: 8px; }

.ua-new-cars-heading-row h2 {
    margin: 0;
    color: #111827;
    font-size: clamp(26px, 2.6vw, 36px);
    font-weight: 950;
    letter-spacing: -.035em;
}

.ua-new-cars-heading-row h2 span { color: var(--ua-new-red); }

.ua-new-cars-heading-row p {
    margin: 5px 0 0;
    color: var(--ua-new-muted);
    font-size: 10px;
}

.ua-new-cars-sort {
    display: flex;
    align-items: center;
    gap: 8px;
}

.ua-new-cars-sort label {
    color: #1e293b;
    font-size: 9px;
    font-weight: 900;
    white-space: nowrap;
}

.ua-new-cars-sort select {
    min-height: 38px;
    min-width: 158px;
    border: 1px solid #d9e1eb;
    border-radius: 10px;
    background: #fff;
    padding: 0 32px 0 11px;
    color: #334155;
    font-size: 9px;
    font-weight: 800;
}

.ua-new-cars-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-bottom: 18px;
}

.ua-new-cars-chips a {
    display: inline-flex;
    min-height: 40px;
    align-items: center;
    gap: 7px;
    border: 1px solid #dce3ec;
    border-radius: 999px;
    background: #fff;
    padding: 0 14px;
    color: #29374b;
    text-decoration: none;
    font-size: 9px;
    font-weight: 900;
    box-shadow: 0 6px 15px rgba(15,23,42,.035);
}

.ua-new-cars-chips a small {
    display: inline-flex;
    min-width: 22px;
    height: 22px;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #f1f5f9;
    padding: 0 6px;
    color: #69778c;
    font-size: 8px;
}

.ua-new-cars-chips a.active {
    border-color: transparent;
    background: linear-gradient(100deg, #ef2637, #ff741f);
    color: #fff;
    box-shadow: 0 10px 25px rgba(239,38,55,.18);
}

.ua-new-cars-chips a.active small { background: rgba(255,255,255,.18); color: #fff; }

.ua-new-cars-filter-note {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: -4px 0 16px;
    border: 1px solid #dce6f5;
    border-radius: 12px;
    background: #f7faff;
    padding: 9px 12px;
    color: #53647d;
    font-size: 9px;
    font-weight: 800;
}

.ua-new-cars-filter-note a { color: #df2535; text-decoration: none; font-weight: 900; }

.ua-new-cars-grid .ua-car-card {
    border-radius: 18px;
}

.ua-new-cars-empty {
    display: flex;
    min-height: 330px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px dashed #ccd6e3;
    border-radius: 24px;
    background: #fff;
    text-align: center;
}

.ua-new-cars-empty > span {
    display: flex;
    width: 68px;
    height: 68px;
    align-items: center;
    justify-content: center;
    border-radius: 22px;
    background: linear-gradient(145deg, #eef4ff, #fff1ef);
    color: #2d61d5;
    font-size: 28px;
}

.ua-new-cars-empty h3 { margin: 14px 0 5px; color: #0f172a; font-size: 21px; font-weight: 950; }
.ua-new-cars-empty p { margin: 0 0 15px; color: #64748b; font-size: 11px; }
.ua-new-cars-empty a { border-radius: 11px; background: #123a82; padding: 10px 16px; color: #fff; text-decoration: none; font-size: 9px; font-weight: 900; }

.ua-new-cars-pagination {
    margin-top: 25px;
}

.ua-new-cars-trust {
    padding: 0 0 54px;
    background: #f8fafc;
}

.ua-new-cars-trust__grid {
    display: grid;
    grid-template-columns: 1.2fr repeat(4, 1fr);
    overflow: hidden;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    background: linear-gradient(100deg, #fff 0%, #fff 72%, #fff8f5 100%);
    box-shadow: 0 18px 40px rgba(15,23,42,.055);
}

.ua-new-cars-trust__grid > div {
    display: flex;
    min-height: 108px;
    align-items: center;
    gap: 11px;
    padding: 18px;
    border-right: 1px solid #e9eef5;
}

.ua-new-cars-trust__grid > div:last-child { border-right: 0; }

.ua-new-cars-trust__lead {
    flex-direction: column;
    align-items: flex-start !important;
    justify-content: center;
    color: #fff;
    background: linear-gradient(110deg, #b30d20, #ef2637 55%, #ff7b22);
}

.ua-new-cars-trust__lead span { font-size: 12px; font-weight: 800; }
.ua-new-cars-trust__lead strong { font-size: 22px; font-weight: 950; line-height: 1.05; }

.ua-new-cars-trust__grid > div:not(.ua-new-cars-trust__lead) > span {
    display: flex;
    width: 43px;
    height: 43px;
    flex: 0 0 43px;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: #fff1ef;
    color: #ef2637;
    font-size: 19px;
}

.ua-new-cars-trust__grid p,
.ua-new-cars-trust__grid strong,
.ua-new-cars-trust__grid small { display: block; margin: 0; }
.ua-new-cars-trust__grid p strong { color: #132039; font-size: 10px; font-weight: 950; }
.ua-new-cars-trust__grid p small { margin-top: 3px; color: #64748b; font-size: 8.5px; line-height: 1.45; }

@media (max-width: 1199.98px) {
    .ua-new-cars-layout { grid-template-columns: 250px minmax(0,1fr); gap: 18px; }
    .ua-new-cars-trust__grid { grid-template-columns: 1fr 1fr 1fr; }
    .ua-new-cars-trust__lead { grid-row: span 2; }
    .ua-new-cars-trust__grid > div:nth-child(3) { border-right: 0; }
}

@media (max-width: 991.98px) {
    .ua-new-cars-hero { min-height: 310px; }
    .ua-new-cars-hero__visual { inset: 0; opacity: .38; background-position: center; }
    .ua-new-cars-hero::before { background: linear-gradient(90deg, rgba(6,22,47,.96), rgba(9,42,91,.84) 65%, rgba(239,38,55,.60)); }
    .ua-new-cars-hero::after { right: 5%; opacity: .55; }
    .ua-new-cars-hero .ua-home-container { min-height: 310px; }
    .ua-new-cars-hero__copy { width: min(710px, 90%); }

    .ua-new-cars-layout { display: block; }
    .ua-new-cars-sidebar { position: static; margin-bottom: 18px; }
    .ua-new-cars-filter-card > summary { cursor: pointer; }
    .ua-new-cars-filter-card > summary > i { display: inline-block; transition: transform .2s ease; }
    .ua-new-cars-filter-card[open] > summary > i { transform: rotate(180deg); }

    .ua-new-cars-filter-form {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }
    .ua-new-cars-filter-group { margin: 0; }
    .ua-new-cars-filter-submit,
    .ua-new-cars-filter-reset { margin-top: 0; }

    .ua-new-cars-heading-row { align-items: flex-start; }
    .ua-new-cars-trust__grid { grid-template-columns: 1fr 1fr; }
    .ua-new-cars-trust__lead { grid-row: auto; grid-column: 1 / -1; min-height: 90px !important; }
    .ua-new-cars-trust__grid > div { border-bottom: 1px solid #e9eef5; }
}

@media (max-width: 767.98px) {
    .ua-new-cars-hero { min-height: 0; }
    .ua-new-cars-hero .ua-home-container { min-height: 0; }
    .ua-new-cars-hero__copy { width: 100%; padding: 38px 0 42px; }
    .ua-new-cars-hero h1 { font-size: clamp(38px, 11vw, 52px); }
    .ua-new-cars-hero__copy > p { font-size: 12px; }
    .ua-new-cars-hero__benefits { display: grid; gap: 10px; }
    .ua-new-cars-hero__benefits span { padding: 0; border-right: 0; }

    .ua-new-cars-page { padding-top: 17px; }
    .ua-new-cars-filter-card { border-radius: 18px; }
    .ua-new-cars-filter-card > summary { min-height: 56px; font-size: 14px; }
    .ua-new-cars-filter-form { grid-template-columns: 1fr; padding: 14px; }

    .ua-new-cars-heading-row { flex-direction: column; gap: 12px; }
    .ua-new-cars-heading-row h2 { font-size: 29px; }
    .ua-new-cars-sort { width: 100%; justify-content: space-between; }
    .ua-new-cars-sort select { flex: 1; min-width: 0; }

    .ua-new-cars-chips {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }
    .ua-new-cars-chips a { min-height: 44px; justify-content: center; padding: 0 10px; }

    .ua-new-cars-trust__grid { grid-template-columns: 1fr; border-radius: 18px; }
    .ua-new-cars-trust__lead { grid-column: auto; }
    .ua-new-cars-trust__grid > div { border-right: 0; min-height: 86px; }
}

@media (max-width: 479.98px) {
    .ua-new-cars-filter-pair { grid-template-columns: 1fr; }
    .ua-new-cars-chips { grid-template-columns: 1fr; }
    .ua-new-cars-chips a { justify-content: flex-start; }
    .ua-new-cars-breadcrumb { font-size: 8px; }
    .ua-new-cars-heading-row p { font-size: 9.5px; line-height: 1.6; }
}