/* hero-v1 — блок-разводка L2→L3 (ADR-0002). Авто-подключается Bitrix (SetAdditionalCSS).
   Scope .cds.secmenu. Шрифт-токены в АБСОЛЮТНЫХ px: сайт html{font-size:10px} ломает rem credos-ds (см. плейбук #26).
   Компактный вариант: меньше высота карточек (тугой padding + клэмп описания 3 строки). */
.cds.secmenu{
  --fs-eyebrow:13px; --fs-xs:13px; --fs-sm:15px; --fs-base:16px; --fs-lg:19px;
  --fs-xl:23px; --fs-2xl:30px; --fs-3xl:40px; --fs-4xl:54px; --fs-5xl:70px;
  --container:1226px; font-size:16px;
}
@media (max-width:760px){ .cds.secmenu{ --fs-4xl:36px; --fs-3xl:30px; --fs-2xl:24px; } }
/* .cds-section (credos-ds) даёт padding-top ~96px и грузится позже (body-link) → бьём специфичностью .cds.secmenu */
.cds.secmenu .secmenu__sec{ padding-top:var(--sp-3) !important; padding-bottom:var(--sp-6) !important; }
.secmenu__h{ font-size:var(--fs-2xl); }
.secmenu__grid{ gap:var(--sp-4) !important; margin-top:var(--sp-5) !important; }

/* карточка-ссылка целиком кликабельна, КОМПАКТНАЯ */
.secmenu .secmenu__card{
  display:flex; flex-direction:column; text-decoration:none; color:inherit; overflow:hidden;
  padding:var(--sp-5) !important;
}
.secmenu .secmenu__card:hover{ text-decoration:none; }
.secmenu .secmenu__img{
  width:calc(100% + var(--sp-5) * 2); margin:calc(var(--sp-5) * -1) calc(var(--sp-5) * -1) var(--sp-4);
  aspect-ratio:21/9; background-size:cover; background-position:center;
  background-color:var(--cyan-50); border-bottom:1px solid var(--line);
}
.secmenu .secmenu__title{ color:var(--ink); font-size:var(--fs-lg); line-height:1.25; }
/* описание: клэмп до 3 строк — фиксирует высоту карточек */
.secmenu .secmenu__desc{
  color:var(--ink-2); margin-top:var(--sp-2); font-size:var(--fs-sm); line-height:1.5;
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
}
.secmenu .secmenu__more{
  margin-top:auto; padding-top:var(--sp-3); display:inline-flex; align-items:center; gap:6px;
  color:var(--brand-strong); font-weight:600; font-size:var(--fs-sm);
}
.secmenu .secmenu__more svg{ width:16px; height:16px; transition:transform .2s ease; }
.secmenu .secmenu__card:hover .secmenu__more svg{ transform:translateX(3px); }
.secmenu .secmenu__card:hover .secmenu__title{ color:var(--brand-strong); }

@media (max-width:980px){ .secmenu .cds-grid.cols-3{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:620px){ .secmenu .cds-grid.cols-3{ grid-template-columns:1fr; } }

/* DS-токены (точечно, credos-ds.css не трогаем) — решение владельца 2026-06-15.
   Полоса cyan→indigo → чистая cyan 3px (канон), радиус 8px, тень + hover-lift. */
.cds.secmenu .secmenu__card{
  border:1px solid var(--ds-line,#e3e3e3) !important;
  border-radius:var(--ds-r-md,8px) !important;
  box-shadow:var(--ds-sh-card,0 2px 12px rgba(10,34,94,.05));
  transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s,border-color .3s;
}
.cds.secmenu .secmenu__card.cds-service--bar::before{
  height:var(--ds-bw-accent,3px) !important;
  background:var(--ds-cyan,#00bef3) !important;
  border-radius:0 !important;
}
.cds.secmenu .secmenu__card:hover{
  transform:translateY(-4px);
  box-shadow:var(--ds-sh-lift,0 16px 38px rgba(10,34,94,.14)) !important;
  border-color:transparent !important;
}