/* Diverbium / Заказчики — только логотипы. Порядок исходных клиентов сохраняется. */

body.diverbium-clients-page{
  --dc-line:#eeeeF4;
  --dc-shadow:0 10px 28px rgba(21,20,31,.045)
}

body.diverbium-clients-page .dc-wrap,
body.diverbium-clients-page .dc-wrap *{
  box-sizing:border-box
}

.dc-wrap{
  width:min(1240px,calc(100% - 40px));
  margin:14px auto 76px
}


/* Верхний ряд:
   Росатом + НЦФМ / Discover Russia / Югория */

.dc-top-row{
  display:grid;
  grid-template-columns:1.15fr 1.55fr .72fr;
  gap:20px;
  align-items:stretch;
  margin-bottom:20px
}

.dc-top-row .dc-logo-tile{
  min-height:190px;
  height:190px;
  padding:24px 26px
}


/* Основная сетка */

.dc-logo-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px
}

.dc-logo-tile{
  min-width:0;
  min-height:172px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:26px 24px;
  border:1px solid var(--dc-line);
  border-radius:20px;
  background:#fff;
  box-shadow:var(--dc-shadow);
  overflow:hidden;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease
}

.dc-logo-tile:hover{
  transform:translateY(-2px);
  border-color:#dedbea;
  box-shadow:0 16px 36px rgba(21,20,31,.07)
}

.dc-logo-tile>img{
  display:block;
  max-width:90%;
  max-height:112px;
  width:auto;
  height:auto;
  object-fit:contain;
  margin:0!important
}


/* Минкультуры → Роскультпроект → Национальные проекты */

.dc-logo-tile--culture-lockup{
  grid-column:span 2;
  padding:20px 24px
}

.dc-culture-row{
  width:100%;
  display:grid;
  grid-template-columns:.78fr 1.5fr .82fr;
  align-items:center;
  gap:20px
}

.dc-culture-row img{
  display:block;
  width:auto;
  height:auto;
  max-width:100%;
  margin:0!important;
  justify-self:center;
  object-fit:contain
}

.dc-culture-min{
  max-height:100px!important
}

.dc-culture-roscult{
  max-height:112px!important
}

.dc-culture-nat{
  max-height:98px!important
}


/* Росатом + НЦФМ */

.dc-logo-tile--rosatom-ncfm{
  padding:18px 24px!important
}

.dc-rosatom-ncfm-row{
  width:100%;
  display:grid;
  grid-template-columns:.98fr 1.14fr;
  align-items:center;
  gap:24px
}

.dc-rosatom-ncfm-row img{
  display:block;
  width:auto;
  height:auto;
  max-width:100%;
  margin:0!important;
  justify-self:center;
  object-fit:contain
}

.dc-rosatom-mark{
  max-height:112px!important
}

.dc-ncfm-mark{
  max-height:126px!important
}


/* Discover Russia:
   Минэкономразвития слева,
   Discover Russia и ЦСР немного сдвинуты вправо */

.dc-logo-tile--discover{
  padding:18px 18px 18px 22px!important
}

.dc-discover-row{
  width:100%;
  display:grid;
  grid-template-columns:1.12fr 1.20fr .82fr;
  align-items:center;
  gap:20px
}

.dc-discover-row img{
  display:block;
  width:auto;
  height:auto;
  max-width:100%;
  margin:0!important;
  object-fit:contain
}


/* Минэкономразвития — немного компактнее */

.dc-discover-side--minek{
  width:122%!important;
  height:auto!important;
  max-width:none!important;
  max-height:none!important;
  transform:none!important;
  justify-self:center!important
}


/* Discover Russia — чуть вправо */

.dc-discover-main{
  max-height:132px!important;
  max-width:210px!important;
  justify-self:end!important;
  transform:translateX(8px)
}


/* ЦСР — тоже чуть ближе к правому краю */

.dc-discover-side--csr{
  max-height:84px!important;
  max-width:128px!important;
  justify-self:end!important;
  transform:translateX(6px)
}


/* Югория */

.dc-logo-tile--yugoria{
  padding:18px 14px!important
}

.dc-logo-tile--yugoria>img{
  display:block;
  width:120%;
  height:auto;
  max-width:none;
  max-height:none;
  object-fit:contain;
  object-position:center;
  margin:0!important;
  transform:scale(1.00);
  transform-origin:center
}


/* ФИРКОН + Орфей */

