/*
 * Только адаптеры контента для новых информационных страниц.
 * Визуальные блоки берутся из основных стилей hero, scenarios,
 * popular-tasks, cost-factors, process, cases, request и faq.
 */

.marketing-page { overflow: clip; background: #fff; }

.marketing-page > section > .container {
  position: relative;
  width: 100%;
  min-width: var(--container-min-width);
  max-width: var(--container-max-width);
  margin-inline: auto;
  padding: var(--container-padding-block) var(--container-padding-inline);
}

.marketing-category-hero { --hero-glow-y: 569px; }
.marketing-category-hero .category-hero__vehicle { padding-top: 0; }
.marketing-category-hero .category-hero__vehicle img { object-fit: contain; object-position: center bottom; }

.marketing-page :is(.scenarios,.popular-tasks,.cost-factors,.document-explain) > .container { gap: 48px; }
.marketing-page .services-catalog__header { position: relative; z-index: 1; }
.marketing-page .services-catalog__header > span { max-width: 720px; }
.marketing-page .popular-tasks .popular-conversions__header h2 { color: var(--red); }

.marketing-tariffs .marketing-section__header {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.marketing-tariffs .marketing-section__header h2,
.marketing-tariffs .marketing-section__header p { margin: 0; }
.marketing-tariffs .marketing-section__header p {
  max-width: 760px;
  color: var(--color-text);
  font: 400 var(--fs-16)/1.6 Inter, sans-serif;
}

.marketing-cases .cases__header { max-width: 940px; }
.marketing-cases .cases__header p {
  margin: 0;
  color: var(--color-text);
  font: 400 var(--fs-16)/1.55 Inter, sans-serif;
}
.marketing-page .cost-grid article > small,
.marketing-page .task-grid article > small { display: block; width: max-content; margin-top: 12px; padding: 6px 10px; border-radius: 999px; background: #ffe5e6; color: var(--red); font: 700 12px/1 Montserrat,sans-serif; }
.marketing-page :is(.cost-grid,.task-grid) article > ul { position: relative; z-index: 1; display: grid; gap: 8px; margin: 18px 0 0; padding: 0; list-style: none; }
.marketing-page :is(.cost-grid,.task-grid) article > ul li { position: relative; padding-left: 18px; font-size: 13px; line-height: 1.45; }
.marketing-page :is(.cost-grid,.task-grid) article > ul li::before { position: absolute; left: 0; color: var(--red); content: "✓"; }
.marketing-page .task-grid article > ul li { color: rgba(255,255,255,.72); }

.marketing-page .process__header p { max-width: 760px; margin: 0; color: #a0a0a0; font: 400 var(--fs-16)/1.55 Montserrat,sans-serif; }

.marketing-company-details .document-list-columns article { min-height: 420px; }
.marketing-company-details .document-list-columns article h3 { position: relative; z-index: 2; max-width: 70%; margin: 26px 0 0; font-size: var(--fs-20); }
.marketing-company-details .document-list-columns article .button { position: relative; z-index: 2; width: max-content; margin-top: 24px; }
.marketing-company-details .document-columns__accent a:not(.button) { color: inherit; }

.marketing-ratings-section {
  position: relative;
  width: 100%;
  margin-top: 0;
  padding: var(--container-padding-block) max(var(--container-padding-inline), calc((100% - var(--container-max-width)) / 2 + var(--container-padding-inline)));
  background: #17171b;
}

.marketing-request .request__media img { min-width: 580px; transform: translateX(-8%); }

@media (max-width: 700px) {
  .marketing-category-hero .category-hero__vehicle { margin-bottom: -76px; padding-top: 0; }
  .marketing-page :is(.scenarios,.popular-tasks,.cost-factors,.document-explain) > .container { gap: 32px; }
  .marketing-company-details .document-list-columns article { min-height: 0; }
  .marketing-company-details .document-list-columns article h3 { max-width: 100%; }
  .marketing-ratings-section { padding: var(--container-padding-block) var(--container-padding-inline); }
  .marketing-request .request__media img { min-width: 0; transform: none; }
}