body>main {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: calc(100vh - 7rem);
  padding: 1rem 0;
  flex-direction: column;
}
.container {
    max-width: 1200px;
    
}
.fscncd_nav  {
    background: #fff;
    margin-right: auto;
    margin-left: auto;
    padding-right: var(--spacing);
    padding-left: var(--spacing);
    box-shadow: 0.0145rem 0.029rem 0.174rem rgba(0, 0, 0, 0.01698),
    0.0335rem 0.067rem 0.402rem rgba(0, 0, 0, 0.024),
    0.0625rem 0.125rem 0.75rem rgba(0, 0, 0, 0.03),
    0.1125rem 0.225rem 1.35rem rgba(0, 0, 0, 0.036),
    0.2085rem 0.417rem 2.502rem rgba(0, 0, 0, 0.04302),
    0.5rem 1rem 6rem rgba(0, 0, 0, 0.06),
    0 0 0 0.0625rem rgba(0, 0, 0, 0.015);
}
.card {
    box-shadow: 0.0145rem 0.029rem 0.174rem rgba(0, 0, 0, 0.01698),
    0.0335rem 0.067rem 0.402rem rgba(0, 0, 0, 0.024),
    0.0625rem 0.125rem 0.75rem rgba(0, 0, 0, 0.03),
    0.1125rem 0.225rem 1.35rem rgba(0, 0, 0, 0.036),
    0.2085rem 0.417rem 2.502rem rgba(0, 0, 0, 0.04302),
    0.5rem 1rem 6rem rgba(0, 0, 0, 0.06),
    0 0 0 0.0625rem rgba(0, 0, 0, 0.015);
    background: #141e26;
    border-radius: 0.25rem;
    padding: 40px;
    background: #fff;
}

form {
    min-width: 360px;
    max-width: 1200px;
}

.avatar {
    width: 300px;
    height: 300px;
    display: block;
    object-fit: cover;
    border-radius: 50%;
}

.home {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 20px;
    padding: 100px;
}

.notice {
    padding: 10px;
    border-radius: 6px;
    margin: 20px 0;
}

.notice.error {
    border: 2px solid #762c2c;
    background: #f3d3d3;
    color: #762c2c;
}

.notice.success {
    border: 2px solid #2c742b;
    background: #e1fee3;
    color: #2c742b;
}
.container-fluid {
  min-height: calc(100vh - 93rem);
  padding: 1rem;
}












/* Общий layout фото + инфо */
.vehicle-layout {
    display: grid;
    gap: 1.5rem;
    align-items: flex-start;
}

@media (min-width: 900px) {
    .vehicle-layout {
        grid-template-columns: minmax(0, 1.1fr) minmax(0, 2fr);
    }
}

/* Блок с картинками */
.vehicle-images {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.vehicle-images img {
    width: 100%;
    height: auto;
    border-radius: var(--border-radius);
    object-fit: cover;
}

/* Карточка с общей инфой */
.vehicle-card {
    padding: 1.25rem;
    border-radius: var(--border-radius);
    border: 1px solid var(--muted-border-color, rgba(0,0,0,.08));
    background: var(--card-background-color, var(--background-color));
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.03);
}

/* Шапка */
.vehicle-header {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.5rem 1rem;
    margin-bottom: 1rem;
}

.vehicle-header h2 {
    margin: 0;
}

.vehicle-meta {
    font-size: 0.9rem;
    opacity: 0.8;
}

/* Сетка характеристик: 2 → 5 колонок */
.vehicle-info-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

/* ≥ 640px — 3 колонки */
@media (min-width: 640px) {
    .vehicle-info-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

/* ≥ 768px — 4 колонки */
@media (min-width: 768px) {
    .vehicle-info-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

/* ≥ 1024px — 5 колонок */
@media (min-width: 1024px) {
    .vehicle-info-grid {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}

/* Одна “карточка” характеристики */
.vehicle-spec {
    padding: 0.6rem 0.75rem;
    border-radius: calc(var(--border-radius) * 0.75);
    border: 1px solid var(--muted-border-color, rgba(0,0,0,.04));
    background: rgba(0, 0, 0, 0.015);
}

.vehicle-spec-label {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    opacity: 0.7;
    margin: 0 0 0.25rem;
}

.vehicle-spec-value {
    margin: 0;
    font-weight: 500;
    word-break: break-word;
}