/* VISQO 3.0.0 — mobile profile hard layout fix */
@media (max-width: 700px) {
  body .profile-page-rank-theme .profile-compact-card {
    width:100% !important;
    max-width:100% !important;
    padding:16px !important;
    overflow:hidden !important;
  }

  body .profile-page-rank-theme .profile-identity-block {
    display:grid !important;
    grid-template-columns:108px minmax(0,1fr) !important;
    gap:14px !important;
    align-items:center !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
  }

  body .profile-page-rank-theme .profile-identity-block .profile-avatar-wrap {
    grid-column:1 !important;
    grid-row:1 !important;
    width:102px !important;
    height:102px !important;
    min-width:102px !important;
    max-width:102px !important;
    flex:0 0 102px !important;
    margin:0 !important;
    padding:0 !important;
    justify-self:start !important;
    align-self:center !important;
    position:relative !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    transform:none !important;
  }

  body .profile-page-rank-theme .profile-identity-block .profile-avatar {
    width:102px !important;
    height:102px !important;
    min-width:102px !important;
    max-width:102px !important;
  }

  body .profile-page-rank-theme .profile-identity-block .profile-user-info {
    grid-column:2 !important;
    grid-row:1 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:center !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    position:static !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    transform:none !important;
    text-align:left !important;
    overflow:visible !important;
  }

  body .profile-page-rank-theme .profile-identity-block .profile-rank,
  body .profile-page-rank-theme .profile-identity-block .profile-user-info h2,
  body .profile-page-rank-theme .profile-identity-block .profile-username {
    position:static !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    transform:none !important;
    float:none !important;
    clear:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    text-align:left !important;
    justify-self:start !important;
  }

  body .profile-page-rank-theme .profile-identity-block .profile-rank {
    display:inline-flex !important;
    width:auto !important;
    max-width:100% !important;
    margin:0 0 8px !important;
    padding:6px 10px !important;
    white-space:nowrap !important;
  }

  body .profile-page-rank-theme .profile-identity-block .profile-user-info h2 {
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 0 6px !important;
    font-size:22px !important;
    line-height:1.05 !important;
    letter-spacing:-.45px !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    word-break:normal !important;
  }

  body .profile-page-rank-theme .profile-identity-block .profile-username {
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:6px !important;
    flex-wrap:wrap !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    font-size:9px !important;
    line-height:1.25 !important;
    white-space:normal !important;
    overflow:visible !important;
  }

  body .profile-page-rank-theme .profile-identity-block .visqo-presence-badge {
    flex:0 0 auto !important;
    margin:0 !important;
  }

  body .profile-page-rank-theme .profile-stats,
  body .profile-page-rank-theme .profile-compact-stats,
  body .profile-page-rank-theme .profile-compact-actions {
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
}

@media (max-width: 520px) {
  body .profile-page-rank-theme .profile-compact-card {
    padding:14px !important;
  }

  body .profile-page-rank-theme .profile-identity-block {
    grid-template-columns:90px minmax(0,1fr) !important;
    gap:12px !important;
  }

  body .profile-page-rank-theme .profile-identity-block .profile-avatar-wrap,
  body .profile-page-rank-theme .profile-identity-block .profile-avatar {
    width:86px !important;
    height:86px !important;
    min-width:86px !important;
    max-width:86px !important;
    flex-basis:86px !important;
  }

  body .profile-page-rank-theme .profile-identity-block .profile-user-info h2 {
    font-size:20px !important;
  }

  body .profile-page-rank-theme .profile-identity-block .profile-rank {
    margin-bottom:6px !important;
  }
}

@media (max-width: 390px) {
  body .profile-page-rank-theme .profile-identity-block {
    grid-template-columns:78px minmax(0,1fr) !important;
    gap:10px !important;
  }

  body .profile-page-rank-theme .profile-identity-block .profile-avatar-wrap,
  body .profile-page-rank-theme .profile-identity-block .profile-avatar {
    width:74px !important;
    height:74px !important;
    min-width:74px !important;
    max-width:74px !important;
    flex-basis:74px !important;
  }

  body .profile-page-rank-theme .profile-identity-block .profile-user-info h2 {
    font-size:18px !important;
  }

  body .profile-page-rank-theme .profile-identity-block .profile-username {
    font-size:8px !important;
    gap:4px !important;
  }
}