.legal-page-container { min-height: 100vh; display: flex; flex-direction: column; background: var(--color-surface); color: var(--color-on-surface); }
.legal-main { flex: 1; width: 100%; }
.legal-container { width: min(calc(100% - 2 * var(--spacing-2xl)), 72rem); margin: 0 auto; }
.legal-hero { padding: var(--spacing-4xl) 0 var(--spacing-2xl); background: var(--color-surface-tint); border-bottom: 1px solid var(--color-outline); }
.legal-hero-title { margin-bottom: var(--spacing-md); }
.legal-hero-subtitle { max-width: 54rem; color: var(--color-on-surface-secondary); }
.legal-company-card { margin-top: var(--spacing-2xl); margin-bottom: var(--spacing-2xl); padding: var(--spacing-xl); background: var(--color-surface-elevated); border: 1px solid var(--color-outline); border-radius: var(--border-radius-card); box-shadow: var(--shadow-level-1); }
.legal-company-card .section-title { margin-bottom: var(--spacing-lg); }
.legal-company-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--spacing-md) var(--spacing-xl); margin: 0; }
.legal-company-item { min-width: 0; }
.legal-company-item dt { color: var(--color-primary); font-weight: var(--font-weight-medium); margin-bottom: .2rem; }
.legal-company-item dd { margin: 0; color: var(--color-on-surface-secondary); overflow-wrap: anywhere; }
.legal-content { padding-bottom: var(--spacing-4xl); }
.legal-updated { color: var(--color-on-surface-secondary); margin-bottom: var(--spacing-xl); font-size: var(--font-size-sm); }
.legal-section { padding: var(--spacing-xl) 0; border-top: 1px solid var(--color-outline); scroll-margin-top: 6rem; }
.legal-section .section-title { margin-bottom: var(--spacing-md); }
.legal-section p, .legal-section li { color: var(--color-on-surface-secondary); line-height: var(--line-height-body); }
.legal-section p + p { margin-top: var(--spacing-md); }
.legal-section ul { margin: var(--spacing-md) 0 0; padding-left: 1.4rem; }
.legal-section li + li { margin-top: var(--spacing-xs); }
.legal-content a, .legal-content a:visited { color: var(--color-primary); text-decoration: none; font-weight: var(--font-weight-medium); }
.legal-content a:hover, .legal-content a:active { color: color-mix(in srgb, var(--color-primary) 78%, #000); }
@media (max-width: 767px) {
  .legal-container { width: calc(100% - 2 * var(--spacing-md)); }
  .legal-hero { padding: var(--spacing-2xl) 0 var(--spacing-xl); }
  .legal-company-card { padding: var(--spacing-md); }
  .legal-company-grid { grid-template-columns: 1fr; }
  .legal-section { padding: var(--spacing-lg) 0; }
}
/* ===== REAL HEADER LOGO CENTER FIX ===== */

@media (min-width: 1201px) {

    .navigation-bar {
        width: 100%;
        max-width: 92rem;
        margin: 0 auto;

        display: grid;
        grid-template-columns: minmax(0, 1fr) 250px minmax(0, 1fr);

        align-items: center;
        padding: var(--spacing-md) var(--spacing-xl);
    }

    /* Ліва навігація */
    .navigation-group-left {
        justify-content: flex-end;
        padding-right: 1.5rem;
    }

    /* Логотип завжди точно по центру */
    .navigation-brand-anchor {
        width: 250px;
        min-width: 250px;
        padding: 0 1.5rem;
        transform: translateX(-30px);

        display: flex;
        align-items: center;
        justify-content: center;

        position: relative;
        z-index: 20;
    }

    .navigation-brand-anchor > a {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .navigation-logo-wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
        height: auto;
    }

    /* Скасовуємо старе absolute-positioning */
    .navigation-brand-anchor .logo-wrapper {
        position: static;
        left: auto;
        top: auto;
        width: auto;
        max-width: none;
        transform: none;

        display: flex;
        align-items: center;
        justify-content: center;
    }

    /* Права навігація */
    .navigation-group-right {
        justify-content: flex-start;
        padding-left: 1.5rem;
    }

    /* Трохи компактніший gap, щоб меню гарантовано поміщалось */
    .navigation-group {
        gap: 1.5rem;
    }
}