/* PARTFIT TECH VEHICLE PROFILE V1 */

.tv-breadcrumb {
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;
    margin-bottom:22px;
    color:#79899e;
    font-size:13px;
}

.tv-breadcrumb strong {color:#183254}

.tv-hero {
    padding:35px;
    background:linear-gradient(120deg,#102b56,#1769cb);
    border-radius:18px;
    color:#fff;
}

.tv-eyebrow {
    font-size:11px;
    letter-spacing:1px;
    font-weight:800;
    color:#bcd8ff;
}

.tv-hero h2 {
    font-size:clamp(26px,4vw,42px);
    margin:14px 0 8px;
}

.tv-hero p {
    color:#d7e5fa;
    font-size:15px;
}

.tv-tags {
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:22px;
}

.tv-tags span {
    padding:9px 12px;
    background:#ffffff20;
    border:1px solid #ffffff30;
    border-radius:9px;
    font-size:12px;
}

.tv-spec-grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
}

.tv-spec {
    display:grid;
    gap:9px;
    min-width:0;
    padding:19px;
    border:1px solid #e2e9f2;
    border-radius:13px;
    background:#fff;
}

.tv-spec span,.tv-card dt {
    color:#8190a4;
    font-size:12px;
}

.tv-spec strong {
    font-size:14px;
    overflow-wrap:anywhere;
}

.tv-card-grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
}

.tv-card {
    padding:20px;
    background:#fff;
    border:1px solid #e2e9f2;
    border-radius:15px;
    min-width:0;
}

.tv-badge {
    display:inline-block;
    padding:7px 10px;
    background:#eef3fa;
    color:#58708c;
    border-radius:8px;
    font-size:11px;
    font-weight:700;
}

.tv-card h3 {
    margin:15px 0 7px;
    font-size:19px;
    overflow-wrap:anywhere;
}

.tv-card p {
    color:#75859a;
    font-size:13px;
}

.tv-card dl {
    display:grid;
    gap:13px;
    margin:20px 0;
}

.tv-card dl div {
    border-top:1px solid #edf1f6;
    padding-top:10px;
}

.tv-card dd {
    margin:6px 0 0;
    font-size:13px;
    font-weight:700;
    overflow-wrap:anywhere;
}

.tv-card small {color:#8797aa}

.tv-engine-link,.tv-actions a {
    display:inline-block;
    padding:11px 14px;
    background:#176bdd;
    border-radius:9px;
    color:#fff;
    font-size:12px;
    font-weight:700;
    text-decoration:none;
}

.tv-empty {
    grid-column:1/-1;
    background:#fff;
    border:1px dashed #d6e0ec;
    padding:28px;
    border-radius:14px;
    color:#697d95;
    line-height:1.7;
    font-size:14px;
}

.tv-warning {
    margin:25px 0;
    background:#fff;
    border:1px solid #e3e9f1;
    border-radius:14px;
    padding:20px;
}

.tv-warning p {
    color:#667a93;
    font-size:13px;
    line-height:1.7;
}

.tv-actions {margin:22px 0}

.tv-pagination {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:14px;
    margin:22px 0;
    font-size:13px;
}

.tv-pagination a {
    padding:9px 13px;
    border-radius:8px;
    background:#e8f1ff;
    color:#155db8;
}

@media(max-width:1100px) {
    .tv-card-grid {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:650px) {
    .tv-hero {padding:24px 18px}

    .tv-spec-grid {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .tv-card-grid {grid-template-columns:1fr}

    .tv-card {padding:17px}

    .tv-spec {padding:15px}
}

@media(max-width:380px) {
    .tv-spec-grid {grid-template-columns:1fr}
}