/* ============================================================
   Home Bakery · Hilola — юридические страницы (общий стиль сайта)
   ============================================================ */
.legal{position:relative;z-index:var(--z-page);padding:calc(72px + clamp(40px,7vw,80px)) 0 clamp(80px,10vw,140px)}
.legal .col{text-align:left}
.legal__back{display:inline-flex;align-items:center;gap:8px;font-size:14.5px;color:var(--text-secondary);text-decoration:none;margin-bottom:clamp(28px,4vw,44px);transition:color .3s ease}
.legal__back:hover{color:var(--oxblood)}
.legal__back svg{width:14px;height:14px}
.legal h1{font-family:var(--display);font-weight:300;font-size:clamp(32px,4vw,48px);color:var(--oxblood);margin-bottom:10px}
.legal__updated{font-size:14px;color:var(--text-secondary);margin-bottom:clamp(36px,5vw,56px)}
.legal__lang{display:flex;gap:22px;padding-bottom:clamp(28px,4vw,40px);margin-bottom:clamp(28px,4vw,40px);border-bottom:1px solid var(--hairline);font-size:14.5px}
.legal__lang a{color:var(--text-secondary);text-decoration:none;padding-bottom:4px;border-bottom:1px solid transparent;transition:color .3s ease,border-color .3s ease}
.legal__lang a:hover{color:var(--oxblood);border-color:var(--hairline)}
.legal__doc{max-width:68ch;padding:clamp(36px,5vw,56px) 0}
.legal__doc:not(:last-of-type){border-bottom:1px solid var(--hairline)}
.legal__doc h2{font-family:var(--display);font-weight:400;font-size:clamp(24px,2.6vw,32px);color:var(--oxblood);margin:0 0 6px}
.legal__doc>p.legal__hint{font-size:14px;color:var(--text-secondary);margin:0 0 8px}
.legal__doc h3{font-family:var(--body);font-weight:500;font-size:16.5px;color:var(--ink);margin:clamp(24px,3vw,32px) 0 10px}
.legal__doc p{font-size:15.5px;line-height:1.75;color:var(--text-secondary);margin:0 0 14px}
.legal__doc ul{margin:0 0 14px;padding-left:20px;list-style:disc}
.legal__doc li{font-size:15.5px;line-height:1.7;color:var(--text-secondary);margin-bottom:8px}
.legal__doc a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}
.legal__doc a:hover{color:var(--accent-hover)}
.legal__doc strong{color:var(--ink);font-weight:500}
@media (max-width:600px){.legal__lang{flex-wrap:wrap;gap:14px 22px}}

/* подвал вне тёмного финала — светлый фон, тот же паттерн, что в .finale .footer */
.footer--light{border-top-color:var(--hairline)}
.footer--light .footer__in{color:var(--text-secondary)}
.footer--light .footer__links a:hover{color:var(--oxblood)}