/* ---- Legal page (оферта + політика конфіденційності) ---- */
.legal-body{background:#090807;color:#e9dfcd;min-height:100svh;display:flex;flex-direction:column}
.legal-body::before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% -10%,rgba(213,181,139,.10),transparent 55%),radial-gradient(ellipse at 50% 115%,rgba(213,181,139,.06),transparent 55%)}

.legal-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px clamp(20px,4vw,48px);background:rgba(9,8,7,.86);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(243,234,219,.12)}
.legal-back{display:inline-flex;align-items:center;gap:9px;color:#d5b58b;text-decoration:none;font-size:14px;letter-spacing:.08em;text-transform:uppercase;font-weight:500}
.legal-back svg{width:16px;height:16px}
.legal-back svg path{fill:currentColor}
.legal-back:hover{color:#f3eadb}
.legal-nav{display:flex;align-items:center;gap:14px;font-size:14px;letter-spacing:.04em}
.legal-nav a{color:#f3eadb;text-decoration:none;border-bottom:1px solid rgba(213,181,139,.45);padding-bottom:2px}
.legal-nav a:hover{color:#d5b58b;border-bottom-color:#d5b58b}
.legal-nav span{color:rgba(243,234,219,.4)}

.legal{width:min(860px,100%);margin:0 auto;padding:clamp(36px,6vw,72px) clamp(20px,4vw,40px) clamp(48px,7vw,90px)}

.legal-hero{text-align:center;margin-bottom:clamp(36px,6vw,64px)}
.legal-logo{width:clamp(180px,26vw,280px);height:auto;filter:drop-shadow(0 10px 26px rgba(0,0,0,.7))}
.legal-hero .divider{margin:18px 0 20px}
.legal-hero h1{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;letter-spacing:.06em;font-size:clamp(30px,4.4vw,52px);margin:0;color:#f7efe1}

.doc{scroll-margin-top:86px}
.doc-title{font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;font-size:clamp(24px,3vw,34px);line-height:1.2;letter-spacing:.03em;color:#f7efe1;margin:0 0 10px;text-align:center}
.doc-title + p strong{color:#e9dfcd}
.doc h3{font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;font-size:clamp(20px,2.4vw,26px);letter-spacing:.03em;color:#d5b58b;margin:2.2em 0 .7em}
.doc p{margin:0 0 1em;font-size:15.5px;line-height:1.75;font-weight:300;color:#e9dfcd;text-align:justify;overflow-wrap:break-word}
.doc p strong{font-weight:500;color:#f3eadb}
.doc a{color:#d5b58b;text-decoration:underline;text-decoration-color:rgba(213,181,139,.5);text-underline-offset:3px;word-break:break-all}
.doc a:hover{color:#f3eadb}
.doc ul,.doc ol{margin:0 0 1em;padding-left:1.4em;font-size:15.5px;line-height:1.75;font-weight:300}
.doc li{margin-bottom:.4em}

.doc-separator{display:flex;align-items:center;justify-content:center;margin:clamp(48px,7vw,84px) 0}
.doc-separator:before,.doc-separator:after{content:"";width:110px;height:1px;background:linear-gradient(90deg,transparent,rgba(243,234,219,.5))}
.doc-separator:after{background:linear-gradient(90deg,rgba(243,234,219,.5),transparent)}
.doc-separator span{width:6px;height:6px;margin:0 16px;border-radius:50%;background:#d5b58b;box-shadow:0 0 16px rgba(213,181,139,.7)}

.legal-footer{display:flex;align-items:center;justify-content:center;gap:12px;padding:22px 20px 30px;border-top:1px solid rgba(243,234,219,.1);font-size:13px;letter-spacing:.05em;color:rgba(233,223,205,.65)}
.legal-footer a{color:#d5b58b;text-decoration:none}
.legal-footer a:hover{color:#f3eadb}

html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

@media (max-width:600px){
  .legal-header{flex-direction:column;align-items:flex-start;gap:10px;padding:12px 18px}
  .legal-nav{flex-wrap:wrap;font-size:13px}
  .doc{scroll-margin-top:110px}
  .doc p{text-align:left;font-size:15px}
}