/* ==========================================================================
   Франшиза — страница предложения
   ========================================================================== */

/* — detail.html — */
.uv-franchise-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: 1rem;
}
.uv-franchise-fields {
    list-style: none;
    padding: 0;
    margin: 0 0 1.5rem;
    border-radius: var(--uv-radius-lg);
    background: var(--uv-bg-warm);
    border: 1px solid var(--uv-border);
    overflow: hidden;
}
.uv-franchise-fields li {
    display: flex;
    align-items: baseline;
    gap: .75rem;
    padding: .65rem 1rem;
    border-bottom: 1px solid var(--uv-border-light);
    font-size: var(--uv-fs-small);
    color: var(--uv-text-dark);
}
.uv-franchise-fields li:last-child { border-bottom: none; }
.uv-franchise-fields-label {
    flex-shrink: 0;
    font-size: var(--uv-fs-micro);
    font-weight: var(--uv-fw-bold);
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--uv-text-muted);
    min-width: 180px;
}
@media (max-width: 575.98px) {
    .uv-franchise-fields li { flex-direction: column; gap: .15rem; }
    .uv-franchise-fields-label { min-width: auto; }
}
.uv-section-heading {
    font-size: var(--uv-fs-body);
    font-weight: var(--uv-fw-bold);
    text-transform: uppercase;
    letter-spacing: .04em;
    color:var(--uv-text-dark);
    margin: 1.5rem 0 .75rem;
    padding-bottom: .5rem;
    border-bottom: 2px solid var(--uv-primary);
}
.uv-franchise-image {
    border-radius: var(--uv-radius-md);
    border: 1px solid var(--uv-border);
    margin: 1rem 0;
}
.uv-cta-btn {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .7rem 1.8rem;
    border-radius: var(--uv-radius-md);
    font-size: var(--uv-fs-small);
    font-weight: var(--uv-fw-bold);
    text-transform: uppercase;
    letter-spacing: .04em;
    text-decoration: none;
    color: var(--uv-text-inverse);
    background: linear-gradient(135deg, var(--uv-primary), var(--uv-primary-dark));
    border: none;
    transition: all var(--uv-duration-base);
    cursor: pointer;
}
.uv-cta-btn:hover {
    background: linear-gradient(135deg, #d4b85e, var(--uv-primary));
    color: var(--uv-text-inverse);
    box-shadow: var(--uv-shadow-primary-lg);
    transform: translateY(-1px);
}
.uv-franchise-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .6rem;
    padding: .75rem 0;
    border-top: 1px solid var(--uv-border-light);
    border-bottom: 1px solid var(--uv-border-light);
    margin: 1rem 0;
    font-size: var(--uv-fs-small);
    color: var(--uv-text-muted);
}
.uv-franchise-meta i { font-size: var(--uv-fs-xs); opacity: .6; }
.uv-franchise-meta a {
    color: var(--uv-text);
    text-decoration: none;
    font-weight: var(--uv-fw-semibold);
    transition: color var(--uv-duration-base);
}
.uv-franchise-meta a:hover { color: var(--uv-primary); }
.uv-franchise-meta-avatar {
    width: 24px;
    height: 24px;
    border-radius: var(--uv-radius-circle);
    object-fit: cover;
    border: 1px solid var(--uv-border);
    vertical-align: middle;
    margin-right: .2rem;
}
.uv-modal .uv-modal-content {
    border-radius: var(--uv-radius-lg);
    border: 1px solid var(--uv-border);
}
.uv-modal .uv-modal-header {
    background: var(--uv-bg-warm);
    border-bottom: 1px solid var(--uv-border-light);
    border-radius: var(--uv-radius-lg) var(--uv-radius-lg) 0 0;
    padding: 1rem 1.25rem;
}
.uv-modal .uv-modal-title {
    font-size: var(--uv-fs-h4);
    font-weight: var(--uv-fw-bold);
    color:var(--uv-text-dark);
}
.uv-modal .uv-modal-body { padding: 1.25rem; }