/* Інформаційні сторінки: магазини, доставка, повернення, конфіденційність.
   Довгий текст, якого в прототипі не було. Кольори — лише токени base.css. */

.doc{max-width:80ch;}
.doc h2{
  font-family:var(--font-d);font-weight:800;letter-spacing:-.02em;
  font-size:clamp(17px,2.2vw,21px);margin:28px 0 10px;
}
.doc > h2:first-child{margin-top:0;}
.doc h3{font-family:var(--font-d);font-weight:700;font-size:15px;margin:18px 0 7px;}
.doc p{color:var(--ink-2);line-height:1.7;margin:0 0 12px;}
.doc ul,.doc ol{color:var(--ink-2);line-height:1.7;margin:0 0 14px;padding-left:21px;}
.doc li{margin-bottom:6px;}
.doc li::marker{color:var(--muted);}
.doc a{color:var(--brand);font-weight:600;}
.doc b,.doc strong{font-weight:700;color:var(--ink);}
.doc small{display:block;font-size:12.5px;color:var(--muted);margin-top:18px;}

/* помітний абзац — те, що людина має прочитати обовʼязково */
.doc-key{
  display:flex;gap:12px;align-items:flex-start;
  background:var(--ok-wash);color:var(--ok);
  border-radius:16px;padding:15px 17px;margin:0 0 18px;
  font-size:13.5px;line-height:1.55;
}
.doc-key svg{flex:none;margin-top:2px;}
.doc-key b{display:block;font-family:var(--font-d);font-weight:800;margin-bottom:3px;}

/* зміст сторінки */
.doc-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px;}

/* магазини */
.store-grid{
  display:grid;gap:clamp(10px,1.7vw,16px);
  grid-template-columns:repeat(auto-fit,minmax(268px,1fr));
}
.store{display:flex;flex-direction:column;gap:11px;}
.store h2{font-size:16px;font-weight:800;}
.store-addr{font-size:14px;color:var(--ink-2);line-height:1.5;}
.store-meta{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted);}
.store-meta span{display:flex;gap:8px;align-items:flex-start;}
.store-meta svg{flex:none;margin-top:2px;}
.store-acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:4px;}

/* тарифи доставки */
.tariff{display:flex;flex-direction:column;gap:0;}
.tariff-i{
  display:flex;gap:13px;align-items:flex-start;flex-wrap:wrap;
  padding:14px 0;border-bottom:1px solid var(--line-soft);
}
.tariff-i:first-child{padding-top:0;}
.tariff-i:last-child{border-bottom:0;padding-bottom:0;}
.tariff-b{min-width:0;flex:1;}
.tariff-t{font-family:var(--font-d);font-weight:700;font-size:14px;}
.tariff-d{font-size:12.5px;color:var(--muted);line-height:1.45;margin-top:3px;}
.tariff-p{font-family:var(--font-d);font-weight:800;font-size:14px;white-space:nowrap;}