/* ==========================================================================
   AEZ-SHOP.RU — Политика конфиденциальности
   Отдельный CSS-файл для ОДНОЙ страницы (information_id=3).
   Префикс классов "azpr-" выбран намеренно: проверен на отсутствие
   коллизий с catalog/view/theme/profline/stylesheet/*.css (тема
   использует префикс "pp-" для своих компонентов страницы товара —
   именно это столкновение сломало предыдущую версию).
   Подключается через <link> из information.twig ТОЛЬКО для этой страницы.
   ========================================================================== */

.azpr-wrap{
  --yellow:#fed501;
  --yellow-deep:#e0bd00;
  --dark:#252525;
  --dark-2:#1a1a1a;
  --light:#f6f6f6;
  --white:#ffffff;
  --black:#000000;
  --line:#e2e2e2;
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;

  display:block;
  color:var(--dark);
  line-height:1.6;
}
.azpr-wrap, .azpr-wrap *{box-sizing:border-box;}
.azpr-wrap ::selection{background:var(--yellow);color:var(--black);}

/* ---------- строка с реестровым номером ---------- */
.azpr-topbar{
  display:flex;
  flex-wrap:wrap;
  gap:16px;
  background:var(--dark-2);
  color:#bdbdbd;
  font-family:var(--mono);
  font-size:12.5px;
  padding:9px 16px;
  border-radius:4px;
  margin-bottom:18px;
}
.azpr-topbar b{color:var(--yellow);font-weight:600;}

