/* =========================================================================
   Právní stránky – Všeobecné obchodní podmínky, Ochrana osobních údajů
   ========================================================================= */
.lg-hero{background:linear-gradient(180deg,var(--sky1),var(--sky2) 85%);padding:44px 0 40px;border-bottom:1px solid var(--line)}
.lg-hero h1{font-size:clamp(34px,4.4vw,56px);line-height:1.08;margin-top:14px;max-width:900px}
.lg-hero .lead{max-width:760px}
.lg-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.lg-meta span{padding:8px 14px;border-radius:999px;background:var(--card);border:1px solid var(--line);font-size:13.5px;font-weight:600;color:var(--ink)}

/* obsah vlevo, text vpravo */
.lg-wrap{display:grid;grid-template-columns:270px minmax(0,1fr);gap:48px;align-items:start}
.lg-toc{position:sticky;top:110px;display:flex;flex-direction:column;gap:2px;padding:18px;border-radius:20px;background:var(--card);border:1px solid var(--line);max-height:calc(100vh - 140px);overflow:auto}
.lg-toc>b{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 8px 8px}
.lg-toc a{display:grid;grid-template-columns:38px 1fr;gap:6px;padding:7px 8px;border-radius:10px;font-size:13px;font-weight:600;color:var(--text);text-decoration:none;line-height:1.35}
.lg-toc a b{color:var(--green2)}
.lg-toc a:hover{background:var(--soft);color:var(--ink)}

.lg-doc{max-width:820px;color:var(--text);line-height:1.7;font-size:16px}
.lg-part{padding:6px 0 26px;border-bottom:1px solid var(--line);margin-bottom:26px;scroll-margin-top:110px}
.lg-part h2{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;font-size:22px;letter-spacing:.01em}
.lg-part h2 span{flex-shrink:0;font-size:12px;font-weight:700;letter-spacing:.08em;padding:4px 10px;border-radius:999px;background:var(--mint);color:var(--green2)}
html.night .lg-part h2 span{background:rgba(50,187,0,.14);color:var(--green3)}
.lg-doc h3{font-size:17px;margin:16px 0 8px;color:var(--ink)}
.lg-p{display:grid;grid-template-columns:44px 1fr;gap:10px;margin:8px 0}
.lg-n{font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums;padding-top:1px}
.lg-doc p{margin:0}
.lg-doc ul{margin:6px 0 0;padding-left:20px}
.lg-doc li{margin:3px 0}
.lg-doc li::marker{color:var(--green)}
.lg-end{font-weight:700;color:var(--ink)}

/* krátká stránka (ochrana osobních údajů) */
.lg-one{max-width:860px}
.lg-box{padding:26px 28px;border-radius:22px;background:var(--card);border:1px solid var(--line);margin-bottom:16px}
.lg-box h2{font-size:21px;margin-bottom:10px}
.lg-box.firm{background:var(--soft)}
.lg-box.firm p{font-weight:600;color:var(--ink)}
.lg-note{display:flex;gap:12px;align-items:center;padding:16px 20px;border-radius:16px;background:var(--mint);color:var(--ink);font-weight:700}
.lg-note:before{content:"🔒";font-size:20px}
html.night .lg-note{background:rgba(50,187,0,.12)}
.lg-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.lg-links .btn{min-height:44px;font-size:14px}

@media (max-width:980px){.lg-wrap{grid-template-columns:1fr;gap:24px}.lg-toc{position:static;max-height:none}}
@media (max-width:560px){.lg-p{grid-template-columns:36px 1fr}.lg-box{padding:20px}}
@media print{.hd,.ann,.ftr,.lg-toc,.bar,.mob,.lg-links{display:none!important}.lg-wrap{display:block}.lg-hero{background:none;padding:0}}
.legal-language-note{grid-column:1/-1;margin:0 0 18px;padding:14px 18px;background:var(--soft);border-radius:12px;color:var(--ink)}
html:not([lang="en"]) .legal-language-note{display:none}