/* ============================================================
   ILINA · клиенты
   Только логотипы: без рамок, без подписей. Серые в покое,
   цветные при наведении.
   ============================================================ */
.clients2__grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(210px,1fr));
  gap:26px 30px;
  align-items:center;
}
.client2{
  display:flex;align-items:center;justify-content:center;
  padding:14px 10px;min-height:120px;
  text-decoration:none;color:inherit;border:0;background:none;
  transition:transform .25s ease;
}
.client2 img{
  max-width:100%;max-height:88px;width:auto;height:auto;display:block;
  filter:grayscale(1);opacity:.6;
  transition:filter .25s ease, opacity .25s ease, transform .25s ease;
}
.client2:hover img{filter:none;opacity:1;transform:scale(1.04)}

/* ---- ТЁМНЫЕ ДИЗАЙНЫ (Д1 «стекло», Д5 y2k) ----
   Раньше контроллер пытался угадать по содержимому svg, «одноцветный» ли
   логотип, и вешал client2--mono / client2--color. На практике определение
   ошибалось (любая белая фигура внутри тёмного лого ломала проверку), и
   часть логотипов оставалась чёрной на тёмном фоне.
   Теперь цвет не угадываем: правило одно для всех логотипов.
     grayscale(1)  — убираем цвет,
     invert(1)     — тёмное становится светлым, чёрный логотип виден,
     opacity       — приглушаем, чтобы блок не спорил с контентом.
   При наведении фильтр снимается полностью и логотип показывается в
   оригинальных цветах. Чтобы оригинал (в том числе чёрный) читался на
   тёмном фоне, плитке на ховере даём светлую подложку. */
html.design-1 .client2 img,
html.design-5 .client2 img{filter:grayscale(1) invert(1) contrast(1.05);opacity:.72}
html.design-1 .client2:hover img,
html.design-5 .client2:hover img{filter:none;opacity:1}
html.design-1 .client2,
html.design-5 .client2{transition:background .25s ease,transform .25s ease}
html.design-1 .client2:hover,
html.design-5 .client2:hover{background:#fff}
html.design-1 .client2{border-radius:14px}

/* в брутализме и y2k рамка — часть языка дизайна, там оставляем */
html.design-2 .client2{border:3px solid currentColor}
html.design-5 .client2{border:2px solid currentColor;box-shadow:4px 4px 0 rgba(0,0,0,.3)}
html.design-5 .client2:hover{box-shadow:4px 4px 0 rgba(0,0,0,.5)}

/* скрытые до нажатия «Показать ещё» */
.client2._hidden{display:none}
.clients2__more{margin-top:26px;text-align:center}

@media(max-width:640px){
  .clients2__grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:16px}
  .client2{min-height:86px;padding:8px}
  .client2 img{max-height:56px}
}

/* ============================================================
   Страница клиента
   ============================================================ */
.clientpage{padding:50px 0 80px}
.clientpage__crumbs{
  display:flex;flex-wrap:wrap;align-items:center;gap:0;
  list-style:none;padding:0;margin:0 0 24px;font-size:13px;opacity:.75;
}
.clientpage__crumbs li{display:inline-flex;align-items:center;margin:0}
.clientpage__crumbs li+li::before{content:"/";margin:0 8px;opacity:.5}
.clientpage__crumbs a{text-decoration:none;color:inherit}
.clientpage__crumbs a:hover{opacity:.7}

.clientpage__head{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-bottom:16px}
.clientpage__logo{max-width:260px;max-height:110px;width:auto;height:auto;display:block}
.clientpage h1{font-size:clamp(26px,3.6vw,44px);margin:0}
.clientpage__desc{max-width:760px;margin:6px 0 30px;opacity:.85;line-height:1.7}
.clientpage__h2{font-size:clamp(18px,2vw,24px);margin:0 0 18px;opacity:.8}
.clientpage__empty{opacity:.7;margin:20px 0 40px}

/* блок заявки: свои отступы, чтобы не зависеть от стилей кейса */
.clientpage__cta{
  margin-top:56px;padding:44px 34px;text-align:center;border-radius:22px;
}
.clientpage__cta h2{margin:0 0 10px}
.clientpage__cta p{margin:0 auto 22px;max-width:560px;opacity:.85}
html.design-2 .clientpage__cta,
html.design-3 .clientpage__cta,
html.design-5 .clientpage__cta{border-radius:0}
@media(max-width:640px){
  .clientpage__cta{padding:30px 20px}
  .clientpage__head{gap:16px}
  .clientpage__logo{max-height:70px}
}