/* ---------- шапка документа: спокойная, без заливки жёлтым ---------- */
.azpr-hero{
  display:block;
  background:var(--white);
  border:1px solid var(--line);
  border-left:5px solid var(--yellow);
  border-radius:6px;
  padding:26px 28px;
  margin-bottom:22px;
}
.azpr-eyebrow{
  display:inline-block;
  font-family:var(--mono);
  font-size:11.5px;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:#8a8a8a;
  border:1px solid var(--line);
  border-radius:3px;
  padding:4px 10px;
  margin-bottom:14px;
}
.azpr-title{
  display:block;
  font-size:clamp(22px,3vw,30px);
  line-height:1.2;
  font-weight:800;
  color:var(--black);
  margin:0 0 8px;
}
.azpr-subtitle{
  display:block;
  font-size:14.5px;
  color:#555;
  max-width:680px;
  margin:0 0 18px;
}
.azpr-meta-row{display:flex;flex-wrap:wrap;gap:8px;}
.azpr-meta-chip{
  background:var(--light);
  border:1px solid var(--line);
  color:var(--dark);
  font-family:var(--mono);
  font-size:12px;
  padding:6px 11px;
  border-radius:3px;
}
.azpr-meta-chip b{color:#8a6d00;}

/* ---------- сетка: содержание + контент ---------- */
.azpr-layout{
  display:grid;
  grid-template-columns:260px 1fr;
  gap:28px;
  align-items:start;
}
@media (max-width:880px){
  .azpr-layout{grid-template-columns:1fr;}
}

/* ---------- содержание ---------- */
.azpr-toc{
  display:block;
  position:sticky;
  top:16px;
  background:var(--white);
  border:1px solid var(--line);
  border-radius:4px;
  padding:16px;
}
.azpr-toc-title{
  font-family:var(--mono);
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#8a8a8a;
  margin:0 0 10px;
  border-bottom:2px solid var(--yellow);
  padding-bottom:8px;
}
.azpr-toc ol{list-style:none;margin:0;padding:0;counter-reset:azpr-toc;}
.azpr-toc li{counter-increment:azpr-toc;}
.azpr-toc a{
  display:flex;
  gap:9px;
  align-items:flex-start;
  text-decoration:none;
  font-size:13.5px;
  color:var(--dark);
  padding:6px 4px;
  border-radius:3px;
  cursor:pointer;
}
.azpr-toc a:hover{background:var(--light);}
.azpr-toc a::before{
  content:counter(azpr-toc,decimal-leading-zero);
  font-family:var(--mono);
  font-size:11px;
  color:var(--white);
  background:var(--dark);
  min-width:22px;
  height:22px;
  border-radius:3px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:none;
}
.azpr-toc a.is-active::before{background:var(--yellow-deep);color:var(--black);}
.azpr-toc a.is-active{background:var(--light);font-weight:700;}

@media (max-width:880px){ .azpr-toc{position:static;} }

.azpr-toc-mobile{display:none;}
@media (max-width:880px){
  .azpr-toc{display:none;}
  .azpr-toc-mobile{
    display:block;
    background:var(--white);
    border:1px solid var(--line);
    border-radius:4px;
    margin-bottom:8px;
  }
  .azpr-toc-mobile summary{
    cursor:pointer;
    list-style:none;
    padding:14px 16px;
    font-weight:700;
    display:flex;
    justify-content:space-between;
    align-items:center;
  }
  .azpr-toc-mobile summary::-webkit-details-marker{display:none;}
  .azpr-toc-mobile summary::after{content:"▾";color:var(--yellow-deep);}
  .azpr-toc-mobile[open] summary::after{content:"▴";}
  .azpr-toc-mobile .azpr-toc{border:none;border-top:1px solid var(--line);border-radius:0;position:static;}
}

/* ---------- контент ---------- */
.azpr-content{display:block;min-width:0;}

.azpr-op-card{
  display:block;
  background:var(--dark);
  color:var(--light);
  border-radius:6px;
  padding:20px 22px;
  margin-bottom:24px;
}
.azpr-op-card h3{
  display:block;
  color:var(--yellow);
  font-family:var(--mono);
  font-size:11.5px;
  letter-spacing:.12em;
  text-transform:uppercase;
  margin:0 0 12px;
}
.azpr-op-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:10px 20px;
  font-size:13.5px;
}
.azpr-op-grid dt{color:#9a9a9a;font-size:11px;text-transform:uppercase;letter-spacing:.05em;}
.azpr-op-grid dd{margin:2px 0 0;font-family:var(--mono);color:var(--white);word-break:break-word;}

.azpr-section{
  display:block;
  background:var(--white);
  border:1px solid var(--line);
  border-radius:6px;
  padding:24px 26px;
  margin-bottom:18px;
  scroll-margin-top:16px;
}
.azpr-sec-head{display:flex;align-items:center;gap:13px;margin-bottom:14px;}
.azpr-sec-num{
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:var(--mono);
  font-weight:700;
  font-size:14px;
  background:var(--yellow);
  color:var(--black);
  min-width:34px;
  height:34px;
  border-radius:50%;
  flex:none;
}
.azpr-sec-head h2{font-size:18px;margin:0;color:var(--black);}
.azpr-sec-body{display:block;}
.azpr-sec-body p{margin:0 0 12px;font-size:14.5px;}
.azpr-sec-body p:last-child{margin-bottom:0;}
.azpr-sec-body ul{margin:0 0 12px;padding-left:20px;font-size:14.5px;}
.azpr-sec-body li{margin-bottom:6px;}

.azpr-spec{
  display:block;
  border:1px solid var(--line);
  border-left:4px solid var(--yellow-deep);
  border-radius:0 4px 4px 0;
  padding:15px 17px;
  margin-bottom:14px;
  background:var(--light);
}
.azpr-spec:last-child{margin-bottom:0;}
.azpr-spec h4{margin:0 0 9px;font-size:14px;font-weight:700;color:var(--black);}
.azpr-spec-table{display:grid;grid-template-columns:165px 1fr;gap:5px 14px;font-size:13.5px;}
@media (max-width:600px){ .azpr-spec-table{grid-template-columns:1fr;} }
.azpr-spec-table dt,.azpr-spec-table dd{border-bottom:1px dashed var(--line);padding-bottom:6px;}
.azpr-spec-table dt{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.03em;color:#7c7c7c;padding-top:2px;}
.azpr-spec-table dd{margin:0;}
.azpr-spec-table dt:last-of-type,.azpr-spec-table dd:last-of-type{border-bottom:none;}

.azpr-table{width:100%;border-collapse:collapse;font-size:13.5px;margin-top:6px;}
.azpr-table caption{
  text-align:left;
  font-family:var(--mono);
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.05em;
  color:#7c7c7c;
  margin-bottom:8px;
}
.azpr-table th{background:var(--dark);color:var(--yellow);text-align:left;padding:9px 12px;font-size:11.5px;text-transform:uppercase;}
.azpr-table td{padding:9px 12px;border-bottom:1px solid var(--line);vertical-align:top;}
.azpr-table td:first-child{font-family:var(--mono);font-weight:600;white-space:nowrap;}
.azpr-table tr:last-child td{border-bottom:none;}
.azpr-table tbody tr:nth-child(odd){background:var(--light);}

.azpr-callout{
  display:block;
  background:#fffbe0;
  border:1px solid var(--yellow-deep);
  border-radius:4px;
  padding:13px 15px;
  font-size:13.5px;
  margin-top:12px;
}
.azpr-callout b{color:var(--black);}

.azpr-rights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;}
.azpr-right-item{
  border:1px solid var(--line);
  border-radius:4px;
  padding:13px 15px;
  font-size:13.5px;
  position:relative;
  padding-left:42px;
}
.azpr-right-item::before{
  content:attr(data-n);
  position:absolute;
  left:12px;
  top:13px;
  font-family:var(--mono);
  font-weight:700;
  font-size:12.5px;
  color:var(--yellow-deep);
}

.azpr-footer-note{
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:8px;
  border-top:2px solid var(--black);
  margin-top:6px;
  padding-top:16px;
  font-size:12.5px;
  color:#7c7c7c;
}
