/* v59: make CTA social logo area smaller and less prominent. Keep all fixed upper sections unchanged. */
.brand-v4-cta.brand-v4-cta-v58{
  grid-template-columns:minmax(0,1.35fr) minmax(220px,.42fr)!important;
  gap:clamp(18px,3vw,42px)!important;
  padding:clamp(22px,2.8vw,38px) clamp(28px,4vw,62px)!important;
}

.brand-v58-social-panel{
  justify-content:center!important;
  gap:14px!important;
  min-height:92px!important;
  padding:16px 18px!important;
  border-radius:24px!important;
  background:rgba(255,255,255,.38)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55), 0 10px 24px rgba(15,23,42,.055)!important;
}

.brand-v58-social-icon{
  width:48px!important;
  height:48px!important;
  border-radius:16px!important;
  box-shadow:0 8px 18px rgba(15,23,42,.10)!important;
  opacity:.9!important;
}

.brand-v58-social-icon svg{
  width:34px!important;
  height:34px!important;
  filter:drop-shadow(0 2px 4px rgba(15,23,42,.08))!important;
}

.brand-v58-social-icon:hover{
  transform:translateY(-2px) scale(1.02)!important;
  box-shadow:0 12px 24px rgba(15,23,42,.14)!important;
  opacity:1!important;
}

.brand-v58-line:hover,
.brand-v58-facebook:hover,
.brand-v58-youtube:hover{
  box-shadow:0 12px 24px rgba(15,23,42,.14)!important;
}

@media (max-width:980px){
  .brand-v58-social-panel{
    max-width:260px!important;
  }
}

@media (max-width:640px){
  .brand-v58-social-panel{
    min-height:76px!important;
    padding:13px 14px!important;
    gap:11px!important;
    border-radius:20px!important;
  }
  .brand-v58-social-icon{
    width:42px!important;
    height:42px!important;
    border-radius:14px!important;
  }
  .brand-v58-social-icon svg{
    width:30px!important;
    height:30px!important;
  }
}