/* ==========================================================
   Markstore – právní stránky (VOP, GDPR, Cookies)

   ========================================================== */
.ms-legal{--ms-or:#FF6600;--ms-line-accent:#FF3300;--ms-ink:#000;--ms-txt:#1f1f1f;--ms-muted:#666;
  --ms-border:#f0f0f0;--ms-soft:#f7f7f7;--ms-radius:8px;
  max-width:1000px;margin:0 auto;font-family:Oxanium,sans-serif;color:var(--ms-txt);
  font-size:15px;line-height:1.7;overflow-wrap:break-word}
.ms-legal *{box-sizing:border-box;font-style:normal}

/* ---------- Hlavička ---------- */
.ms-legal__head{text-align:center;padding:48px 24px 40px;margin:0 0 32px;border-bottom:1px solid var(--ms-border)}
.ms-legal .ms-legal__head .ms-legal__eyebrow{margin:0 auto 14px;color:var(--ms-muted);font-size:13px;
  text-transform:uppercase;letter-spacing:.18em}
.ms-legal__head h1{margin:0 0 18px;color:var(--ms-ink);font-size:44px;line-height:1.05;font-weight:800;
  text-transform:uppercase;letter-spacing:-.01em}
.ms-legal__head h1::after{content:"";display:block;width:40px;height:3px;margin:18px auto 0;background:var(--ms-line-accent)}
.ms-legal .ms-legal__head p{margin:3px auto;color:var(--ms-muted);font-size:14px;max-width:680px}
.ms-legal__head p strong{color:var(--ms-ink)}

/* ---------- Obsah (karta) ---------- */
.ms-legal .ms-legal__toc{background:#fff;border:1px solid var(--ms-border);border-radius:var(--ms-radius);padding:26px 28px;margin:0 0 40px}
.ms-legal .ms-legal__toc > strong{display:block;margin:0 0 16px;color:var(--ms-ink);font-size:20px;font-weight:800;text-transform:uppercase;line-height:1.2}
.ms-legal .ms-legal__toc > strong::before{content:"";display:block;width:40px;height:3px;margin-bottom:14px;background:var(--ms-line-accent)}
.ms-legal .ms-legal__toc ol{margin:0;padding:0;list-style:none;counter-reset:toc;display:grid;grid-template-columns:1fr 1fr;gap:6px 24px}
.ms-legal .ms-legal__toc li{counter-increment:toc;margin:0;padding:0}
.ms-legal .ms-legal__toc a{display:flex;align-items:center;gap:12px;color:var(--ms-txt);text-decoration:none;font-weight:600;
  padding:7px 8px 7px 0;border-bottom:1px solid var(--ms-border);border-radius:0;transition:color .15s}
.ms-legal .ms-legal__toc a::before{content:counter(toc);flex:0 0 34px;height:34px;display:flex;align-items:center;justify-content:center;
  background:var(--ms-soft);color:var(--ms-ink);font-weight:800;font-size:14px;border-radius:4px;transition:background .15s,color .15s}
.ms-legal .ms-legal__toc a:hover{color:var(--ms-or);border-bottom-color:var(--ms-border)}
.ms-legal .ms-legal__toc a:hover::before{background:var(--ms-or);color:#fff}

/* ---------- Nadpisy sekcí ---------- */
.ms-legal h2{display:flex;align-items:center;gap:14px;margin:52px 0 20px;padding:0;color:var(--ms-ink);
  font-size:22px;line-height:1.2;font-weight:800;text-transform:uppercase;position:relative;padding-top:16px;scroll-margin-top:110px}
.ms-legal h2::before{content:"";position:absolute;top:0;left:0;width:40px;height:3px;background:var(--ms-line-accent)}
.ms-legal .ms-plate{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:42px;height:42px;
  background:var(--ms-soft);color:var(--ms-ink);font-size:18px;font-weight:800;border-radius:4px}
.ms-legal .ms-h2t{display:block}
.ms-legal h3{margin:26px 0 10px;color:var(--ms-ink);font-size:16px;font-weight:800;text-transform:uppercase}

/* ---------- Text ---------- */
.ms-legal p{margin:0 0 12px}
.ms-legal .ms-n{display:inline-block;min-width:44px;margin-right:2px;font-weight:800;color:var(--ms-or)}
.ms-legal ul{margin:4px 0 14px 46px;padding:0;list-style:none}
.ms-legal li{position:relative;margin:5px 0;padding-left:18px}
.ms-legal ul li::before{content:"";position:absolute;left:0;top:.72em;width:6px;height:6px;background:var(--ms-or);border-radius:1px}
.ms-legal a{color:var(--ms-or);font-weight:600;text-decoration:none;border-bottom:1px solid rgba(255,102,0,.35)}
.ms-legal a:hover{border-bottom-color:var(--ms-or)}
.ms-legal strong{color:var(--ms-ink);font-weight:700}

/* ---------- Tabulky ---------- */
.ms-legal__table{overflow-x:auto;margin:14px 0 24px;border:1px solid var(--ms-border);border-radius:var(--ms-radius)}
.ms-legal table{width:100%;border-collapse:collapse;font-size:14px;min-width:640px}
.ms-legal th{background:var(--ms-ink);color:#fff;text-align:left;padding:13px 14px;font-weight:600;text-transform:uppercase;font-size:12px;letter-spacing:.08em}
.ms-legal td{padding:13px 14px;border-top:1px solid var(--ms-border);vertical-align:top}
.ms-legal tr:nth-child(even) td{background:#fafafa}

/* ---------- Formulář pro odstoupení ---------- */
.ms-legal__form{background:#fff;border:1px solid var(--ms-border);border-radius:var(--ms-radius);padding:28px 30px 18px;margin:18px 0;
  border-top:3px solid var(--ms-line-accent)}
.ms-legal__form p{margin:0 0 16px}
.ms-legal__form .ms-line{display:block;border-bottom:1px solid #d9d9d9;height:28px;margin-top:4px}

/* ---------- Ostatní ---------- */
.ms-legal__note{background:var(--ms-soft);border-radius:var(--ms-radius);padding:14px 18px;margin:12px 0 16px}
.ms-legal__sign{margin-top:32px;padding-top:16px;border-top:1px solid var(--ms-border);color:var(--ms-muted)}
.ms-legal a.ms-legal__top{display:inline-flex;align-items:center;gap:8px;margin-top:10px;padding:10px 18px;border:0;border-radius:2px;
  background:var(--ms-soft);color:var(--ms-ink)!important;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;transition:background .15s,color .15s}
.ms-legal a.ms-legal__top:hover{background:var(--ms-or);color:#fff!important}

@media (max-width:640px){
  .ms-legal{font-size:14px}
  .ms-legal__head{padding:32px 8px 28px}
  .ms-legal__head h1{font-size:30px}
  .ms-legal .ms-legal__toc{padding:20px 18px}
  .ms-legal .ms-legal__toc ol{grid-template-columns:1fr}
  .ms-legal h2{font-size:18px;gap:12px}
  .ms-legal .ms-plate{width:36px;height:36px;font-size:16px}
  .ms-legal ul{margin-left:4px}
  .ms-legal .ms-n{min-width:36px}
  .ms-legal__form{padding:22px 18px 10px}
}
@media print{.ms-legal__toc,.ms-legal__top{display:none}}