
/* TrustPlane Contact page — isolated layout correction */

.contact-info-panel,
.contact-info-list{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
}

.contact-info-list{
  grid-template-columns:none !important;
  grid-auto-flow:row !important;
  gap:0 !important;
}

.contact-info-item{
  display:grid !important;
  grid-template-columns:28px minmax(0,1fr) !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  gap:12px !important;
  align-items:start !important;
  padding:16px 0 !important;
  margin:0 !important;
  border-bottom:1px solid var(--line) !important;
}

.contact-info-item:last-child{
  border-bottom:0 !important;
}

.contact-info-item > div{
  display:block !important;
  min-width:0 !important;
  width:auto !important;
  max-width:100% !important;
}

.contact-info-item small{
  display:block !important;
  margin:0 0 5px !important;
  line-height:1.25 !important;
  white-space:normal !important;
}

.contact-info-item a,
.contact-info-item strong,
.contact-info-item address,
.contact-info-item p{
  display:block !important;
  min-width:0 !important;
  max-width:100% !important;
  overflow-wrap:anywhere !important;
  word-break:normal !important;
  white-space:normal !important;
}

.contact-info-item address strong{
  display:inline !important;
}

.contact-info-item .line-icon{
  box-sizing:border-box !important;
  width:28px !important;
  height:28px !important;
  min-width:28px !important;
  min-height:28px !important;
  max-width:28px !important;
  max-height:28px !important;
  display:grid !important;
  place-items:center !important;
  padding:0 !important;
  margin:0 !important;
  overflow:hidden !important;
  border-radius:8px !important;
}

.contact-info-item .line-icon svg{
  width:14px !important;
  height:14px !important;
  min-width:14px !important;
  min-height:14px !important;
  max-width:14px !important;
  max-height:14px !important;
  display:block !important;
}

/* Keep the left/right contact layout balanced on desktop. */
.contact-elegant-grid{
  grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr) !important;
  align-items:start !important;
}

@media(max-width:900px){
  .contact-elegant-grid{
    grid-template-columns:1fr !important;
  }
}
