/* v0.4.22 — messenger strip on Contacts page. */
.z4-contacts-messengers{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:22px;
  align-items:center;
  margin-top:12px;
  padding:14px 16px;
  border:1px solid #dfe7da;
  border-radius:18px;
  background:#fff;
}
.z4-contacts-messengers-copy{min-width:150px}
.z4-contacts-messengers-copy strong{
  display:block;
  color:#30483d;
  font-size:13px;
  line-height:1.25;
}
.z4-contacts-messengers-copy small{
  display:block;
  margin-top:3px;
  color:#76867f;
  font-size:9.5px;
  line-height:1.3;
}
.z4-contacts-messenger-list{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
.z4-messenger-card{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
  min-height:52px;
  padding:9px 11px;
  border:1px solid #dfe7da;
  border-radius:14px;
  background:#f8faf4;
  color:#30483d;
  text-decoration:none;
}
a.z4-messenger-card:hover{
  border-color:#c8d8c1;
  background:#f1f6ec;
  box-shadow:0 6px 18px rgba(23,65,46,.05);
}
.z4-messenger-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:31px;
  height:31px;
  flex:none;
  border-radius:50%;
  background:#e5f1df;
  color:#4d7d36;
}
.z4-messenger-icon .z4-icon{width:17px;height:17px}
.z4-messenger-maxmark{
  display:flex;
  align-items:center;
  justify-content:center;
  width:31px;
  height:31px;
  flex:none;
  border-radius:50%;
  background:#edf0f4;
  color:#425361;
  font-size:8px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.02em;
}
.z4-messenger-card>span:last-child{min-width:0}
.z4-messenger-card strong{
  display:block;
  color:#30483d;
  font-size:11.5px;
  line-height:1.2;
}
.z4-messenger-card small{
  display:block;
  margin-top:3px;
  color:#7a8981;
  font-size:8.5px;
  line-height:1.25;
  overflow-wrap:anywhere;
}
.z4-messenger-card--max{
  cursor:default;
  background:#f6f7f4;
}
.z4-messenger-card--max small{color:#687972}

@media(max-width:700px){
  .z4-contacts-messengers{
    grid-template-columns:1fr;
    gap:9px;
    margin-top:8px;
    padding:12px;
    border-radius:15px;
  }
  .z4-contacts-messengers-copy{min-width:0}
  .z4-contacts-messengers-copy strong{font-size:11.5px}
  .z4-contacts-messengers-copy small{font-size:8.5px}
  .z4-contacts-messenger-list{grid-template-columns:1fr 1fr 1fr;gap:6px}
  .z4-messenger-card{
    flex-direction:column;
    justify-content:center;
    gap:5px;
    min-height:76px;
    padding:8px 5px;
    text-align:center;
  }
  .z4-messenger-icon,.z4-messenger-maxmark{width:28px;height:28px}
  .z4-messenger-icon .z4-icon{width:15px;height:15px}
  .z4-messenger-card strong{font-size:10px}
  .z4-messenger-card small{font-size:7.5px}
}

@media(max-width:380px){
  .z4-contacts-messenger-list{grid-template-columns:1fr}
  .z4-messenger-card{flex-direction:row;justify-content:flex-start;min-height:52px;text-align:left;padding:9px 11px}
}