/* Start:/bitrix/templates/pravzhizn/components/b2/shop.opt-coop/default/style.css?179196628614173*/
/* ============================================================
   shop.opt-coop - «Условия оптового сотрудничества» /opt/coop/
   Перенос макета opt-coop_v1.1.html на токены сайта (--pz-*).
   Кнопки .pz-btn НЕ переопределяем - берём из pz-shell.css.
   ============================================================ */

/* Базовая типографика на корне компонента: без неё элементы наследуют легаси-шрифт
   шаблона сайта (MuseoSansCyrl-500 + фиксированный line-height), и вёрстка едет.
   Тот же приём, что у .pz-blog-v4 в blog.css. */
.pz-coop {
  font-family: var(--pz-font-sans);
  font-size: 16px;
  line-height: 1.65;
  color: var(--pz-text);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.pz-coop h1, .pz-coop h2, .pz-coop h3 { font-family: var(--pz-font-serif); }
.pz-coop p, .pz-coop li, .pz-coop div, .pz-coop a, .pz-coop summary { font-family: inherit; }

/* Ширина = сетка сайта (.container-new), не макетная 1280/32.
   box-sizing обязателен: без него 1600 + 140 + 140 = 1880. */
.pz-coop .pz-b2b-topbar__in,
.pz-coop .pz-coop-hero__in,
.pz-coop .pz-coop-wrap {
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1260px) {
  .pz-coop .pz-b2b-topbar__in,
  .pz-coop .pz-coop-hero__in,
  .pz-coop .pz-coop-wrap { max-width: 1600px; padding-left: 140px; padding-right: 140px; }
}
@media (max-width: 1259px) {
  .pz-coop .pz-b2b-topbar__in,
  .pz-coop .pz-coop-hero__in,
  .pz-coop .pz-coop-wrap { max-width: none; padding-left: 20px; padding-right: 20px; }
}

/* Вторичная кнопка по макету (там .pz-btn--ghost): прозрачный фон и серый текст,
   на ховере - коралловые контур и текст. В оболочке сайта --secondary белая
   с тёмным текстом, поэтому перебиваем в пределах страницы. */
.pz-coop .pz-btn--secondary {
  background: transparent;
  color: var(--pz-text-2);
  border-color: var(--pz-divider-2);
}
.pz-coop .pz-btn--secondary:hover {
  background: var(--pz-primary-soft);
  border-color: var(--pz-primary);
  color: var(--pz-primary);
}
/* Глобальный a:hover шаблона сайта красит текст кнопки в зелёный - перебиваем.
   Контур по макету коралловый, в оболочке он прозрачный. */
.pz-coop .pz-btn--primary { border-color: var(--pz-primary); }
.pz-coop .pz-btn--primary:hover,
.pz-coop .pz-btn--primary:focus {
  color: var(--pz-on-primary);
  border-color: var(--pz-primary-hover);
}

/* ---- B2B topbar ---- */
.pz-coop .pz-b2b-topbar { background: var(--pz-surface-2); border-bottom: 1px solid var(--pz-divider); }
.pz-coop .pz-b2b-topbar__in { padding-top: 9px; padding-bottom: 9px; display: flex; align-items: center; justify-content: space-between; }
.pz-coop .pz-b2b-topbar__back { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: var(--pz-text-2); font-weight: 500; text-decoration: none; }
.pz-coop .pz-b2b-topbar__back svg { width: 14px; height: 14px; }
.pz-coop .pz-b2b-topbar__back:hover { color: var(--pz-primary); text-decoration: none; }
.pz-coop .pz-b2b-topbar__right { display: flex; align-items: center; gap: 18px; }
.pz-coop .pz-b2b-topbar__phone { font-size: 14px; font-weight: 700; color: var(--pz-text); text-decoration: none; }
.pz-coop .pz-b2b-topbar__phone:hover { color: var(--pz-primary); text-decoration: none; }

/* ---- Hero ---- */
.pz-coop .pz-coop-hero {
  padding: 48px 0 36px;
  background: linear-gradient(160deg, var(--pz-primary-soft) 0%, var(--pz-bg) 55%);
  border-bottom: 1px solid var(--pz-divider);
}
.pz-coop .pz-coop-hero__in { display: grid; grid-template-columns: 1fr auto; gap: 40px; align-items: center; }
.pz-coop .pz-coop-hero h1 { font-family: var(--pz-font-serif); font-size: 34px; font-weight: 900; color: var(--pz-text); margin: 0 0 12px; line-height: 1.15; }
.pz-coop .pz-coop-hero__sub { font-size: 17px; color: var(--pz-text-2); margin: 0 0 24px; max-width: 540px; line-height: 1.55; font-weight: 300; }
.pz-coop .pz-coop-hero__ctas { display: flex; gap: 12px; flex-wrap: wrap; }
.pz-coop .pz-coop-hero__stats {
  display: flex; flex-direction: column; gap: 16px;
  background: var(--pz-surface); border: 1px solid var(--pz-divider);
  border-radius: var(--pz-r-xl); padding: 24px 28px; min-width: 240px;
}
.pz-coop .pz-coop-stat__n { font-size: 28px; font-weight: 900; color: var(--pz-primary); line-height: 1; }
.pz-coop .pz-coop-stat__d { font-size: 13px; color: var(--pz-text-2); margin-top: 2px; }

/* ---- Секции ---- */
.pz-coop .pz-coop-section { padding: 56px 0; }
.pz-coop .pz-coop-section + .pz-coop-section { border-top: 1px solid var(--pz-divider); }
.pz-coop .pz-coop-h2 { font-family: var(--pz-font-serif); font-size: 26px; font-weight: 900; color: var(--pz-text); margin: 0 0 8px; line-height: 1.2; }
.pz-coop .pz-coop-h2-sub { font-size: 15px; color: var(--pz-text-2); margin: 0 0 36px; font-weight: 300; }

/* ---- Три уровня ---- */
.pz-coop .pz-tiers { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; align-items: stretch; }
.pz-coop .pz-tier {
  border: 1.5px solid var(--pz-divider); border-radius: var(--pz-r-xl);
  overflow: hidden; display: flex; flex-direction: column;
  transition: box-shadow .2s var(--pz-motion);
}
.pz-coop .pz-tier:hover { box-shadow: var(--pz-sh-md); }
.pz-coop .pz-tier--featured { border-color: var(--pz-primary); box-shadow: 0 0 0 1px var(--pz-primary), var(--pz-sh-md); }
.pz-coop .pz-tier__badge {
  background: var(--pz-primary); color: var(--pz-on-primary);
  font-size: 11px; font-weight: 800; letter-spacing: .08em;
  text-transform: uppercase; padding: 6px 16px; text-align: center;
}
.pz-coop .pz-tier__head { padding: 24px 24px 20px; background: var(--pz-surface-2); }
.pz-coop .pz-tier__icon {
  width: 44px; height: 44px; border-radius: var(--pz-r);
  background: var(--pz-surface); border: 1px solid var(--pz-divider);
  display: flex; align-items: center; justify-content: center; margin-bottom: 14px;
}
.pz-coop .pz-tier__icon svg { width: 22px; height: 22px; color: var(--pz-primary); }
.pz-coop .pz-tier--featured .pz-tier__icon { background: var(--pz-primary-soft); border-color: transparent; }
.pz-coop .pz-tier__name { font-size: 17px; font-weight: 900; color: var(--pz-text); margin: 0 0 4px; }
.pz-coop .pz-tier__who { font-size: 13px; color: var(--pz-text-2); line-height: 1.45; margin: 0; font-weight: 300; }
.pz-coop .pz-tier__price { padding: 20px 24px; border-top: 1px solid var(--pz-divider); background: var(--pz-surface); }
.pz-coop .pz-tier__price-label { font-size: 11px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; color: var(--pz-text-3); margin-bottom: 8px; }
.pz-coop .pz-tier__price-main { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; }
.pz-coop .pz-tier__discount { font-size: 28px; font-weight: 900; color: var(--pz-primary); }
.pz-coop .pz-tier__discount-note { font-size: 14px; color: var(--pz-text-2); }
.pz-coop .pz-tier__threshold { font-size: 13px; color: var(--pz-text-3); margin-top: 4px; }
.pz-coop .pz-tier__body { padding: 20px 24px; flex: 1; }
.pz-coop .pz-tier__list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 10px; }
.pz-coop .pz-tier__list li { display: flex; align-items: flex-start; gap: 8px; font-size: 13.5px; color: var(--pz-text-2); line-height: 1.45; }
.pz-coop .pz-tier__list li svg { width: 15px; height: 15px; color: var(--pz-success); flex-shrink: 0; margin-top: 1px; }
.pz-coop .pz-tier__list li.muted,
.pz-coop .pz-tier__list li.muted svg { color: var(--pz-text-3); }
.pz-coop .pz-tier__foot { padding: 16px 24px 24px; border-top: 1px solid var(--pz-divider); }
/* .pz-btn в оболочке сайта - content-box, поэтому width:100% давало
   337 контента + 44 padding + 2 border = 383px в поле 337px и кнопка
   вылезала вправо. Ширину считаем по border-box. */
