/* ── ПРАВОВІ ДОКУМЕНТИ: спільна сторінка для сайту й застосунку ── */
.legal-page{background:#0d0c0a;color:var(--paper,#f3efe7)}
.legal-wrap{max-width:980px;margin:0 auto;padding:120px 26px 90px}

.legal-head h1{font-family:'Fraunces','Prata',serif;font-weight:300;
  font-size:clamp(2.1rem,5vw,3.4rem);line-height:1.04;margin:0 0 16px}
.legal-sub{font-size:.98rem;line-height:1.66;color:var(--paper-dim,#9d978a);max-width:720px;margin:0 0 26px}
.legal-sub b{color:var(--paper,#f3efe7);font-weight:500}

.legal-bar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.legal-langs{display:flex;gap:6px}
.legal-langs button{font-family:'IBM Plex Mono';font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--paper-dim,#9d978a);border:1px solid var(--line,rgba(243,239,231,.16));border-radius:30px;
  padding:8px 16px;background:transparent;transition:.22s;cursor:pointer}
.legal-langs button:hover{color:var(--paper,#f3efe7)}
.legal-langs button.act{background:var(--paper,#f3efe7);color:#17150f;border-color:var(--paper,#f3efe7)}
.legal-upd{font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:#6f6a5e}

.legal-tabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--line,rgba(243,239,231,.16));
  padding-bottom:0;margin-bottom:26px}
.legal-tabs a{font-size:.86rem;color:var(--paper-dim,#9d978a);text-decoration:none;padding:11px 16px;
  border-bottom:2px solid transparent;transition:.22s;margin-bottom:-1px}
.legal-tabs a:hover{color:var(--paper,#f3efe7)}
.legal-tabs a.act{color:var(--paper,#f3efe7);border-bottom-color:var(--accent,#c9a35e)}

.legal-note{border-left:2px solid var(--accent,#c9a35e);padding:12px 0 12px 16px;margin-bottom:34px;
  font-size:.86rem;line-height:1.6;color:var(--paper-dim,#9d978a)}
.legal-note b{color:var(--paper,#f3efe7);font-weight:500}

.legal-doc h2{font-family:'Fraunces','Prata',serif;font-weight:300;font-size:clamp(1.5rem,3vw,2.1rem);
  margin:0 0 8px;line-height:1.16}
.legal-meta{font-family:'IBM Plex Mono';font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;
  color:#6f6a5e;margin:0 0 26px;line-height:1.6}
.legal-doc h3{font-size:1.02rem;font-weight:500;color:var(--paper,#f3efe7);margin:32px 0 10px;
  padding-top:18px;border-top:1px solid var(--line,rgba(243,239,231,.13))}
.legal-doc h3:first-of-type{border-top:0;padding-top:0}
.legal-doc h4{font-family:'IBM Plex Mono';font-size:.56rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--accent,#c9a35e);margin:0 0 8px;font-weight:400}
.legal-doc p{font-size:.92rem;line-height:1.72;color:var(--paper-dim,#9d978a);margin:0 0 12px}
.legal-doc p b,.legal-doc li b{color:var(--paper,#f3efe7);font-weight:500}
.legal-consent-btn{border:1px solid rgba(201,163,94,.52);border-radius:999px;background:transparent;
  color:var(--paper,#f3efe7);padding:9px 14px;font:500 .72rem/1 'Inter',sans-serif;cursor:pointer}
.legal-consent-btn:hover{background:rgba(201,163,94,.12)}
.legal-doc ul,.legal-doc ol{margin:0 0 14px;padding-left:20px}
.legal-doc li{font-size:.92rem;line-height:1.66;color:var(--paper-dim,#9d978a);margin-bottom:6px}
.legal-doc ul li::marker{color:var(--accent,#c9a35e)}

.legal-table{width:100%;border-collapse:collapse;margin:6px 0 18px;font-size:.85rem}
.legal-table th{text-align:left;font-family:'IBM Plex Mono';font-size:.54rem;letter-spacing:.14em;
  text-transform:uppercase;color:#6f6a5e;font-weight:400;padding:0 14px 9px 0;
  border-bottom:1px solid var(--line,rgba(243,239,231,.16))}
.legal-table td{padding:10px 14px 10px 0;color:var(--paper-dim,#9d978a);line-height:1.5;
  border-bottom:1px solid rgba(243,239,231,.08);vertical-align:top}
.legal-table tr td:last-child{color:#8d8779;white-space:nowrap}

/* акцентний блок — те, що людина мусить прочитати, навіть якщо гортає по діагоналі */
/* scroll-margin-top: на блок ведуть прямим посиланням з якорем (його дають
   банку для перевірки), і без відступу заголовок ховався б під шапкою. */
.legal-callout{scroll-margin-top:90px;border:1px solid rgba(201,163,94,.34);border-left:2px solid var(--accent,#c9a35e);
  border-radius:14px;padding:22px 24px;margin:22px 0 20px;
  background:linear-gradient(160deg,rgba(201,163,94,.09),rgba(201,163,94,.025))}
.legal-callout h3{margin:0 0 12px;border-top:0;padding-top:0;font-size:1.06rem;line-height:1.4}
.legal-callout>p:last-child{margin-bottom:0}

/* картки гарантії */
.warr-card{border:1px solid var(--line,rgba(243,239,231,.14));border-radius:14px;padding:22px 24px;
  margin:0 0 16px;background:linear-gradient(160deg,rgba(255,255,255,.045),rgba(255,255,255,.015))}
.warr-head{display:flex;align-items:baseline;gap:10px;margin-bottom:6px}
.warr-term{font-family:'Fraunces','Prata',serif;font-size:1.5rem;color:var(--accent,#c9a35e);line-height:1}
.warr-sub{font-family:'IBM Plex Mono';font-size:.55rem;letter-spacing:.14em;text-transform:uppercase;color:#6f6a5e}
.warr-card h3{margin:0 0 4px;border-top:0;padding-top:0;font-size:1.06rem}
.warr-scope{font-size:.84rem;color:#8d8779;margin:0 0 16px}
.warr-cols{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.warr-cols ul{margin:0;padding-left:17px}
.warr-cols li{font-size:.86rem;line-height:1.55}

@media (max-width:760px){
  .legal-wrap{padding:96px 18px 70px}
  .warr-cols{grid-template-columns:1fr;gap:16px}
  .legal-table,.legal-table tbody,.legal-table tr,.legal-table td{display:block;width:100%}
  .legal-table thead{display:none}
  .legal-table tr{padding:10px 0;border-bottom:1px solid rgba(243,239,231,.1)}
  .legal-table td{padding:2px 0;border:0;white-space:normal}
  .legal-table tr td:first-child{color:var(--paper,#f3efe7)}
  /* без шапки таблиці колонки втрачають сенс — підписуємо кожну клітинку */
  .legal-table td[data-th]::before{content:attr(data-th) " · ";font-family:'IBM Plex Mono';
    font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;color:#6f6a5e}
  .legal-callout{padding:18px 18px}
}
/* Правові сторінки підключаються після shop.css. */
body,body *{font-family:'Inter',sans-serif!important}