.dc-logo-tile--duo{
  padding-left:20px;
  padding-right:20px
}

.dc-duo-row{
  width:100%;
  display:grid;
  grid-template-columns:1fr 1px 1.18fr;
  align-items:center;
  gap:16px
}

.dc-duo-row img{
  display:block;
  max-width:100%;
  max-height:88px;
  width:auto;
  height:auto;
  object-fit:contain;
  margin:0!important;
  justify-self:center
}

.dc-duo-divider{
  display:block;
  width:1px;
  height:62px;
  background:#e8e8ee
}

.dc-duo-row .dc-orpheus-logo{
  max-height:82px
}


/* Нижняя строка:
   Remmers + Домовит + CORENIN */

.dc-bottom-row{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  max-width:930px;
  margin:18px auto 0
}

.dc-bottom-row .dc-logo-tile{
  min-height:164px
}

.dc-logo-tile--corenin>img{
  max-height:102px
}


/* До 1100 px */

@media(max-width:1100px){

  .dc-top-row{
    grid-template-columns:1fr 1fr
  }

  .dc-top-row .dc-logo-tile--yugoria{
    grid-column:1/-1;
    height:165px;
    min-height:165px
  }

  .dc-logo-tile--yugoria>img{
    width:90%;
    transform:scale(1.00)
  }

  .dc-logo-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))
  }

  .dc-logo-tile--culture-lockup{
    grid-column:span 3
  }

}


/* До 760 px */

@media(max-width:760px){

  .dc-wrap{
    width:min(100% - 24px,1240px);
    margin-top:10px
  }

  .dc-top-row{
    grid-template-columns:1fr;
    gap:12px;
    margin-bottom:12px
  }

  .dc-top-row .dc-logo-tile,
  .dc-top-row .dc-logo-tile--yugoria{
    grid-column:auto;
    height:auto;
    min-height:150px
  }

  .dc-logo-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px
  }

  .dc-logo-tile{
    min-height:142px;
    padding:20px 16px;
    border-radius:16px
  }

  .dc-logo-tile--culture-lockup{
    grid-column:span 2;
    padding:18px
  }

  .dc-culture-row,
  .dc-discover-row{
    gap:12px
  }

  .dc-rosatom-ncfm-row{
    gap:18px
  }

  .dc-culture-min,
  .dc-culture-nat{
    max-height:74px!important
  }

  .dc-culture-roscult{
    max-height:86px!important
  }


  /* Discover-блок на небольших экранах снова центрируем */

  .dc-discover-side--minek{
    width:auto!important;
    max-width:135px!important;
    max-height:82px!important;
    transform:scale(1.08)!important;
    justify-self:center!important
  }

  .dc-discover-main{
    max-height:94px!important;
    max-width:170px!important;
    justify-self:center!important;
    transform:none!important
  }

  .dc-discover-side--csr{
    max-height:58px!important;
    max-width:110px!important;
    justify-self:center!important;
    transform:none!important
  }


  .dc-bottom-row{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px
  }

  .dc-bottom-row .dc-logo-tile{
    min-height:136px
  }

  .dc-duo-row{
    gap:10px
  }

  .dc-duo-divider{
    height:50px
  }

}


/* До 520 px */

@media(max-width:520px){

  .dc-logo-grid{
    grid-template-columns:1fr
  }

  .dc-logo-tile--culture-lockup{
    grid-column:span 1;
    min-height:300px
  }

  .dc-culture-row,
  .dc-discover-row{
    grid-template-columns:1fr;
    gap:14px
  }

  .dc-logo-tile--discover{
    min-height:300px!important
  }

  .dc-discover-side--minek{
    width:auto!important;
    max-width:155px!important;
    max-height:92px!important;
    transform:none!important;
    justify-self:center!important
  }

  .dc-discover-main{
    justify-self:center!important;
    transform:none!important
  }

  .dc-discover-side--csr{
    justify-self:center!important;
    transform:none!important
  }

  .dc-rosatom-ncfm-row{
    grid-template-columns:1fr;
    gap:14px
  }

  .dc-logo-tile--rosatom-ncfm{
    min-height:240px!important
  }

  .dc-bottom-row{
    grid-template-columns:1fr
  }

  .dc-bottom-row .dc-logo-tile{
    min-height:140px
  }

}


/* Отключение анимации для пользователей,
   предпочитающих reduced motion */

@media(prefers-reduced-motion:reduce){

  .dc-logo-tile{
    transition:none
  }

}