.pz-coop .pz-btn--block { box-sizing: border-box; }
.pz-coop .pz-tier-note {
  margin-top: 20px; padding: 14px 18px;
  background: var(--pz-surface-2); border-radius: var(--pz-r);
  font-size: 13px; color: var(--pz-text-2); text-align: center;
}
.pz-coop .pz-tier-note strong { color: var(--pz-text); }

/* ---- Как начать ---- */
.pz-coop .pz-how-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.pz-coop .pz-how-step { text-align: center; }
.pz-coop .pz-how-step__num {
  width: 44px; height: 44px; border-radius: var(--pz-r-pill);
  background: var(--pz-primary-soft); border: 2px solid var(--pz-primary-soft-2);
  margin: 0 auto 14px; display: flex; align-items: center; justify-content: center;
  font-size: 18px; font-weight: 900; color: var(--pz-primary);
}
.pz-coop .pz-how-step__t { font-size: 15px; font-weight: 800; color: var(--pz-text); margin-bottom: 6px; }
.pz-coop .pz-how-step__d { font-size: 13px; color: var(--pz-text-2); line-height: 1.5; font-weight: 300; }

/* ---- Документы ---- */
.pz-coop .pz-docs-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.pz-coop .pz-doc-card { padding: 20px; border: 1px solid var(--pz-divider); border-radius: var(--pz-r-lg); background: var(--pz-surface); }
.pz-coop .pz-doc-card__ic {
  width: 38px; height: 38px; border-radius: var(--pz-r-sm);
  background: var(--pz-primary-soft); margin-bottom: 12px;
  display: flex; align-items: center; justify-content: center;
}
.pz-coop .pz-doc-card__ic svg { width: 19px; height: 19px; color: var(--pz-primary); }
.pz-coop .pz-doc-card__t { font-size: 14px; font-weight: 800; color: var(--pz-text); margin-bottom: 6px; }
.pz-coop .pz-doc-card__d { font-size: 13px; color: var(--pz-text-2); line-height: 1.5; font-weight: 300; }

