/* =================================================================== */
/*  CLIENTS block                                                      */
/* =================================================================== */

/* ---------- Контейнер секции -------------------------------------- */
.homepage-clients-block{
  max-width:var(--container-max,1200px);
  margin:0 auto;
  padding-top:clamp(2.5rem,5vw,3rem);   /* ≈40-48 px desktop, 25-32 px mobile */
  padding-bottom:2rem;
}

/* ---------- Заголовок --------------------------------------------- */
.homepage-clients-block .section-header{
  /* как у BLOG: ровно 20 px слева/справа на десктопе */
  padding-left:var(--container-pad,20px);
  padding-right:var(--container-pad,20px);
}

.homepage-clients-block .section-title{
  margin:0 0 1.5rem;
  font:700 1.2rem/1.1 "Montserrat",sans-serif;color:#000;
}
@media(min-width:768px){
  .homepage-clients-block .section-title{
    font-size:clamp(1.2rem,2.4vw,1.9rem);   /* 19-30 px */
  }
}

/* ---------- Бесшовная лента логотипов ----------------------------- */
.clients-marquee-container{overflow:hidden;}
.clients-marquee{position:relative;width:100%;overflow:hidden;}
.clients-track{
  display:flex;gap:2rem;width:max-content;
  animation:scrollClients var(--clients-speed,50s) linear infinite;
  padding:0;box-sizing:border-box;
}
.client-logo{
  flex:0 0 clamp(120px,15vw,200px);
  height:80px;
  display:flex;align-items:center;justify-content:center;
  padding:0 12px;box-sizing:border-box;
}
.client-logo img{
  max-height:100%;max-width:100%;object-fit:contain;display:block;
  opacity:.8;transition:opacity .3s;
}
.client-logo img:hover{opacity:1;}
@keyframes scrollClients{
  0%{transform:translateX(0);}
  100%{transform:translateX(-50%);}
}

/* ---------- Mobile: полоса во всю ширину + крупнее логотипы ------- */
@media(max-width:767px){

  .clients-marquee-container{
    width:100vw;
    margin-left:calc(50% - 50vw);           /* убираем поля темы */
  }
  .client-logo{
    flex:0 0 clamp(140px,22vw,220px);
    height:100px;
  }

  /* прижимаем заголовок к линии 1 rem, как у других секций --------- */
  .homepage-clients-block .section-header{
    padding-left:var(--pop-gap);            /* слева 1 rem */
  }
}