/* Оформлення юридичних сторінок. Шрифти беруться з локальної теки fonts/. */

@font-face{font-family:Montserrat;font-style:normal;font-weight:400 900;font-display:swap;
 src:url(fonts/font_03.woff2) format("woff2");
 unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Montserrat;font-style:normal;font-weight:400 900;font-display:swap;
 src:url(fonts/font_02.woff2) format("woff2");
 unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}

*,*::before,*::after{box-sizing:border-box}

html{-webkit-text-size-adjust:100%}
body{
 margin:0;
 font-family:Lato,sans-serif;
 font-size:16px;
 line-height:1.7;
 color:#1f2937;
 background-color:#fff;
 -webkit-font-smoothing:antialiased;
}

a{color:#4e2191}
a:hover{text-decoration:none}

/* ── шапка ──────────────────────────────────────────────────────────── */
.legal-header{
 position:sticky;top:0;z-index:50;
 background-color:#fff;
 border-bottom:1px solid #e5e7eb;
}
.legal-header__inner{
 max-width:1120px;margin:0 auto;padding:16px 24px;
 display:flex;align-items:center;justify-content:space-between;gap:16px;
}
.legal-header__brand{
 font-family:Montserrat,sans-serif;font-weight:700;font-size:20px;
 letter-spacing:-.02em;color:#111827;text-decoration:none;white-space:nowrap;
}
.legal-header__back{font-size:14px;color:#4b5563;text-decoration:none;white-space:nowrap}
.legal-header__back:hover{color:#111827;text-decoration:underline;text-underline-offset:2px}

/* ── смуга з рекламним застереженням ────────────────────────────────── */
.legal-notice{background-color:#000;color:rgba(255,255,255,.82);padding:10px 24px}
.legal-notice__inner{max-width:1280px;margin:0 auto;font-size:12px;line-height:1.55;text-align:center}
.legal-notice__inner strong{color:#fff}
.legal-notice__inner a{color:#fff;text-decoration:underline;text-underline-offset:2px;white-space:nowrap}

/* ── текст сторінки ─────────────────────────────────────────────────── */
.legal-main{max-width:820px;margin:0 auto;padding:56px 24px 72px}
.legal-main h1{
 font-family:Montserrat,sans-serif;font-size:34px;font-weight:800;
 line-height:1.2;letter-spacing:-.02em;color:#111827;margin:0 0 12px;
}
.legal-main .legal-updated{font-size:14px;color:#6b7280;margin:0 0 40px}
.legal-main h2{
 font-family:Montserrat,sans-serif;font-size:20px;font-weight:700;
 line-height:1.3;color:#111827;margin:40px 0 12px;scroll-margin-top:90px;
}
.legal-main h3{font-family:Montserrat,sans-serif;font-size:16px;font-weight:700;color:#111827;margin:24px 0 8px}
.legal-main p{margin:0 0 16px}
.legal-main ul{margin:0 0 16px;padding-left:22px}
.legal-main li{margin:0 0 8px}
.legal-main strong{color:#111827;font-weight:700}

.legal-card{
 background-color:#f4f5f8;border:1px solid #e5e7eb;border-radius:14px;
 padding:20px 24px;margin:0 0 28px;
}
.legal-card p:last-child{margin-bottom:0}

/* ── розгортні запитання ────────────────────────────────────────────── */
.faq-toc{list-style:none;margin:0 0 40px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.faq-toc li{margin:0}
.faq-toc a{
 display:inline-block;padding:7px 14px;border:1px solid #e5e7eb;border-radius:9999px;
 font-size:14px;color:#111827;text-decoration:none;background-color:#fff;
}
.faq-toc a:hover{border-color:#4e2191;color:#4e2191}

.faq-item{border-bottom:1px solid #e5e7eb}
.faq-item summary{
 list-style:none;cursor:pointer;padding:16px 32px 16px 0;position:relative;
 font-weight:700;color:#111827;line-height:1.5;
}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{
 content:"";position:absolute;right:6px;top:24px;width:9px;height:9px;
 border-right:2px solid #9ca3af;border-bottom:2px solid #9ca3af;
 transform:rotate(45deg);transform-origin:center;transition:transform .2s ease;
}
.faq-item[open] summary::after{transform:rotate(-135deg)}
.faq-item summary:hover{color:#4e2191}
.faq-item summary:hover::after{border-color:#4e2191}
.faq-item .faq-answer{padding:0 0 18px}
.faq-item .faq-answer p:last-child,.faq-item .faq-answer ul:last-child{margin-bottom:0}

.legal-contact-list{list-style:none;margin:0 0 16px;padding:0}
.legal-contact-list li{margin:0 0 10px}
.legal-contact-list .label{display:inline-block;min-width:96px;color:#6b7280}

/* ── скорочений футер ───────────────────────────────────────────────── */
.legal-footer{background-color:#f9fafb;border-top:1px solid #e5e7eb;padding:40px 24px}
.legal-footer__inner{max-width:1120px;margin:0 auto}
.legal-footer__cols{display:flex;flex-wrap:wrap;gap:40px}
.legal-footer__col{flex:1 1 240px;min-width:220px}
.legal-footer__col h2{font-family:Lato,sans-serif;font-size:15px;font-weight:700;color:#111827;margin:0 0 16px}
.legal-footer__col ul{list-style:none;margin:0;padding:0}
.legal-footer__col li{margin:0 0 10px;font-size:14px;line-height:1.5;color:#4b5563}
.legal-footer__col a{color:#111827;text-decoration:none}
.legal-footer__col a:hover{text-decoration:underline;text-underline-offset:2px}
.legal-footer__col .operator-name{font-weight:700;color:#111827}
.operator-geo-note{font-weight:400;opacity:.75}
.legal-footer__bottom{margin-top:32px;padding-top:24px;border-top:1px solid #e5e7eb;font-size:13px;color:#6b7280}

@media (max-width:768px){
 .legal-header__inner{padding:14px 20px}
 .legal-header__brand{font-size:17px}
 .legal-notice{padding:10px 16px}
 .legal-notice__inner{font-size:11px}
 .legal-main{padding:36px 20px 56px}
 .legal-main h1{font-size:26px}
 .legal-main h2{font-size:18px;margin-top:32px}
 .legal-footer{padding:32px 20px}
 .legal-footer__cols{gap:28px}
 .legal-footer__col{flex:1 1 100%}
 .legal-contact-list .label{display:block;min-width:0}
}