/* ==========================================================================
   Бренд — страница марки
   ========================================================================== */

/* — detail.html — */
.uv-brand-hero {
    display: flex;
    align-items: flex-start;
    gap: 1.5rem;
    margin-bottom: 1.25rem;
    padding: 1.25rem;
    border-radius: var(--uv-radius-lg);
    background: var(--uv-bg-warm);
    border: 1px solid var(--uv-border);
}
@media (max-width: 575.98px) {
    .uv-brand-hero { flex-direction: column; align-items: center; text-align: center; }
}
.uv-brand-hero-img {
    flex-shrink: 0;
    border-radius: var(--uv-radius-md);
    border: 1px solid var(--uv-border);
    background: var(--uv-surface);
}
.uv-brand-hero-body { flex: 1; min-width: 0; }
.uv-brand-title {
    font-size: var(--uv-fs-h1-mobile);
    font-weight: var(--uv-fw-bold);
    color:var(--uv-text-dark);
    line-height: var(--uv-lh-compact);
    margin-bottom: .5rem;
}
.uv-brand-company {
    font-size: var(--uv-fs-small);
    color: var(--uv-text-muted);
    margin-bottom: .5rem;
}
.uv-brand-company a {
    color: var(--uv-text);
    font-weight: var(--uv-fw-semibold);
    text-decoration: none;
    transition: color var(--uv-duration-base);
}
.uv-brand-company a:hover { color: var(--uv-primary); }
.uv-brand-description {
    font-size: var(--uv-fs-small);
    font-weight: var(--uv-fw-semibold);
    color: var(--uv-text-dark);
    line-height: var(--uv-lh-base);
    margin-bottom: .75rem;
}