/* AEZ-SHOP.RU — страницы «Работа с юрлицами» (information_id=12) и «Оптовые продажи и скидки» (information_id=13).
   Префикс "azbz-" проверен на отсутствие коллизий с CSS темы profline и aez-*.css.
   Компоненты повторяют дизайн-язык страницы «Гарантии» (aez-warranty.css). */

.azbz-wrap{
  --yellow:#fed501; --yellow-deep:#e0bd00;
  --dark:#252525; --light:#f6f6f6; --white:#fff; --line:#e2e2e2;
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
  display:block; color:var(--dark); font-size:14.5px; line-height:1.6;
}
.azbz-wrap, .azbz-wrap *{ box-sizing:border-box; }

.azbz-lead{
  display:block;
  background:var(--light);
  border-left:4px solid var(--yellow);
  border-radius:0 6px 6px 0;
  padding:16px 18px;
  margin:0 0 24px;
}
.azbz-lead p{ margin:0; font-size:15px; }

/* --- ключевые условия --- */
.azbz-terms{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin:0 0 28px;
}
.azbz-term{
  display:block;
  background:var(--dark); color:var(--light);
  border-radius:8px; padding:16px 18px;
}
.azbz-term-value{
  font-family:var(--mono); font-size:21px; font-weight:700;
  color:var(--yellow); margin-bottom:6px; line-height:1.25;
}
.azbz-term-value--text{ font-family:inherit; font-size:20px; }
.azbz-term-label{ font-size:12.5px; line-height:1.45; color:#cfcfcf; }
.azbz-term-label strong{ color:#fff; }

/* --- заголовки --- */
.azbz-wrap h2{
  font-size:20px; font-weight:700; color:#000; line-height:1.3;
  display:flex; align-items:center; gap:10px;
  margin:30px 0 14px; padding-top:22px;
  border-top:1px solid var(--line);
}
.azbz-wrap h2:first-of-type{ border-top:none; padding-top:0; margin-top:0; }
.azbz-wrap h2::before{
  content:""; width:6px; height:23px; background:var(--yellow);
  border-radius:2px; display:inline-block; flex:none;
}
.azbz-wrap p{ margin:0 0 12px; }
.azbz-wrap a{ color:#0b63c5; }

/* --- порядок действий --- */
.azbz-steps{ counter-reset:azbz; list-style:none; margin:0 0 8px; padding:0; }
.azbz-steps li{
  counter-increment:azbz;
  position:relative;
  padding:2px 0 16px 46px;
  margin:0;
}
.azbz-steps li::before{
  content:counter(azbz);
  position:absolute; left:0; top:0;
  width:32px; height:32px;
  display:flex; align-items:center; justify-content:center;
  background:var(--yellow); color:#000;
  font-family:var(--mono); font-weight:700; font-size:14px;
  border-radius:50%;
}
.azbz-steps li:not(:last-child)::after{
  content:""; position:absolute; left:15px; top:36px; bottom:2px;
  width:2px; background:var(--line);
}
.azbz-steps strong{ display:block; font-size:15px; color:#000; margin-bottom:3px; }
.azbz-steps span{ display:block; font-size:14px; color:#444; }

/* --- образец реквизитов --- */
.azbz-sample{
  display:block;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--white);
  box-shadow:0 0 30px #0000000d;
  margin:0 0 20px;
  overflow:hidden;
}
.azbz-sample-head{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  flex-wrap:wrap;
  padding:12px 16px;
  background:var(--light);
  border-bottom:1px solid var(--line);
}
.azbz-sample-title{ font-size:13.5px; font-weight:700; color:#000; }
.azbz-copy{
  display:inline-flex; align-items:center;
  border:1px solid var(--dark); background:var(--white); color:var(--dark);
  border-radius:4px; padding:6px 12px;
  font-size:12.5px; font-weight:700; line-height:1.2; cursor:pointer;
  transition:background .2s, color .2s;
}
.azbz-copy:hover{ background:var(--dark); color:var(--yellow); }
.azbz-copy.is-done{ background:var(--yellow); border-color:var(--yellow-deep); color:#000; }
.azbz-wrap pre.azbz-sample-body{
  display:block;
  margin:0; padding:16px 18px;
  background:transparent; border:none; border-radius:0;
  font-family:var(--mono); font-size:13.5px; line-height:1.7; color:#444;
  white-space:pre-wrap; word-break:break-word; overflow:visible;
}

/* --- заметка --- */
.azbz-note{
  display:block;
  background:#fff8e6; border-left:4px solid var(--yellow-deep);
  border-radius:0 6px 6px 0;
  padding:14px 16px; margin:0 0 14px; font-size:14px;
}
.azbz-note strong{ color:#000; }

/* --- контактный блок --- */
.azbz-contact{
  display:block;
  background:var(--dark); color:var(--light);
  border-radius:10px; padding:24px 26px; margin-top:28px;
}
.azbz-contact-title{
  font-size:18px; font-weight:700; color:#fff;
  display:flex; align-items:center; gap:10px; margin-bottom:8px;
}
.azbz-contact-title::before{
  content:""; width:5px; height:20px; background:var(--yellow);
  border-radius:2px; display:inline-block; flex:none;
}
.azbz-contact p{ color:#cfcfcf; margin:0 0 16px; }
.azbz-contact-actions{ display:flex; flex-wrap:wrap; gap:10px; }
.azbz-wrap a.azbz-btn{
  display:inline-flex; align-items:center; justify-content:center;
  min-height:42px; padding:10px 18px;
  background:var(--yellow); color:#000;
  border:1px solid var(--yellow); border-radius:6px;
  font-weight:700; font-size:14px; text-decoration:none;
  transition:background .2s, border-color .2s, color .2s;
}
.azbz-wrap a.azbz-btn:hover{ background:var(--yellow-deep); border-color:var(--yellow-deep); }
.azbz-wrap a.azbz-btn--ghost{ background:transparent; color:#fff; border-color:#5a5a5a; }
.azbz-wrap a.azbz-btn--ghost:hover{ background:transparent; color:var(--yellow); border-color:var(--yellow); }

/* --- адаптив --- */
@media (max-width:900px){
  .azbz-terms{ grid-template-columns:1fr; }
}
@media (max-width:520px){
  .azbz-wrap{ font-size:14px; }
  .azbz-wrap h2{ font-size:18px; }
  .azbz-contact{ padding:20px 18px; }
  .azbz-contact-actions .azbz-btn{ width:100%; }
  .azbz-wrap pre.azbz-sample-body{ font-size:12.5px; padding:14px; }
}