/* ---- Договор ---- */
.pz-coop .pz-offer-row {
  display: flex; align-items: center; gap: 16px;
  padding: 18px 22px; border: 1px solid var(--pz-divider);
  border-radius: var(--pz-r-lg); background: var(--pz-surface); margin-top: 24px;
}
.pz-coop .pz-offer-row__ic { color: var(--pz-primary); }
.pz-coop .pz-offer-row__ic svg { width: 28px; height: 28px; }
.pz-coop .pz-offer-row__t { font-size: 15px; font-weight: 800; color: var(--pz-text); }
.pz-coop .pz-offer-row__d { font-size: 13px; color: var(--pz-text-2); margin-top: 2px; font-weight: 300; }
.pz-coop .pz-offer-row__link { margin-left: auto; flex-shrink: 0; }

/* ---- FAQ (нативный details, без JS) ---- */
.pz-coop .pz-faq { display: flex; flex-direction: column; }
.pz-coop .pz-faq-item { border: 1px solid var(--pz-divider); border-radius: var(--pz-r); overflow: hidden; margin-bottom: 8px; background: var(--pz-surface); }
.pz-coop .pz-faq-q {
  padding: 16px 20px; display: flex; align-items: center; justify-content: space-between;
  cursor: pointer; gap: 12px; list-style: none;
  font-size: 15px; font-weight: 700; color: var(--pz-text);
}
.pz-coop .pz-faq-q::-webkit-details-marker { display: none; }
.pz-coop .pz-faq-q:hover { background: var(--pz-surface-2); }
.pz-coop .pz-faq-q__sign svg { width: 18px; height: 18px; color: var(--pz-text-3); flex-shrink: 0; transition: transform .2s var(--pz-motion); display: block; }
.pz-coop .pz-faq-item[open] .pz-faq-q__sign svg { transform: rotate(45deg); color: var(--pz-primary); }
.pz-coop .pz-faq-a { padding: 0 20px 16px; font-size: 14px; color: var(--pz-text-2); line-height: 1.6; font-weight: 300; }

