/* NEXACORE V6.4.14.1 · balanced ecosystem layout */

/* Use the large unused left area instead of squeezing everything on the right. */
.nexa-eco-left-enhanced{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-width:0!important;
}

/* Professional profiles now live under the main NEXACORE branding on the left. */
.nexa-eco-left-enhanced #nexaProfessionalProfiles{
  width:100%!important;
  max-width:660px!important;
  margin:25px 0 0!important;
  padding:14px!important;
  border-radius:14px!important;
}

.nexa-eco-left-enhanced #nexaProfessionalProfiles .nexa-profiles__head{
  align-items:flex-start!important;
  margin-bottom:10px!important;
}

.nexa-eco-left-enhanced #nexaProfessionalProfiles .nexa-profiles__hint{
  max-width:300px!important;
  text-align:right!important;
}

.nexa-eco-left-enhanced #nexaProfessionalProfiles .nexa-profiles__grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
}

.nexa-eco-left-enhanced #nexaProfessionalProfiles .nexa-profile-link{
  min-height:48px!important;
}

/* Let the TikTok side breathe after profiles are moved away. */
.brand-eco-links #nexaTikTokInfo{
  width:100%!important;
  max-width:100%!important;
  margin-top:14px!important;
}

.brand-eco-links .social-pills{
  width:100%!important;
}

/* Prevent the right column from becoming too narrow. */
.brand-eco-inner{
  grid-template-columns:minmax(0,1.25fr) minmax(390px,.92fr)!important;
  align-items:center!important;
}

/* Keep a clean visual separation between the two halves. */
.brand-eco-inner > .nexa-eco-left-enhanced{
  padding-right:34px!important;
}

.brand-eco-inner > .brand-eco-links{
  min-width:0!important;
}

/* Tablet */
@media(max-width:1050px){
  .brand-eco-inner{
    grid-template-columns:minmax(0,1.05fr) minmax(350px,.95fr)!important;
    gap:26px!important;
  }

  .nexa-eco-left-enhanced #nexaProfessionalProfiles .nexa-profiles__grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* Mobile/tablet stack: branding, profiles, then TikTok. */
@media(max-width:820px){
  .brand-eco-inner{
    grid-template-columns:1fr!important;
  }

  .brand-eco-inner > .nexa-eco-left-enhanced{
    padding-right:0!important;
  }

  .nexa-eco-left-enhanced #nexaProfessionalProfiles{
    max-width:none!important;
  }

  .nexa-eco-left-enhanced #nexaProfessionalProfiles .nexa-profiles__grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:480px){
  .nexa-eco-left-enhanced #nexaProfessionalProfiles .nexa-profiles__head{
    flex-direction:column!important;
    gap:5px!important;
  }

  .nexa-eco-left-enhanced #nexaProfessionalProfiles .nexa-profiles__hint{
    text-align:left!important;
    max-width:none!important;
  }

  .nexa-eco-left-enhanced #nexaProfessionalProfiles .nexa-profiles__grid{
    grid-template-columns:1fr!important;
  }
}