/* Страницы документов: оферта, гарантия, обработка данных */

.doc-head{
  background:var(--slate);color:#fff;
  padding:clamp(110px,15vh,150px) var(--gut) clamp(36px,5vw,56px);
}
.doc-head-in{max-width:var(--maxw);margin:0 auto}
.doc-back{
  display:inline-flex;align-items:center;gap:8px;
  font-size:.87rem;color:rgba(255,255,255,.6);margin-bottom:22px;
  transition:color .16s var(--ease);
}
.doc-back:hover{color:#fff}
.doc-back svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.doc-title{font-size:clamp(2.2rem,4.4vw,3.2941rem);font-weight:600;letter-spacing:-.03em;line-height:1.05;margin:0;max-width:20ch}
.doc-date{font-size:.8235rem;color:rgba(245,245,247,.55);margin:16px 0 0}

.doc{padding-block:clamp(38px,5vw,64px) clamp(50px,7vw,90px)}
.doc-in{max-width:74ch;margin:0 auto;padding-inline:var(--gut)}

.doc-fill{
  background:#FFF8E6;border:1px solid #F0DEB0;border-radius:14px;
  padding:16px 20px;margin:0 0 34px;
  font-size:.87rem;line-height:1.6;color:#6B5320;
}
.doc-fill b{color:#4A3A12}

.doc-in h2{
  font-size:1.4118rem;font-weight:600;letter-spacing:-.022em;
  margin:38px 0 12px;padding-top:22px;border-top:1px solid var(--line);
}
.doc-in h2:first-of-type{border-top:0;padding-top:0;margin-top:0}
.doc-in h3{font-size:1.1176rem;font-weight:600;letter-spacing:-.022em;margin:22px 0 8px}
.doc-in p{margin:0 0 13px;color:var(--ink);font-size:1rem;line-height:1.5}
.doc-in ul,.doc-in ol{margin:0 0 15px;padding-left:22px;color:var(--ink);font-size:1rem;line-height:1.5}
.doc-in li{margin-bottom:7px}
.doc-in li::marker{color:var(--muted-2)}
.doc-in strong{font-weight:600;color:var(--ink)}
.doc-in a{color:var(--link)}
.doc-in a:hover{text-decoration:underline}

.doc-req{
  background:var(--surface);border:1px solid var(--line);border-radius:14px;
  padding:20px 22px;margin:28px 0 0;
}
.doc-req dl{margin:0;display:grid}
.doc-req dl > div{display:flex;justify-content:space-between;gap:18px;padding:9px 0;border-top:1px solid var(--line-soft)}
.doc-req dl > div:first-child{border-top:0}
.doc-req dt{color:var(--muted);font-size:.85rem}
.doc-req dd{margin:0;font-size:.88rem;text-align:right}

@media (max-width:620px){
  .doc-req dl > div{flex-direction:column;gap:2px}
  .doc-req dd{text-align:left}
}