/* ---- CTA ---- */
.pz-coop .pz-coop-cta {
  background: linear-gradient(135deg, #2A2A2A 0%, #1A1A1A 100%);
  border-radius: var(--pz-r-xl); padding: 48px;
  display: grid; grid-template-columns: 1fr auto; gap: 40px; align-items: center;
  margin: 56px 0;
}
.pz-coop .pz-coop-cta h2 { font-family: var(--pz-font-serif); font-size: 28px; font-weight: 900; color: #fff; margin: 0 0 12px; }
.pz-coop .pz-coop-cta p { font-size: 15px; color: rgba(255,255,255,.65); margin: 0; font-weight: 300; }
.pz-coop .pz-coop-cta__actions { display: flex; flex-direction: column; gap: 10px; flex-shrink: 0; min-width: 240px; }
/* Вторичная кнопка на тёмной подложке - светлый контур вместо серого */
.pz-coop .pz-coop-cta__actions .pz-btn--secondary {
  border: 1.5px solid rgba(255,255,255,.25); color: #fff; background: transparent;
}
.pz-coop .pz-coop-cta__actions .pz-btn--secondary:hover { background: rgba(255,255,255,.08); color: #fff; }
.pz-coop .pz-coop-cta__meta { font-size: 12px; color: rgba(255,255,255,.4); margin-top: 6px; text-align: center; line-height: 1.4; }

/* ---- Правовая оговорка ---- */
.pz-coop .pz-legal-disclaimer {
  padding: 16px 20px; border-radius: var(--pz-r);
  background: var(--pz-surface-2); border: 1px solid var(--pz-divider);
  font-size: 12px; color: var(--pz-text-3); line-height: 1.6;
  margin: 40px 0;
}

/* ---- Адаптив ---- */
@media (max-width: 1024px) {
  .pz-coop .pz-tiers { grid-template-columns: repeat(2, 1fr); }
  .pz-coop .pz-tier--featured { order: -1; }
  .pz-coop .pz-how-grid { grid-template-columns: repeat(2, 1fr); }
  .pz-coop .pz-docs-grid { grid-template-columns: repeat(2, 1fr); }
  .pz-coop .pz-coop-hero__in { grid-template-columns: 1fr; }
  .pz-coop .pz-coop-hero__stats { flex-direction: row; flex-wrap: wrap; }
}
@media (max-width: 760px) {
  .pz-coop .pz-tiers { grid-template-columns: 1fr; }
  .pz-coop .pz-how-grid { grid-template-columns: 1fr 1fr; }
  .pz-coop .pz-docs-grid { grid-template-columns: 1fr; }
  .pz-coop .pz-coop-cta { grid-template-columns: 1fr; gap: 24px; padding: 28px 20px; }
  .pz-coop .pz-coop-cta__actions { min-width: 0; }
  .pz-coop .pz-coop-hero { padding: 28px 0 22px; }
  .pz-coop .pz-coop-hero h1 { font-size: 26px; }
  .pz-coop .pz-offer-row { flex-wrap: wrap; }
  .pz-coop .pz-offer-row__link { margin-left: 0; width: 100%; }
}

/* End */
/* /bitrix/templates/pravzhizn/components/b2/shop.opt-coop/default/style.css?179196628614173 */